เทมเพลตเมนูกราฟิก VKontakte วิธีสร้างกลุ่มในผู้ติดต่อและสร้างเมนูกราฟิกแบบเลื่อนลง

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

ลองดูตัวอย่างเล็กๆ น้อยๆ เพื่อทำความเข้าใจว่าสวยงามและสะดวกเพียงใด:

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

การออกแบบเมนู

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

ความกว้างของอวตารคือ 200 พิกเซล ความสูงคือ 500 ภาพเมนูหลักคือ 510*308 ในที่สุดเราก็จะได้ “เมนู” สวยๆ แบบนี้

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

แหล่งที่มาของเค้าโครง PSD นี้ถูกนำมาใช้เป็นตัวอย่าง ดาวน์โหลด

เราจะไม่เน้นไปที่วิธีการสร้างเทมเพลต แต่เราจะเริ่มเตรียมเทมเพลตสำหรับการจัดวางในกลุ่มใหม่หรือกลุ่มที่มีอยู่ทันที เปิดไฟล์ใน Photoshop

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

ไปที่ส่วน "รูปภาพ" และเลือกการดำเนินการ "ตัดแต่ง"

ที่ผลลัพธ์ที่เราได้รับ:

หากภาพที่ได้มีขนาดใหญ่ คุณสามารถใช้เครื่องมือ "บันทึกสำหรับเว็บ" ได้ คำสั่งยังอยู่ในส่วน "ไฟล์"

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

ตอนนี้คุณต้องบันทึกและตัดเมนูระดับที่สอง ในการดำเนินการนี้ ให้ปล่อยให้ "พื้นหลังเมนู" ปรากฏในโฟลเดอร์ "เมนูพร้อมรถยนต์" และเพิ่ม "เมนูระดับที่สอง" ลงไป

จากนั้นเราจะใช้เครื่องมือ "การตัด" ซึ่งอยู่ในเมนูด้านซ้าย

เรา "ตัด" รูปภาพของเราออกเป็นส่วนที่เหมาะสม ในกรณีของเราจะมีสามคน

นี่เป็นการเสร็จสิ้นส่วนการเตรียมการ เรามาต่อกันที่เวทีหลักกันเลย

มาร์กอัป Wiki ของเมนูที่เสร็จแล้วบน VKontakte

ก่อนอื่น คุณต้องอัปโหลดรูปภาพกลุ่มหรืออวตารโดยคลิกลิงก์ชื่อเดียวกันและเลือกไฟล์ที่เราต้องการ


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

จะต้องดำเนินการนี้เพื่อให้ผู้ใช้และสมาชิกกลุ่มไม่สามารถเปลี่ยนแปลงและ/หรือแก้ไขรายการเพิ่มเติม รวมถึงเมนูได้

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

ไปที่ส่วน "ข่าวล่าสุด" เลือก "แก้ไข" และไปที่เมนูตัวแก้ไข

เพื่อเร่งกระบวนการ ให้ใช้ปุ่ม "กล้อง" และคลิก "เลือกจากภาพถ่ายชุมชน"

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

โครงสร้างทั่วไปของแต่ละส่วนที่หั่นบาง ๆ มีลักษณะเช่นนี้ในมาร์กอัป - [] โดยที่:

    id – ตัวระบุ (หมายเลข) ของรูปภาพที่คุณอัปโหลด

    X และ Y – ขนาดภาพแนวนอนและแนวตั้งเป็นพิกเซล

เมื่อดูที่เทมเพลต เราจะแก้ไขมาร์กอัปวิกิของเราและไปที่ส่วน "ดูตัวอย่าง" เป็นระยะ ซึ่งจะแสดงการเปลี่ยนแปลงที่เราได้ทำไว้ด้วยสายตา

รูปภาพทั้งหมดจะต้องปิดด้วยแท็กพร้อมกัน (และไม่ใช่ตามค่าเริ่มต้นของแต่ละรูปภาพ)

ซึ่งวางตำแหน่งเมนูทั้งหมดไว้ตรงกลางหน้าโดยอัตโนมัติ!

