วันนี้เราจะกลับมาที่หัวข้อการออกแบบกลุ่ม VKontakte อีกครั้ง เราได้เรียนรู้มาก่อนแล้ว วันนี้เราจะมาเรียนรู้วิธีการทำกราฟิก เมนูที่ปักหมุดไว้ แบนเนอร์ด้านบน และลิงก์ไปยัง หน้าภายในพร้อมเมนูเพิ่มเติม โดยทั่วไปข้อมูลใด ๆ สามารถอยู่ในหน้าภายในได้ สะดวกอย่างยิ่งในการวาง เช่น แค็ตตาล็อกที่มีผลิตภัณฑ์หลากหลายประเภท ทั้งเมนูแบบเลื่อนลงและเมนูแบบติดหนึบมีทั้งข้อดีและข้อเสีย ข้อเสียเปรียบหลักของเมนูแบบเลื่อนลงคือโดยค่าเริ่มต้นจะอยู่ในสถานะปิด แต่คุณสามารถวางลิงก์หลายรายการพร้อมกันได้

เมนูที่ปักหมุดไว้ดูน่าประทับใจยิ่งขึ้นเนื่องจาก ความประทับใจทั่วไปแต่สามารถมีได้เพียงลิงก์เดียวเท่านั้นซึ่งนำไปสู่หน้า VKontakte ภายในหรือไปยังไซต์ภายนอก (และลิงก์ไปยังไซต์ภายนอกจะไม่มาจากรูปภาพ แต่มาจากลิงก์ข้อความใต้รูปภาพ) นอกจากนี้ข้อเสียอย่างหนึ่งที่ชัดเจนก็คือการเปิด อุปกรณ์เคลื่อนที่ เมนูกราฟิกนำเสนอเป็น การบันทึกปกติในฟีด ยืนอยู่ด้านบน และไม่ได้ปักหมุดไว้ข้างอวตาร โดยทั่วไปเมื่อเลือกการออกแบบคุณควรคำนึงถึงความแตกต่างเหล่านี้ด้วย มาดูวิธีสร้างเมนูด้านบนแบบติดหนึบพร้อมลิงก์ไปยังหน้าภายใน

ฉันสร้างกลุ่ม VKontakte
การออกแบบคุณภาพสูงของกลุ่ม VK และสาธารณะ เมนูที่ปักหมุดไว้, เมนูแบบเลื่อนลง, เมนูกราฟิกภายใน, แค็ตตาล็อก, การนำทางภายใน — ราคาและ ผลงาน.

ขั้นตอนที่ 1
สร้างใน Photoshop เอกสารใหม่ขนาดประมาณ 900x700 พิกเซล เติมด้วยสีขาว ตอนนี้เราต้องตัดหน้าต่างสองบานออกในเลเยอร์ซึ่งผ่านหน้าต่างจริง การออกแบบกราฟิก- ขั้นแรก เลือกสี่เหลี่ยมผืนผ้าที่มีขนาด 200x500 พิกเซล (อวตาร) แล้วกด Del จากนั้นเลือกสี่เหลี่ยมผืนผ้าที่มีขนาด 510x352 (จัดตำแหน่งให้ตรงกับบรรทัดล่างสุดของอวตาร และทำให้ระยะห่างระหว่างรูปร่างเป็น 50 พิกเซล) แล้วกด Del
หลังจากอัปเดตการออกแบบครั้งต่อไปโดย VKontakte (31 ตุลาคม 2559) ขนาดแบนเนอร์กลายเป็น 510x307 (ไม่ใช่ 510x352)

ขั้นตอนที่ 2
ตอนนี้ ใต้เลเยอร์สีขาว เราวางรูปภาพบางภาพ ซึ่งจะเป็นพื้นฐานของการออกแบบ

ขั้นตอนที่ 3
หลังจากนั้นเราก็เพิ่มรูปภาพ องค์ประกอบต่างๆ— โลโก้ จารึกข้อความ และปุ่มเชิญชวนให้คุณคลิกที่เมนู จากนั้นเราจะบันทึกรูปภาพสองรูปแยกกันบนคอมพิวเตอร์ - รูปหนึ่งคืออวตาร (ทางขวา) ส่วนรูปที่สองคือเมนูที่มีปุ่มคลิก (ทางซ้าย)

ขั้นตอนที่ 4
นอกจากนี้เรายังสร้างเมนูกราฟิกใน Photoshop ที่ประกอบด้วยหลายรายการ ความกว้างของเมนูนี้ควรเป็น 600 พิกเซล ความสูงหรือไม่ก็ได้ ขึ้นอยู่กับจำนวนรายการ เพื่อช่วยให้ใช้บทเรียน ““

ขั้นตอนที่ 5
เราตัดเมนูของเราออกเป็นหลาย ๆ เมนู แถบแนวนอนตามจำนวนรายการเมนู บันทึกเป็นไฟล์แยกกัน

ขั้นตอนที่ 6
ไปที่กลุ่ม VKontakte ของเราคลิก "การจัดการชุมชน" (คลิกที่จุดสามจุดใต้ผู้เขียนเพื่อเปิดเมนูแบบเลื่อนลง) และตรวจสอบว่าการตั้งค่าถูกต้อง กลุ่มควรเปิดกว้างและควรเปิดสื่อการสอนด้วย

ขั้นตอนที่ 7
ตอนนี้เราอัปโหลดอวตารใหม่ เลื่อนเมาส์ไปที่ตำแหน่งของอวตารแล้วเลือก "อัปเดตรูปภาพ" จากเมนูป๊อปอัป โหลดภาพถ่ายที่ถูกต้องจากขั้นตอนที่ 3 ขยายพื้นที่การเลือกขึ้นและลงไปที่ขอบของภาพ คลิก “บันทึก” จากนั้นเลือกพื้นที่สำหรับภาพขนาดย่อแบบกลม

ขั้นตอนที่ 8
ตอนนี้คุณต้องสร้างเพจภายใน วิธีการทำเช่นนี้อธิบายไว้โดยละเอียดในบทเรียน อื่น ทางเลือกอื่นการสร้างหน้าภายในมีอธิบายไว้ในบทเรียน “” ในขั้นตอนที่ 5 และ 6

ขั้นตอนที่ 9
เมื่อเราสร้างหน้าภายในแล้วเราก็สามารถไปที่หน้านั้นได้ ในการดำเนินการนี้คุณต้องคลิกที่เมนูแบบเลื่อนลงของกลุ่ม (โดยค่าเริ่มต้นรายการนี้เรียกว่า "ข่าวล่าสุด" - ฉันเปลี่ยนชื่อเป็น "เมนู") และคลิกที่ลิงก์ "เมนู" หลังจากนี้เราจะไปที่หน้าว่างที่สร้างขึ้นใหม่

ขั้นตอนที่ 10
ตอนนี้เราต้องสร้างเมนูกราฟิกจำนวนห้ารายการ ในการดำเนินการนี้ เราจะอัปโหลดรูปภาพทั้ง 5 รูปจากขั้นตอนที่ 5 ไปยังอัลบั้มกลุ่ม เราคลิกที่ไอคอนกล้องและอัปโหลดรูปภาพที่ตัดแล้วจากคอมพิวเตอร์ รูปภาพจะถูกเก็บไว้ที่ไหนสักแห่งบนเซิร์ฟเวอร์ VKontakte โดยอ้างอิงถึงกลุ่ม ดังนั้นให้สร้าง อัลบั้มแยกไม่จำเป็นสำหรับการตัดภาพออก คุณต้องอัปโหลดรูปภาพในโหมดมาร์กอัป Wiki

ขั้นตอนที่ 11
ตอนนี้ในโหมดมาร์กอัป wiki เราจะสร้างเมนูกราฟิก การสร้างในโหมดมาร์กอัปวิกิเป็นสิ่งสำคัญมาก (ไอคอนทางด้านขวา มุมบนจากวงเล็บเหลี่ยมสองอัน) และไม่เข้า โหมดภาพการแก้ไข ข้อมูลเพิ่มเติมเกี่ยวกับการสร้างโค้ดในมาร์กอัป wiki อธิบายไว้ในขั้นตอนที่ 4 และขั้นตอนที่ 5 ของบทเรียน ““ นอกจากนี้ยังมีเทมเพลตโค้ดสำหรับการแทรก หากทุกอย่างถูกต้องคุณควรได้รับเมนูกราฟิกสำเร็จรูปดังรูปด้านล่าง