เนื่องจากเราได้ทิ้งแท็กไว้ตรงกลางรูปภาพแล้ว เพื่อกำจัดระยะห่างที่ "ไม่พึงประสงค์" ระหว่างส่วนต่างๆ ของรูปภาพโดยรวม เราควรแทรกแท็ก "nopadding" ดังนี้: []

นี่คือสิ่งที่เกิดขึ้นในที่สุด

ตอนนี้คุณควรคลิกที่แท็บ "เมนูกลุ่ม" จากนั้นคลิก "แก้ไข"

สำคัญ! หากต้องการคัดลอกที่อยู่ที่ต้องการ ในเวอร์ชันของเรา ให้คลิกที่ "เมนูกลุ่ม" และคัดลอก "ลิงก์ที่ถูกต้อง" จากที่นั่น

ไปที่หน้าหลักแล้วคลิก "เพิ่มรายการ" อย่าลืมเปลี่ยนเจ้าของโพสต์ทันที!

คลิกที่ “วงรี” ทางด้านขวาของรายการและคลิกที่แท็บ “ปักหมุด”

หลังจากนั้น รีเฟรชหน้าและเพลิดเพลินไปกับผลลัพธ์ที่ได้ ซึ่งมีลักษณะดังนี้:

เมื่อคุณคลิกที่ "เปิดเมนู"

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

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

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

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

เมนูในที่สาธารณะ? มันไม่ง่ายกว่านี้อีกแล้ว!

ทบทวนบทความอีกครั้ง: และตอนนี้เราจะต้องมีความรู้นี้!

3 ขั้นตอนสู่เมนูสาธารณะสวยๆ!

คุณคงเดาอยู่แล้วว่าพื้นฐานของเมนูดังกล่าวคือ... ปักหมุดโพสต์หน้าใน!โดยส่วนตัวแล้ว ฉันชอบวิธีนี้มาก แม้แต่ในกลุ่มบล็อกของฉัน ฉันละทิ้งการฝังและใช้ "เมนูที่ปักหมุด" และตอนนี้ฉันจะให้คำแนะนำที่ชัดเจนเกี่ยวกับ “วิธีการทำ”!

ขั้นตอนที่ 1: สร้างหน้าเมนูภายใน

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

ตัวเลือกที่ 1: (ปกติ)

http://vk.com/pages?oid=- XXX &พี= Page_name

โดยที่ XXX คือ ID ของเพจสาธารณะของคุณ

และ “Page_name” คือคำใดๆ ที่จะใช้ตั้งชื่อเพจ

ตัวเลือกที่ 2: (น้ำหนักเบา แต่)

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

นี่คือรหัสวิกิเมนู

ความสนใจ! หากคุณยังไม่ทราบวิธีสร้างเมนูภาพในการติดต่อ ฉันจะทำซ้ำบทความนี้! ถ้าทุกอย่างโอเค จากนั้นคุณจะได้ภาพดังนี้:

และนี่คือหน้าเมนูที่เสร็จแล้ว

ขั้นตอนที่ 2: สร้างโพสต์บนผนัง

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

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

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

รูปภาพแสดงเมนูซ้ำและดึงดูดความสนใจของผู้เยี่ยมชมเพจ

ขั้นตอนที่ #3: ปักหมุดโพสต์

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

คลิกที่ปุ่มนี้และรีเฟรชหน้า Voila คุณทำเสร็จแล้ว! เพลิดเพลินกับเมนูสวยๆ!

vk.com/frilkacom

คุณสามารถเลือกภาพที่จะกลายเป็นความต่อเนื่องของอวตารของคุณได้ - การออกแบบนี้ดูดีมาก

เพียงเท่านี้ด้วยความช่วยเหลือของสามขั้นตอนง่าย ๆ เราจึงสามารถสร้างเมนูที่สวยงามที่สามารถใช้ในชุมชน VK ได้!

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

มีการใช้มากขึ้นในการดำเนินธุรกิจ ขายสินค้าหรือบริการ เครื่องมือที่ยอดเยี่ยมที่ช่วยให้การทำงานกับกลุ่มง่ายขึ้นคือเมนูที่สร้างขึ้นโดยใช้มาร์กอัป wiki

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

ในบทความนี้เราจะบอกวิธีสร้างหน้าวิกิ VKontakte สำหรับกลุ่ม วิธีสร้างเมนูในกลุ่ม VK มีประเภทใดบ้าง วิธีสร้างมันและอีกมากมาย

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

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

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

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

คำสั่งพื้นฐานและคุณสมบัติต่างๆ ของเมนูวิกิ

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

น่าเสียดายที่เราไม่สามารถจัดทีมทั้งหมดลงในเนื้อหาของเราได้อย่างสมบูรณ์ ดังนั้นเราจะพูดถึงเพียงบางส่วนเท่านั้น

การสร้างเมนูโดยใช้ไฟล์มีเดีย

ทำได้โดยใช้ปุ่มพิเศษ

ในรูปแบบข้อความ ไฟล์สื่อคือ: [​]

โดยที่สื่อ XXXX_YYYY คือไฟล์สื่อ ตัวเลือกคือการตั้งค่าต่างๆ (สำหรับภาพถ่ายและวิดีโอ) ลิงก์คือคำจารึกที่จะแสดงเมื่อคุณวางเมาส์เหนือภาพถ่าย/วิดีโอ

สำหรับตัวเลือกภาพถ่ายมีดังนี้:

สำหรับวิดีโอ:

เราสร้างส่วนหัวของระดับต่างๆ โดยใช้เครื่องหมาย ==

เพิ่มเครื่องหมาย "==" ที่จุดเริ่มต้นและจุดสิ้นสุดของชื่อเรื่อง ดูภาพหน้าจอเพื่อดูตัวอย่าง:

การทำงานกับข้อความหัวเรื่องเพื่อออกแบบเมนูกลุ่ม VKontakte

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

การใช้คำพูดเพื่อดึงดูดความสนใจ

การใช้แท็กจะช่วยให้คุณสามารถออกแบบคำพูดของใครบางคนได้อย่างสวยงาม

รายการอาจเป็นตัวเลขหรือสัญลักษณ์แสดงหัวข้อย่อยก็ได้

สำหรับรายการลำดับเลข ให้ใช้สัญลักษณ์ "#" หน้ารายการใหม่แต่ละรายการ

สำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย คล้ายกับรายการก่อนหน้า เฉพาะที่มีเครื่องหมาย “*” เท่านั้น

การทำงานกับการเยื้อง

หากต้องการเยื้อง ให้เพิ่มเครื่องหมาย “:” หน้าคำ การเยื้องจะเพิ่มขึ้นหรือลดลง ขึ้นอยู่กับจำนวนอักขระ

ลิงค์ภายในในเมนูกลุ่ม

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

ลิงก์ภายนอกในการสร้างเมนู VKontakte

มาร์กอัป Wiki สร้างเมนูตาราง

การใช้หน้าวิกิและมาร์กอัป คุณสามารถสร้างตารางได้ ดูภาพหน้าจอ:

สปอยเลอร์ข้อมูล

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

สปอยเลอร์ถูกสร้างขึ้นโดยใช้การออกแบบ:

((Hider|ชื่อสปอยล์
ข้อความ
}}

และมันจะมีลักษณะเช่นนี้:

ดังนั้นทีมงานจะช่วยจัดทำรายการองค์ประกอบการออกแบบทั้งหมดให้ครบถ้วน

ประเภทของเมนู: คืออะไร?

หน้า Wiki บน VKontakte สามารถแบ่งตามเกณฑ์ต่างๆ:

  • ข้อความ (ข้อความเท่านั้น);
  • กราฟิก (การใช้รูปภาพของปุ่ม พื้นหลัง ฯลฯ).

โดยการแสดงผล (ขึ้นอยู่กับภาพที่ใช้):

  • ซี ครอบคลุม (มองไม่เห็นโครงสร้าง);

  • เปิด (มองเห็นรายการทั้งหมดพร้อมกัน);

  • มีแบนเนอร์ที่อยู่ติดกันหรือแบนเนอร์ทั่วไป (อาจเป็นแบบเปิดหรือปิดก็ได้)