ขั้นตอนที่ 12
ตอนนี้เรากลับมาที่ หน้าแรกกลุ่มนำ URL ของหน้าภายในของเรา (ควรเป็นเช่น https://vk.com/page-78320145_49821289) แล้ววางลงในหน้าต่างที่สร้างข่าว ควรแนบหน้าต่างที่มีลิงก์ไปยังหน้าภายในนี้โดยอัตโนมัติ หลังจากนั้นเราเลื่อนเคอร์เซอร์ไปที่จารึก "แนบ" และแนบรูปถ่ายในโพสต์นั่นคือรูปภาพของเราทางด้านซ้ายจากขั้นตอนที่ 3 หลังจากนั้นเราจะลบบรรทัดออกจาก URL ของหน้าภายในโดยเว้นพื้นที่ว่างไว้ สำคัญ! บน ขั้นตอนนี้คุณต้องทำเครื่องหมายในช่อง (หากคุณมีสิทธิ์ดังกล่าว ส่วนใหญ่จะใช้กับกลุ่มด้วย ผนังเปิด) ในช่องทำเครื่องหมาย "ในนามของกลุ่ม" หากคุณไม่ทำเครื่องหมายที่ช่องนี้ รายการจะไม่ถูกปักหมุด สุดท้ายคลิก "ส่ง"

ขั้นตอนที่ 13
เลื่อนเคอร์เซอร์ไปที่จุดสามจุดถัดจากชื่อโพสต์แล้วเลือก "ปักหมุด" ในหน้าต่างแบบเลื่อนลง ดังนั้นข่าวดังกล่าวจะถูกแยกออกไปด้วยหากจำเป็น

ขั้นตอนที่ 14
มีข้อแม้ประการหนึ่ง บางครั้ง หลังจากที่คุณเลิกปักหมุดเรื่องราวข่าวแล้ว เรื่องนั้นจะลงไปตามฟีดตามวันที่สร้าง และอาจเป็นเรื่องยากที่จะค้นหาอีกครั้ง ดังนั้นจึงควรจด URL ของข่าวที่ปักหมุดไว้ที่ใดที่หนึ่งทันที ในการดำเนินการนี้ ให้เลื่อนเคอร์เซอร์ไปที่เวลาที่สร้างข่าวแล้วคลิกลิงก์

ขั้นตอนที่ 15
ตอนนี้เราอัพเดทหน้าหลักของกลุ่ม เมนูกราฟิกของเราจะอยู่ที่ด้านบนถัดจากอวตาร และเมื่อเราคลิกที่ภาพ เราก็จะเข้าสู่หน้าภายในที่มีเมนูจำนวน 5 รายการ

เราปล่อย หนังสือเล่มใหม่“การตลาดเนื้อหาบนโซเชียลมีเดีย: วิธีเข้าถึงหัวผู้ติดตามของคุณและทำให้พวกเขาตกหลุมรักแบรนด์ของคุณ”

สมัครสมาชิก

ใบหน้าของคุณคือกลุ่ม VK ดังนั้นการตั้งค่ากลุ่ม VKontakte จึงจำเป็นต้องมี ความสนใจเป็นพิเศษ- แน่นอนคุณสามารถสั่งการออกแบบกลุ่ม VKontakte จากผู้เชี่ยวชาญได้ ในกรณีนี้ต้นทุนจะขึ้นอยู่กับปริมาณงานและข้อมูลเฉพาะ โดยเฉลี่ยแล้ว การออกแบบกลุ่มที่ซับซ้อนรวมถึงเค้าโครงเมนูและบริการอื่น ๆ มีค่าใช้จ่ายตั้งแต่ 1,000 รูเบิลขึ้นไป หากคุณสนใจที่จะจัดตั้งกลุ่ม VKontakte ด้วยตัวคุณเองบทความนี้เหมาะสำหรับคุณ ก่อนอื่น ให้เราระบุก่อนว่านี่เป็นเรื่องจริงอย่างแน่นอน

ขนาดองค์ประกอบ

ด้านล่างนี้เป็นคำเตือนเกี่ยวกับมิติการออกแบบของกลุ่ม VK หรือองค์ประกอบหลัก

มาดูแต่ละองค์ประกอบแยกกัน:

การทำหมวก

การออกแบบกลุ่ม VK นั้นคิดไม่ถึงหากไม่มีส่วนหัว คำตอบสำหรับคำถามเกี่ยวกับวิธีสร้างกลุ่มที่ติดต่อจะต้องเริ่มต้นด้วยส่วนหัว ส่วนใหญ่แล้วโฆษณาจะอยู่ที่ส่วนหัว เมนูนำทางและส่วนใหญ่ โพสต์ที่น่าสนใจ- มีเหตุผลมากที่สุดที่จะทำหมวกในรูปแบบของผ้าคลุม การออกแบบกลุ่มใน VK โดยใช้การออกแบบใหม่ช่วยให้คุณสามารถเพิ่มหน้าปกขนาดใหญ่และน่าดึงดูดได้ โดยคลิก “ดาวน์โหลด” ถัดจาก “ความคุ้มครองชุมชน” ดังแสดงในรูป:

ต่อไปนี้คือตัวเลือกบางส่วนสำหรับสิ่งที่สามารถวางไว้ในส่วนหัวได้:

อวตาร

คุณสงสัยว่าจะออกแบบกลุ่ม VKontakte อย่างสวยงามได้อย่างไร? ถ้าอย่างนั้นอย่าเพิกเฉยต่อการทำงานที่อุตสาหะกับอวตารของคุณ มันมีประสิทธิภาพ เครื่องมือทางการตลาด, ที่ การใช้งานที่ถูกต้องซึ่งสามารถบรรลุผลตามที่ต้องการได้

ภาพขนาดย่อของอวตารที่ดีตรงตามเกณฑ์ต่อไปนี้:

1. ข้อความบนนั้นมีขนาดใหญ่และมองเห็นได้ชัดเจนและอ่านง่าย
2. รูปภาพและข้อความมีความชัดเจน อย่าพยายามอัดอวตารของคุณมากเกินไป
3. ควรใช้รูปภาพต้นฉบับที่คุณสร้างขึ้นแทนที่จะใช้รูปภาพที่ดาวน์โหลดมา
4. ใช้สีสว่างเพื่อให้โดดเด่นจากภาพอื่นๆ และใช้คอนทราสต์อย่างเชี่ยวชาญ
5. อวตารที่สร้างขึ้นในสไตล์มินิมอลดูน่าประทับใจ: ข้อความขั้นต่ำและรายละเอียดที่ไม่จำเป็น, ความสวยงามและความเรียบง่ายสูงสุด
6. ใช้จินตนาการของคุณเพื่อดึงดูดและสนใจผู้ใช้ เช่น สี่เหลี่ยมสีดำ ไอคอนข้อความที่กำลังลุกไหม้ ฯลฯ

ต่อไปนี้เป็นตัวเลือกต่างๆ สำหรับการโพสต์ข้อมูลขนาดย่อ: ประกาศ สิทธิประโยชน์ รายชื่อติดต่อ ราคาต่ำโปรโมชั่น การแข่งขัน และอื่นๆ

ข้อกำหนดอวาตาร์:

1. คุณภาพ. ในการดำเนินการนี้ ให้ใช้รูปภาพที่มีขนาดใหญ่กว่าขนาดที่ต้องการ 2-3 เท่า
2. แบบเดี่ยว. องค์ประกอบทั้งหมดจะต้องรวมกันตาม โทนสีและสไตล์ทั่วไป
3. ความหลากหลาย. จะดีกว่าถ้าภาพขนาดย่อและอวาตาร์เป็นภาพที่แตกต่างกัน

บนอวาตาร์นั้น คุณสามารถวางโดเมนของเว็บไซต์อย่างเป็นทางการของบริษัท ชื่อแบรนด์ โลโก้ รายชื่อติดต่อ เวลาเปิดทำการ ข้อมูลเกี่ยวกับการแข่งขันและโปรโมชั่นที่กำลังดำเนินอยู่ ผลิตภัณฑ์ยอดนิยม ข้อมูลเกี่ยวกับที่มีอยู่ แอปพลิเคชันมือถือสิทธิประโยชน์หลักของคุณ ประกาศกิจกรรม และอื่นๆ

วิดเจ็ต

นี่เป็นส่วนบังคับในการสร้างกลุ่มใน VK การใช้สิ่งเหล่านี้จะสะดวกสำหรับผู้ใช้ในการดำเนินการที่เป็นประโยชน์กับคุณ: สมัครสมาชิก เข้าร่วมการแข่งขัน สั่งซื้อ เขียนความคิดเห็น และอื่นๆ

รูปภาพสำหรับโพสต์

ทางที่ดีควรโพสต์พร้อมรูปภาพ สไตล์เครื่องแบบ- สิ่งนี้ทำให้กลุ่มมีความคิดริเริ่มและความคิดสร้างสรรค์ นี่คือตัวอย่างที่ดี:

ดังที่เห็นได้จากตัวอย่าง บริษัทต่างๆ จะสร้างเทมเพลตการออกแบบที่เป็นเอกลักษณ์สำหรับกลุ่ม VK หรือสร้างรูปภาพสำหรับโพสต์ จากนั้นจึงเสริม/เปลี่ยนแปลง การสร้างเทมเพลตนั้นค่อนข้างง่าย ต่อไปนี้เป็นเทคนิคบางประการ:

เพื่อสร้างภาพคุณภาพสูงและน่าดึงดูดที่จะช่วยคุณสร้าง การออกแบบที่สวยงามแนะนำให้ใช้กลุ่ม Kkontakte เพื่อใช้ Photoshop หากคุณเป็นเจ้าของโปรแกรมนี้ ให้ใช้หนึ่งในแอนะล็อกแบบง่ายของโปรแกรม: Fotor.com หรือ Canva.com

การแก้ไขบทความ

จะลงทะเบียนกลุ่ม VK ได้อย่างไร? คุณสามารถแก้ไขบทความในนั้นได้โดยใช้โปรแกรมแก้ไข คุณสามารถค้นหาได้โดยใช้ไอคอนนี้:

เราเขียนเกี่ยวกับวิธีการทำงานกับโปรแกรมแก้ไขบทความใน VK ในบทความอื่น

มาร์กอัปวิกิ

จะสร้างกลุ่มบน VK อย่างถูกต้องโดยใช้มาร์กอัป wiki ได้อย่างไร? นี่เป็นส่วนที่ยากที่สุดและในขณะเดียวกันก็เป็นส่วนที่น่าสนใจที่สุด มาร์กอัป Wiki เป็นภาษาเฉพาะสำหรับการทำงานกับข้อความบนเว็บไซต์ ซึ่งอำนวยความสะดวกในการเข้าถึงฟังก์ชันต่างๆ ภาษา HTML- เมื่อสร้างผู้ติดต่อในกลุ่ม มาร์กอัป wiki ใช้เพื่อจัดรูปแบบเนื้อหาข้อความ เพิ่มรูปภาพ และพัฒนาเมนูการนำทาง ในกรณีนี้จะใช้โปรแกรมแก้ไข VK แบบพิเศษ

มาดูวิธีสร้างหน้าวิกิ: เปิดเบราว์เซอร์และวางลงในแถบที่อยู่: http://vk.com/pages?oid=-111 &p=Created_page โดยที่ “111” คือ ID กลุ่มและ “Created_page” ” คือชื่อบทความที่มีคำที่เขียนด้วยเครื่องหมายขีดล่าง เรามักจะเปลี่ยนไปใช้โหมดโค้ด ดังนั้นเรามาดูวิธีการทำกันดีกว่า:

ข้อความถูกจัดรูปแบบในโปรแกรมแก้ไขที่เรียบง่ายและชัดเจน คล้ายกับ Word แต่ไม่มีตัวเลือกในการเปลี่ยนแบบอักษร แต่จะใช้แท็ก: H1, H2, H3, ตัวหนาและตัวเอียง

หากจำเป็น คุณสามารถแทรกลิงก์ลงในข้อความโดยใช้เทมเพลต: [ลิงก์ไปยังบทความ|ข้อความลิงก์]

หากต้องการแทรกรูปภาพ ให้คลิกที่ไอคอนกล้อง ซึ่งจะสะดวกกว่าหากทำในโหมดโค้ด ซึ่งจะช่วยให้คุณสามารถระบุขนาดที่ต้องการได้ทันทีและวางรูปภาพไว้ตรงกลาง

นอกจากนี้ยังมีเวอร์ชันที่ซับซ้อนกว่า:

ตรงนี้ อันดับแรกรูปภาพจะถูกสร้างขึ้นใน Photoshop ซึ่งจากนั้นจะแบ่งออกเป็นส่วนๆ โดยใช้ "การตัด" ภาพสำเร็จรูปถูกแทรกลงในโพสต์วิกิและแนบลิงก์ไว้ด้วย

สิ่งสำคัญคือต้องปักหมุดเมนูที่พัฒนาแล้วในส่วนหัวของหน้า: ก่อนอื่นเราจะสร้างเมนูในมาร์กอัป wiki จากนั้นจึงบันทึกลิงก์ หลังจากนั้นเราก็ใส่ ลิงค์นี้ในโพสต์ตามที่แสดง:

ตอนนี้เราสร้างรูปภาพสำหรับเมนูและเพิ่มลงในโพสต์ ลบลิงก์ออกจากช่องข้อความพิเศษแล้วคลิก "ส่ง"

ที่เหลือก็แค่ปักหมุดโพสต์

แทนที่จะได้ข้อสรุป

เคล็ดลับบางประการเกี่ยวกับวิธีสร้างกลุ่ม VKontakte:

1. เมื่อคุณออกแบบ (ไม่สำคัญว่าคุณจะใช้ รุ่นเก่าหรือคุณกำลังคิดจะออกแบบกลุ่ม VKontakte ในรูปแบบใหม่) ให้คิดเสมอว่ามันจะดูเป็นอย่างไร รุ่นมือถือ,ทุกอย่างชัดเจนและสะดวกไหม?
2. อย่ากลัวที่จะทดลองและพัฒนาโซลูชันที่คู่แข่งของคุณไม่ได้ใช้ นี่เป็นเพียงข้อดี
3. เมนูที่สม่ำเสมอและสมมาตรบางครั้งอาจดูน่าเบื่อ ดังนั้นอย่ายึดติดกับรูปทรงในอุดมคติ

เราหวังว่า วัสดุนี้วิธีสร้างการออกแบบกลุ่มบน VKontakte จะมีประโยชน์ ขอบคุณสมาชิก!

ทุกวันนี้ ทุกองค์กรและผู้ใช้ส่วนใหญ่ต่างมีกลุ่มของตนเอง เครือข่ายทางสังคม VKontakte. และในหมู่ ปริมาณมากพบกับกลุ่มที่ได้รับการออกแบบอย่างสวยงามอย่างแท้จริง ดังนั้น คุณจะสร้างกลุ่ม VKontakte ได้อย่างไร?- ให้เราทราบทันทีว่าในการสร้างกลุ่มคุณต้องศึกษามาร์กอัปวิกิ

โปรดทราบว่าประมาณวันที่ 20 ตุลาคม ผู้ดูแลระบบ VKontakte จะครอบตัดอวตารของกลุ่ม ทำให้มีขนาด 200*500 พิกเซล จากนี้ให้ปรับบทเรียนเล็กน้อย หรือทำเมนูขนาดต่ำ: 382*232 และ 200*500

การจัดรูปแบบกลุ่ม VKontakte

สร้างเอกสารใหม่ใน Photoshop สีขาว 630*725 พิกเซล ในเลเยอร์ให้ตัดหน้าต่างสองบานออกเพื่อให้มองเห็นการออกแบบกราฟิก ได้แก่ สี่เหลี่ยมผืนผ้า 200*710 แล้วกด Del และสี่เหลี่ยมผืนผ้า 382*442 เชื่อมต่อสี่เหลี่ยมด้านล่างแล้วกด Del อีกครั้ง

ด้านล่างเลเยอร์นี้ เราจะวางการออกแบบกราฟิกของเรา เราใส่รูปภาพแล้วข้อความในสี่เหลี่ยมผืนผ้าด้านซ้ายเราสร้างห้าจุด (จำนวนขึ้นอยู่กับจำนวนที่คุณต้องการ)

บันทึกสี่เหลี่ยมด้านขวา เป็นภาพแยกต่างหาก 200*710. ตอนนี้ภาพแรกพร้อมสำหรับการตกแต่งแล้ว จะต้องอัปโหลดไปยังบล็อกที่มุมขวาบนของกลุ่ม "อัปโหลดรูปภาพ" ภาพซ้ายตัดตามจำนวนจุด เราได้ 5 ภาพ 50*382


อัปโหลดรูปภาพทั้งห้าภาพไปที่อัลบั้มหลักของหน้ากลุ่ม (“รูปภาพของฉัน” - “อัลบั้มของฉัน” - “เพิ่มรูปภาพ”) ไปที่หน้ากลุ่มและใต้คำอธิบายเราจะเห็นบล็อก "ข่าว" (คุณสามารถเปลี่ยนชื่อได้) - "แก้ไข"


ดังนั้นจึงมีการเปลี่ยนแปลงบางอย่างใน VKontakte หลังจากจุดก่อนหน้าไปที่แท็บ "แก้ไข" และคลิกที่ปุ่มทางด้านขวา "โหมดมาร์กอัป Wiki" วางรหัสต่อไปนี้ในหน้าต่างที่เปิดขึ้น:


ไปที่แท็บ " ซอร์สโค้ด"และใส่รหัสต่อไปนี้ที่นั่น ( โปรแกรมแก้ไขภาพเป็นการดีกว่าที่จะไม่ใช้มัน มันจะทำให้การตั้งค่าของคุณยุ่งเหยิง):

[]
[]
[]
[]
[]

อย่าลืมเปลี่ยนรหัส รูปถ่ายคำให้กับชื่อไฟล์ของคุณและระบุความสูงของไฟล์ (กำหนดความกว้างไว้แล้ว) และยังกำหนด URL ของลิงค์เมนูด้วย

ในการที่จะรวมรูปภาพเข้าด้วยกัน ควรใส่ชื่อกลุ่มไว้ในบรรทัดเดียว คำอธิบายของกลุ่มใน 10 บรรทัด และ URL ของเว็บไซต์ใน 1. คลิกที่ภาพเพื่อดูวิธีการทำงานอย่างชัดเจน

หากบทความนี้ช่วยคุณหรือชอบอย่าลืม ให้สิ่งที่คุณชอบซึ่งจะช่วยให้ผู้ใช้รายอื่นค้นพบได้เร็วยิ่งขึ้น และฉันสามารถค้นหาสิ่งที่คุณสนใจมากที่สุดเพื่อเตรียมและเขียนให้น่าสนใจยิ่งขึ้นและ บทความที่เป็นประโยชน์- ขอแสดงความนับถือ Vyacheslav

สวัสดีทุกคนผู้อ่านที่รักของบล็อกไซต์ ฉันยังคงหัวข้อของฉันต่อไป - อันที่จริงไม่ใช่ทุกอย่างจะซับซ้อนอย่างที่คิดและไม่มีอะไรพิเศษให้ศึกษาที่นี่ ความเป็นมืออาชีพของคุณขึ้นอยู่กับการฝึกฝนโดยสิ้นเชิง โอเค วันนี้เราจะมาพูดถึงความสวยงามของกลุ่มของคุณ ความสวยงามของเมนูในกลุ่มของคุณ และวิธีออกแบบเมนูและกลุ่มให้สวยงามด้วยตัวเอง และด้วยมือของคุณเอง เช่น ฟรี!

เมื่อพูดถึงความเรียบง่ายของอุตสาหกรรม SMM แม้กระทั่งในสาขาและเทคนิคอื่นๆ ที่คุณต้องรู้ในทางทฤษฎีเพื่อให้ได้ผลลัพธ์ โอเค ฉันยอมรับความจริงที่ว่าฉันอาจจะยังอ่อนแอเกินไปในด้านเหล่านี้ แม้ว่าฉันจะมีลูกค้าทั้งสองแห่งก็ตาม

ถ้าอย่างนั้น ไปสร้างเมนูสำหรับกลุ่ม VKontakte กันเถอะ?

วิธีการออกแบบเมนูในกลุ่ม VKontakte ด้วยตัวเอง

ใช่ ด้วยตัวคุณเอง เพราะหลังจากอ่านบทความนี้แล้ว คุณไม่จำเป็นต้องใช้บริการจากฟรีแลนซ์อีกต่อไป แม้ว่านี่จะไม่ใช่ธุรกิจที่มีราคาแพง แต่สำหรับ 1,500 คุณสามารถสร้างเมนูบน workzila ได้ (ฉันเขียนประสบการณ์โดยละเอียดเกี่ยวกับการทำงานกับการแลกเปลี่ยนนี้)

นี่คือสิ่งที่เราต้องสร้างกลุ่มบน VK:

1. เค้าโครง (การจัดเรียงองค์ประกอบแบบกราฟิก) - เราต้องรู้ว่าทุกอย่างควรอยู่ที่ไหน

2. ความรู้พื้นฐานมาร์กอัปวิกิ (เราจะพูดถึงสิ่งที่เป็นมาตรฐานที่สุดด้านล่าง แต่ฉันขอแนะนำสำหรับการศึกษาโดยละเอียด กลุ่มนี้ ).

3. ทักษะพื้นฐานในการทำงานกับ Photoshop คุณจะต้องตัดเค้าโครงบางส่วนออก ขนาดที่เหมาะสม.

ฉันจะหาเค้าโครงเมนูได้จากที่ไหน?

สามารถใช้เลย์เอาต์สำหรับการออกแบบเมนู VKontakte ได้ ในรูปแบบที่แตกต่างกัน, ตัวอย่างเช่น:

1. ฟรีแลนซ์หรือ Workzilla

2. คุณสามารถสร้างมันขึ้นมาเองได้หากคุณมีทักษะ Photoshop ถ้าไม่ฉันขอแนะนำหลักสูตรของ Evgeniy Popov นี่คือหนึ่งในนั้นสำหรับ Photoshop เท่านั้น - คลิก

3. คุณสามารถ google และดาวน์โหลดไฟล์สำเร็จรูปได้ เชื่อฉันสิมีค่อนข้างน้อย

ในทางกลับกัน... ทำไมต้อง Google? เพียงสมัครรับข้อมูลอัปเดตเว็บไซต์ของฉัน และคลิกที่ปุ่ม เครือข่ายสังคมออนไลน์ด้านล่าง.

ฉันได้เตรียมเอกสารสำคัญสำหรับคุณโดยเฉพาะซึ่ง มากกว่า 100 ตัวเลือกต่างๆการออกแบบสำหรับกลุ่ม VKontakte!- เมื่อคลายแพ็ก ไฟล์เก็บถาวรจะใช้พื้นที่ประมาณ 2.5 กิกะไบต์

เงื่อนไขหลักคือการเป็นสมาชิกและติดตามปุ่มโซเชียล!

ขอบคุณ ตอนนี้คุณสามารถดาวน์โหลดไฟล์เก็บถาวรได้จากลิงค์นี้
อย่าลืมไปที่ปุ่มโซเชียลที่เหลือ

ขนาดของอวตารและเมนูที่มีประโยชน์สำหรับการออกแบบกลุ่ม VK

เพื่อการออกแบบกลุ่มหรือเพจสาธารณะอย่างเหมาะสม คุณจำเป็นต้องทราบขนาดของรูปภาพที่คุณต้องการใช้ ฉันขอให้คุณใส่ใจกับภาพนี้

อย่างที่คุณเห็น ในกลุ่มอวตารต้องมีขนาดกว้าง 200 และสูง 500 พิกเซล และสำหรับภาพเมนูหลัก - กว้าง 395 พิกเซล และสูง 289 พิกเซล

นั่นคือทั้งหมดที่คุณต้องการ มีเค้าโครงมีความเข้าใจเรื่องขนาด

ส่วนที่สร้างสรรค์จบลงแล้ว - เหลือเพียงงานเพียงเล็กน้อยเท่านั้น เราเริ่มต้นส่วนทางเทคนิคของกระบวนการทั้งหมดในการสร้างเมนูสำหรับกลุ่ม

วิธีสร้างกลุ่ม VKontakte ด้วยตัวเองโดยมีเลย์เอาต์อยู่ในมือ

ดังนั้นเราจึงมีการจำลองการออกแบบกลุ่ม ตอนนี้คุณต้องตัดส่วนที่จำเป็นออก

แน่นอนว่าไม่จำเป็นสำหรับอวตารของกลุ่ม ตัดมันออก ส่วนที่ถูกต้องจากเค้าโครงหรือรูปภาพ - และแทรกลงในกลุ่ม ฉันคิดว่าคุณสามารถใส่มันเองได้เหรอ? ฉันหวังเช่นนั้น ถ้าไม่เขียนความคิดเห็นฉันจะเพิ่มส่วนนี้ในบทความ

ตอนนี้เมนูก็ต้องตัดออก แน่นอนว่าไม่ใช่ตัวเมนู แต่ทุกส่วนของเมนู (ปุ่ม) จะต้องถูกตัดออกอย่างแน่นอน

ขั้นแรกให้การศึกษาเล็กน้อย

เมนูกลุ่มแตกต่างจากเมนูสาธารณะอย่างไร?

ต่างกันตรงที่เมนูกลุ่มนั้นเป็นชุดของปุ่มต่างๆ แต่เมนูนี้กลับซ่อนอยู่เสมอ! เสมอ! และเมนูสาธารณะจะเปิดอยู่เสมอและอันที่จริงแล้วคือลิงก์โพสต์ที่ปักหมุดซึ่งนำไปสู่หน้าเว็บที่มีส่วนของเมนู (ปุ่ม)

อีกครั้ง: ในกลุ่ม - หากต้องการดูเมนูคุณต้องคลิกที่ปุ่ม "เมนูกลุ่ม" โดยค่าเริ่มต้นปุ่มนี้เรียกว่า "ข่าวล่าสุด"

และในที่สาธารณะ (ในกลุ่มคุณสามารถทำได้เช่นกัน) เมนูจะเปิดอยู่เสมอ

แต่ภาพนี้เป็นภาพใหญ่และ ลิงค์ที่ดีซึ่งนำไปสู่เมนูแยกต่างหากที่ใหญ่ขึ้น ที่นี่:

ปุ่มรูปภาพบนเมนูนี้สร้างขึ้นผ่านโพสต์ที่ปักหมุดไว้ นี่เป็นเพียงโพสในกลุ่มที่เราปักหมุดตลอดไป! ลิงค์โพสต์นี้ไปที่ หน้าแยกกันซึ่งเราจะค่อยๆ สร้างไว้ล่วงหน้า

วิธีสร้างหน้าแยกต่างหากสำหรับเมนู VKontakte

ในการสร้างหน้าสำหรับเมนูในอนาคต (การนำทาง) คุณต้องส่งคำขอต่อไปนี้ไปที่ VK:

โดยที่ XXX คือหมายเลขกลุ่ม YYY คือชื่อหน้า (ในที่นี้ต้องมีเครื่องหมายคำถามและขีดกลางทั้งหมด)

นอกจากนี้ ฉันขอแนะนำให้ตั้งชื่อให้เป็นเรื่องปกติ น่าดึงดูด และมีความหมาย เพราะชื่อนี้จะโดดเด่นและผู้คนจะสร้างความประทับใจให้กับคุณและกลุ่มของคุณตามชื่อนี้ ตัวอย่างเช่น "การนำทาง" หรือ "เมนูกลุ่ม" เป็นชื่อปกติ แต่ดูซ้ำซาก ใช้จินตนาการของคุณ

ฉันป้อนคำถามต่อไปนี้

และฉันก็เปิดเพจที่สร้างขึ้นทันทีพร้อมความสามารถในการแก้ไข

ที่นี่คุณจะต้องแทรกโค้ดสำหรับเมนูโดยใช้มาร์กอัป wiki แต่เพิ่มเติมเกี่ยวกับเรื่องนี้อีกเล็กน้อยในภายหลัง

อย่างไรก็ตาม ฉันจะบอกความลับแก่คุณหากคุณมีกลุ่ม (และไม่ใช่แบบสาธารณะ) - เมนูมาตรฐานซึ่งมีอยู่แล้วโดยค่าเริ่มต้น - เป็นเพจในตัวเองอยู่แล้ว ดังนั้นคุณสามารถใช้มันได้หากคุณประสบปัญหาในการสร้างหน้าเพิ่มเติม

วิธีปักหมุดโพสต์ในกลุ่มหรือสาธารณะ

ใช่ และในชุมชนทุกประเภท โพสต์ที่ปักหมุดจะถูกสร้างขึ้นในลักษณะเดียวกัน! ทุกอย่างทำได้ง่ายมาก

และในหน้าต่างที่ปรากฏขึ้น ให้คลิกปุ่ม "ปักหมุด" ง่ายมาก!

หลายกลุ่มใช้โพสต์ปักหมุดเป็นประกาศ หากความเกี่ยวข้องของโฆษณานี้ผ่านไปแล้ว คุณเพียงคลิกวันที่เผยแพร่อีกครั้งและปุ่ม "เลิกปักหมุด"

จริงๆ แล้วตอนนี้ใครๆ ก็ใช้วิธีเมนูนี้โดยเฉพาะ

เดาว่าทำไม?

ดังนั้นเราจึงรู้วิธีสร้างเพจและปักหมุดโพสต์แล้ว เย็น. กลับไปที่เลย์เอาต์ ram ของเรากันดีกว่า

การตัดเค้าโครงสำหรับการออกแบบกลุ่มหรือสาธารณะ

ดังนั้นสำหรับอวตาร ทุกอย่างชัดเจน เราไม่ได้ตัดอะไรที่นี่ เราสร้างรูปภาพตามขนาดที่ต้องการและอัปโหลดไปยัง VK ทั้งหมด. เสร็จสิ้นแล้วกับอวตารของกลุ่ม!

เมนูตอนนี้.

เช่นผมเอาเมนูจากกลุ่มนี้มา ฉันสร้างมันขึ้นมาเองและฉันยังคงสามารถเข้าถึงได้ ดังนั้นฉันจึงสามารถแสดงโค้ดของหน้าต่างๆ ได้

ตอนนี้คุณรู้วิธีสร้างภาพหลักสำหรับเมนูแล้ว - เป็นเพียงโพสต์ที่ปักหมุดไว้

คลิกที่เมนูและดูภาพ

เราจำเป็นต้องเน้นโซน "คลิกได้"

เหล่านั้น. เลือกปุ่มเอง ฉันขอเน้นพื้นที่เหล่านี้ให้คุณด้วยเส้นสีแดง

เราได้รับเท่าไหร่? 5 รูป และไม่ใช่ทุกภาพจะเป็นปุ่ม!! อย่างที่คุณเห็นด้านบน ภาพใหญ่- นี่ไม่ใช่ปุ่ม แต่ในตัวมันเอง...

ดังนั้นเราจึงตัดภาพตามเส้นเหล่านี้ ตอนนี้คุณต้อง "อัปโหลด" ไปที่ VK

หากคุณสร้างหน้าเมนูแยกต่างหาก ให้คลิกที่ปุ่ม "เติมเนื้อหา" บนหน้าที่สร้างขึ้นใหม่

หากคุณไม่ได้สร้างเพจนี้ แต่ใช้เพจสำเร็จรูปสำหรับเมนู คุณจะเห็นโปรแกรมแก้ไขเพจทันทีและคุณสามารถอัพโหลดรูปภาพได้ทันที:

กรอกแล้วคุณจะเห็นสิ่งต่อไปนี้:

คุณอาจมีรหัสเหมือนในภาพด้านล่าง ถ้าไม่ให้คลิกปุ่ม "ซอร์สโค้ด" ฉันไฮไลต์ปุ่มนี้ไว้ในภาพด้านบน และคุณจะเห็นสิ่งต่อไปนี้:

ที่นี่เราต้องจัดเรียงรูปภาพทั้งหมดเพื่อไม่ให้สับสน (นั่นคือสิ่งที่ฉันทำ)

และเพื่อไม่ให้มีช่องว่างภายในระหว่างรูปภาพ ให้ป้อนแท็ก "nopadding" ซึ่งควรมีลักษณะดังนี้:

นี่คือหน้า -58190479_45419120 - นี่คือที่อยู่ของหน้า VKontakte คุณจะพบตัวระบุนี้ แถบที่อยู่เบราว์เซอร์ของคุณ

แค่นั้นแหละ :) ไม่ยากเหรอ?