ไม่ว่าคุณจะเลือกประเภทใดก็ตาม ทั้งหมดทำงานบนหลักการเดียวกัน

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

วิธีสร้างเมนูข้อความ

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

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

  1. ก่อนอื่นคุณต้องสร้างชุมชน ในการดำเนินการนี้ ไปที่ "การจัดการชุมชน" และเลือกส่วน "ส่วน" ค้นหาบรรทัด "วัสดุ" เลือก "จำกัด" และบันทึกการตั้งค่า

  1. ถัดไป “ข่าวล่าสุด” จะปรากฏบนหน้าหลักของสาธารณชน ไปที่พวกเขาแล้วคลิก "แก้ไข"

  1. ป้อนชื่อ
  2. ด้านล่างนี้คือโปรแกรมแก้ไขข้อความ VK นี่คือที่ที่เราจะสร้างรายการของเรา
  3. ใช้โครงสร้างต่อไปนี้:

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

ตัวอย่างเช่น เราจะเขียนโครงสร้างที่เรียบง่ายและเล็ก:

  1. คลิกบันทึก

ที่นี่เราใช้เครื่องหมาย “==” เพื่อเน้นหัวข้อ และใช้เครื่องหมาย “*” เพื่อเน้นส่วนย่อย เป็นผลให้เราได้รับสิ่งต่อไปนี้:

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

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

วิธีสร้างเมนูแบบกราฟิก

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

ที่นี่เราจะพูดถึงวิธีสร้างเมนูหน้าวิกิด้วยตัวเอง ด้านล่างนี้เป็นคำแนะนำทีละขั้นตอน:

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

ทั้งสามภาพเป็นส่วนหนึ่งของภาพใหญ่ภาพเดียว ดังนั้นเมื่อเราสร้างการนำทาง รูปภาพเหล่านี้จะมีลักษณะเป็นภาพเดียวโดยมีปุ่มอยู่

  1. อัปโหลดรูปภาพไปยังโปรแกรมแก้ไขข้อความ VKontakte

  1. เมื่อคลิกที่ภาพแต่ละภาพ คุณจะเลือกตัวเลือกและระบุลิงก์ได้

  1. ทางด้านขวาจะมีการสลับระหว่างโหมดแก้ไขภาพและข้อความ

  1. ในรูปแบบข้อความ รูปภาพของเรามีลักษณะดังนี้:

  1. เราเปลี่ยนคำจารึก "noborder" เป็น "nopadding" เพื่อลบระยะห่างระหว่างรูปภาพและปิดเข้าด้วยกัน และหลังเครื่องหมาย “|” เพิ่มลิงค์

  1. คลิก "บันทึกหน้า"

ดังนั้นเราจึงได้เมนูนี้มา:

ด้วยความพยายามและความเฉลียวฉลาดเพียงเล็กน้อย คุณสามารถสร้างการออกแบบดั้งเดิมที่เหมาะกับการออกแบบโดยรวมของกลุ่มได้

วิธีการรักษาความปลอดภัย

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

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

ขั้นแรกให้เพิ่มรูปภาพ ดูภาพด้านล่าง

ตอนนี้เผยแพร่และปักหมุดโพสต์

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

วิธีการถอดออก

การลบเมนูวิกิไม่ใช่เรื่องยาก เพียงไปที่ส่วน "การจัดการชุมชน", "ส่วน" และปิดเนื้อหา

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

เทมเพลตสำเร็จรูป

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

  • You-ps.ru เป็นบริการที่มีเทมเพลตเมนูวิกิสำเร็จรูปและองค์ประกอบการออกแบบชุมชนสำเร็จรูปอื่นๆ

  • Vkmenu.com เป็นตัวสร้างออนไลน์ ช่วยให้คุณสร้างสรรค์เมนูที่มีสไตล์ได้อย่างง่ายดายและรวดเร็ว


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

บรรทัดล่าง

เราดูว่าเมนูวิกิคืออะไรในชุมชน VKontakte เราเรียนรู้วิธีสร้างมันและใช้คำสั่งต่างๆ

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

อย่ากลัวที่จะทดลองและเป็นต้นฉบับ!

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

มันใช้เพื่อวัตถุประสงค์อะไร?

เมนูในกลุ่ม VK สามารถตอบสนองวัตถุประสงค์ดังต่อไปนี้:

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

จะสร้างเมนูข้อความได้อย่างไร?

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

ดังนั้นวิธีสร้างเมนูในกลุ่ม VKontakte:

สำคัญ!กำหนดให้มีข้อจำกัดเพื่อให้มีเพียงคุณเท่านั้นที่สามารถเข้าถึงการแก้ไขได้ ด้วยการเข้าถึงแบบเปิด สมาชิกชุมชนสามารถแก้ไขเมนูได้

เมื่อคุณวางเมาส์เหนือปุ่ม<>คำจารึกว่า "โหมดแก้ไขภาพ" ควรปรากฏขึ้น หาก "โหมดมาร์กอัป Wiki" ปรากฏขึ้น แสดงว่าไม่ได้เปิดใช้งานอยู่

ปุ่ม "ดูตัวอย่าง" ช่วยให้คุณเห็นผลลัพธ์ล่วงหน้า

  1. หากทุกอย่างถูกต้องแล้ว ให้คลิกปุ่ม "บันทึกหน้า"

เอาล่ะ! ตอนนี้เรามีเมนูในหน้าสาธารณะของเราแล้ว เมื่อคลิกที่แต่ละรายการ เราจะเข้าสู่หน้าที่เกี่ยวข้อง

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

ด้านล่างนี้เป็นตัวอย่างของรายการดังกล่าว:


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

วิธีทำเมนูแบบกราฟิก?

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

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


วิธีสร้างเมนูกราฟิกในกลุ่ม:


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

หากคุณไม่มีทักษะ Photoshop แต่ต้องการการออกแบบเมนูให้มีคุณภาพสูงและน่าดึงดูด โปรดติดต่อผู้เชี่ยวชาญ หรือใช้วิธีที่ฉันจะอธิบายด้านล่าง

การใช้เทมเพลต

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


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

การมีเมนูมีส่วนช่วยให้ชุมชนประสบความสำเร็จได้อย่างไร

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


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

นี่คือวิธีการทำงานของเมนูในกลุ่ม VK โดยจะแนะนำผู้คนและบอกพวกเขาว่าต้องทำอะไร ควรดูอะไร ฯลฯ และถ้าคุณเรียบเรียงมันอย่างเชี่ยวชาญและเชี่ยวชาญ มันจะนำทางคุณไปตามเส้นทางที่คุณวางแผนไว้ นั่นคือเส้นทางการเปลี่ยนแปลง นี่คือจิตวิทยาที่มีบทบาทสำคัญในการตลาด

บรรทัดล่าง

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

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

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

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

ประเภทของเมนูและคุณสมบัติต่างๆ

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

  • สำหรับแพลตฟอร์มข้อมูล
  • ;
  • สำหรับสถานที่ฝึกอบรม

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

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

วิธีสร้างเมนูในกลุ่ม VKontakte: คำแนะนำทีละขั้นตอน

กระบวนการทั้งหมดสามารถแบ่งออกเป็น 2 ขั้นตอน:

  • ทำงานใน Photoshop;
  • การเพิ่มส่วนและรูปภาพในกลุ่มนั้นเอง

หากต้องการตอบคำถามเกี่ยวกับวิธีสร้างเมนูในกลุ่ม VKontakte อย่างถูกต้องคุณควรจินตนาการถึงการออกแบบในอนาคตด้วยทุกส่วนด้วยสายตาจากนั้นในกระบวนการนี้คุณสามารถเพิ่มรายการที่ยังอยู่ในใจได้

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

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

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