นี่คือสิ่งที่ฉันพบในรหัสของฉัน หากคุณมีสิ่งที่คล้ายกันแสดงว่าทุกอย่างเป็นไปตามลำดับ

หากคุณมีปัญหาใด ๆ กับประเด็นใด ๆ โปรดติดต่อเรา ฉันยินดีที่จะช่วย

เมื่อใช้โอกาสนี้ ฉันขอเตือนคุณว่ามีบริการที่ยอดเยี่ยมสำหรับโปรโมชั่นและการโกงใดๆ เหล่านี้คือ:

พรอสเพโร | ผู้ร่วมงาน | เครื่องมือทางสังคม

ฉันอาจจะไม่ได้บอกความลับทั้งหมดที่ต้องบอก ฉันยอมรับว่าฉันพลาดบางสิ่งบางอย่างไป ท้ายที่สุดบทความนี้ก็ไม่สั้น - เขียนถึงฉันหากคุณสังเกตเห็นการละเว้นที่ชัดเจน ขอบคุณล่วงหน้า.

สวัสดีเพื่อนๆ!

วันนี้ในบทความเราจะพูดถึงการออกแบบกลุ่ม VKontakte นี่เป็นส่วนที่สำคัญมากซึ่งส่งผลกระทบอย่างมากต่อการขายและการส่งเสริมการขายในชุมชนของคุณ ดังนั้นฉันขอแนะนำให้อ่านเป็นอย่างยิ่ง