อัลกอริทึมของการกระทำ:

  • เปิด Photoshop แล้วไปที่ "ไฟล์" - "สร้าง" และตั้งค่าความกว้างและความสูง: 760X500 ตามลำดับ

  • เลือกเครื่องมือ "ตัด" จากนั้นเลือก "แยกส่วน" แบ่งภาพออกเป็น 3 ส่วนตามแนวนอน สำหรับส่วนจากขอบซ้ายหรือขวาในหน้าต่างแบบเลื่อนลง (ขึ้นอยู่กับส่วนที่คุณต้องการเห็นบนอวตาร) ให้เขียนค่าความกว้างและความสูง – 200XX และ Y) – 560 และ 0 นี่จะเป็น อวตารของกลุ่ม

  • สำหรับส่วนถัดไป ให้ตั้งค่าความกว้างและความสูงเป็น 50X500 และเขียน 510 และ 0 ในพิกัด นี่คือช่องว่างระหว่างอวตารของกลุ่มและเมนู ส่วนนี้จะไม่จำเป็นในภายหลัง

  • อีกครั้ง เลือก "แยกส่วน" และแบ่งแนวตั้งออกเป็น 2 ส่วน สำหรับส่วนที่อยู่ด้านบน เราตั้งค่าต่อไปนี้: ความกว้าง – 510, ความสูง – 182, พิกัด – 0 นี่คือช่องว่างด้านบนเมนู ส่วนนี้จะไม่ปรากฏในกลุ่มด้วย

  • ตอนนี้เราคัดลอกรูปภาพที่เลือกหรือสร้างขึ้นไปยังวัตถุที่สร้างและแบ่งออก หากปุ่มลัด CTRL+V ไม่ทำงาน เพียงเปิดตำแหน่งบนคอมพิวเตอร์ของคุณที่บันทึกรูปภาพแล้วลากลงใน Photoshop

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

  • ขั้นตอนสุดท้ายคือการบันทึกภาพ คุณต้องบันทึกรูปภาพดังนี้: ไฟล์ – บันทึกสำหรับเว็บ วิธีนี้เหมาะสำหรับ Photoshop เวอร์ชันใหม่กว่า หากไม่มี "บันทึกสำหรับเว็บ" ในส่วน "ไฟล์" เราจะดำเนินการดังนี้:

ไปที่รายการ "ไฟล์" เลือก "ส่งออก" - "บันทึกสำหรับเว็บ" เราปล่อยให้พารามิเตอร์ทั้งหมดเหมือนเดิม คลิก "บันทึก" อีกครั้ง

เลือกโฟลเดอร์บนคอมพิวเตอร์ของคุณและบันทึกภาพที่นั่น พวกเขาควรจะมีลักษณะเช่นนี้:

ตอนนี้เรามาดูขั้นตอนที่สองเพื่อดูว่าจะสร้างเมนูในกลุ่ม VKontakte ได้อย่างไร - การเพิ่มเมนูสู่สาธารณะโดยตรง เมื่อต้องการทำสิ่งนี้:

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

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

  • ที่นี่เราใส่รหัสมาร์กอัป: [] โดยที่ [] คือลิงก์ไปยังส่วนหรือหน้าที่คุณจะไปโดยคลิกที่รูปภาพ คุณสามารถเพิ่มทั้งสองลิงก์ไปยังส่วนต่างๆ ใน ​​VKontakte และไปยังแหล่งข้อมูลภายนอกได้
  • รหัสนี้จะถูกทำซ้ำหลายครั้งตามส่วนต่างๆ ในเมนู ในแต่ละครั้งที่มีการแทรกลิงก์
    หากต้องการ เรายังเปลี่ยนแท็บ "ข่าวล่าสุด" เช่น เป็น "เมนู"

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

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

บริการสร้างเมนูกลุ่ม

หากคุณยังคงไม่เข้าใจวิธีสร้างเมนูในกลุ่ม VKontakte และคำแนะนำทีละขั้นตอนไม่ได้ช่วยคุณคุณสามารถใช้บริการพิเศษที่จะสร้างและเพิ่มความสวยงามได้
เมนูที่ออกแบบสำหรับกลุ่ม

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

ขอแสดงความนับถือ Galiulin Ruslan