สิ่งที่รวมอยู่ในการออกแบบ?

เริ่มจากจุดเริ่มต้นกันก่อน หลายคนสงสัยว่ามีอะไรรวมอยู่ในการออกแบบและจะสร้างกลุ่ม VKontakte ได้อย่างไร ความช่วยเหลือจากภายนอก.

สิ่งที่รวมอยู่: โดยปกติแล้วการออกแบบกลุ่มจะมีอวตาร เมนู ( ภาพพิเศษโดยการคลิกที่บุคคลไปที่เมนูนำทางซึ่งระบุองค์ประกอบหลักของชุมชนที่เรียกว่า ลิงค์ด่วนและตอบคำถาม) นอกจากนี้ การออกแบบอาจรวมถึงตัวเลือกด้วย การออกแบบพิเศษ(โพสต์การสร้างแบรนด์)

อวตาร

มาดูองค์ประกอบการออกแบบชุมชนแต่ละอย่างแยกกัน เริ่มจากอวตารกันก่อน บ่อยครั้งที่องค์ประกอบนี้ถูกละเลยโดยคนจำนวนมาก และสิ่งนี้ส่งผลกระทบต่อองค์ประกอบอื่นๆ

อวตารคือสิ่งแรกที่บุคคลเห็นในการค้นหาและเมื่อมาที่ชุมชนของคุณ บนอวตารของคุณ คุณต้องแสดงให้เห็นอย่างชัดเจนถึงสิ่งที่คุณทำ (หากคุณขายสินค้า) หากคุณเป็นแบรนด์ คุณจะได้รับการยอมรับในลักษณะนั้น แต่ในกรณีส่วนใหญ่ คุณจะต้องพรรณนาถึงบริการหรือผลิตภัณฑ์ของคุณ

ฉันมักจะสังเกตเห็นว่าผู้คนก็แค่ทำสิ่งต่างๆ ภาพที่สวยงามซึ่งไม่ได้สะท้อนแก่นแท้ของชุมชน นอกจากนี้ขอแนะนำให้ระบุข้อมูลการติดต่อและการโทรเพื่อเข้าร่วมกลุ่มในอวตารของชุมชน

สำหรับการออกแบบ ในความเป็นจริงคุณสามารถเรียนรู้สิ่งนี้ได้ด้วยตัวเองแม้ว่าคุณจะต้องเรียนรู้ Photoshop โดยใช้ก็ตาม บทเรียนฟรีและทดสอบทุกอย่างด้วยตัวเอง

ดังนั้นผมขอแนะนำให้คุณเสียเงินและเข้ารับการฝึกอบรมจากผู้เชี่ยวชาญ ประการแรก คุณจะได้รับทักษะการปฏิบัติ (นักเรียนมักจะทำงานให้กับลูกค้า) และประการที่สอง คุณจะสามารถสร้างชุมชนไม่เพียงแต่เพื่อตัวคุณเองเท่านั้น แต่ยังเพื่อลูกค้าด้วย โดยเฉลี่ยแล้วราคาสำหรับการออกแบบอวตารและเมนูเริ่มต้นที่ 1,500 รูเบิลขึ้นไป บางกรณีคิดค่าจดทะเบียน 5-6 พัน

โดยเฉลี่ยแล้วอาจต้องใช้เวลาหนึ่งหรือสองวันจึงจะเสร็จสมบูรณ์ทั้งสององค์ประกอบ ผมเอาอันนี้มาสำรองครับ. คุณสามารถคำนวณจำนวนเงินที่คุณจะได้รับจากสิ่งนี้ได้ด้วยตัวเอง ฉันจึงจะกลับไปเรียนรู้ นี่คือหลักสูตรเกี่ยวกับเรื่องใด เรากำลังพูดถึง: http://www.1day1step.ru/design.php- ราคาค่อนข้างสมเหตุสมผลสำหรับการฝึกอบรม และคุณสามารถชำระคืนได้หลังจากลูกค้า 2 ราย

เมนูชุมชน

ตอนนี้เรามาพูดถึงเมนูชุมชนกันดีกว่า เมนูนี้ขึ้นอยู่กับการออกแบบและมาร์กอัปวิกิที่เรียกว่า สิ่งนี้สามารถสอนและเรียนรู้ได้เช่นกัน

โดยปกติแล้วเมนูจะทำขึ้นเพื่อความสะดวกของชุมชนการช้อปปิ้งออนไลน์ (และไม่เพียงแต่โดยทั่วไปเท่านั้น) เมนูประกอบด้วยลิงก์ไปยังบทวิจารณ์ของลูกค้า แค็ตตาล็อกผลิตภัณฑ์ และองค์ประกอบอื่นๆ โดยพื้นฐานแล้ว เมนูคือการนำทางผ่านหน้าสาธารณะโดยใช้การคลิกเมาส์เพียงไม่กี่ครั้ง

เมนูและอวตารจะปรากฏแก่ผู้ใช้และลูกค้าใหม่ทันที และหากได้รับการออกแบบอย่างถูกต้องก็จะกระตุ้นให้คนเข้าร่วมกลุ่มและสั่งซื้อในภายหลัง

โพสต์ที่มีแบรนด์

เพจสาธารณะบางเพจไม่ได้มีการออกแบบประเภทนี้ แต่เป็นเพจที่แตกต่างจากเพจอื่นๆ เป็นอย่างดี โพสต์ทั้งหมดในกรณีนี้ได้รับการออกแบบในสไตล์เดียวกันและดูกลมกลืนกันมากเมื่อมีคนเลื่อนดูวอลล์ชุมชน

ค่าใช้จ่ายในการออกแบบโพสต์ที่มีแบรนด์นั้นแตกต่างกันไป ดังนั้นคุณต้องตรวจสอบกับนักออกแบบ แต่คุณสามารถสร้างแบรนด์ได้ด้วยตัวเองอีกครั้ง

อย่างไรก็ตาม ด้วยความช่วยเหลือของโพสต์ที่มีแบรนด์ คุณสามารถจดจำลูกค้าได้เป็นอย่างดีในฟีดข่าว คุณจะโดดเด่นจากคู่แข่งและเว็บไซต์สาธารณะอื่นๆ ซึ่งหมายถึงความสนใจเพิ่มเติมและการหลั่งไหลของลูกค้าอีกครั้ง

นี่คือที่ที่ฉันจะจบบทความ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ ถ้าใช่ให้แชร์ลิงก์บนโซเชียลเน็ตเวิร์กและสมัครรับการอัปเดตบล็อก