วิธีสร้างเมนูในกลุ่ม VKontakte คำแนะนำโดยละเอียดเกี่ยวกับวิธีการทำเมนูในกลุ่ม "ติดต่อ"

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

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

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

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

ต่อไปนี้เป็นตัวอย่างของวิธีแก้ปัญหาที่ไม่ดี:

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

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

ตอนนี้เรามาดูทั้งหมดนี้จากมุมมองทางเทคนิค

การสร้างเมนูสำหรับกลุ่ม VKontakte

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

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

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

จากนั้นเขียนส่วน ปุ่ม และหมายเลขโทรศัพท์ที่ออกแบบไว้ล่วงหน้าลงบนภาพพื้นหลัง เราจะเปลี่ยนเป็นลิงก์ในภายหลัง:

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

ขั้นตอนสุดท้ายคือการตัดวัตถุ โดยคลิกที่ปุ่ม "Slices From Guides" บนแถบเครื่องมือด้านบน:

เราบันทึกเฟรมเวิร์กสำหรับอุปกรณ์เว็บ ตั้งค่ารูปแบบภาพเป็น JPG เลือกคุณภาพสูงสุดและบันทึก เช่น บนเดสก์ท็อปของคุณ:

โฟลเดอร์ปรากฏบนเดสก์ท็อปพร้อมกรอบสำหรับเมนูในอนาคตซึ่งเราต้องถ่ายโอนไปยังกลุ่ม

การแสดงเมนูโดยใช้มาร์กอัป Wiki

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

หลังจากนี้แท็บ “ข่าวล่าสุด” จะปรากฏในกลุ่ม คลิกที่ปุ่ม "แก้ไข" คุณจะถูกโอนไปยังโปรแกรมแก้ไขข้อความ:

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

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

[ [ photo133337_133701019|370px;nopadding;|page- 13333337 _13333337] ]

แทนที่จะเป็นค่า "photo133337_133701019" คุณต้องแทรกลิงก์ไปยังรูปภาพ

แทนที่จะเป็นค่า "page-13333337_13333337" คุณต้องแทรกลิงก์ไปยังหน้าหรือส่วนกลุ่มที่ต้องการ

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

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

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

จะเริ่มตรงไหน?

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

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

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

เพียงเลือกพื้นที่ที่ต้องการด้วยเครื่องมือเหล่านี้ เช่น:

และบันทึกไว้สำหรับอุปกรณ์เว็บ

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

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

หลังจากนี้เราจะต้องอัพโหลดรูปภาพที่ได้รับตอนตัดเมนูออก นั่นคือคลิก "เพิ่มรูปภาพ"

เมื่ออัพโหลดรูปภาพแล้ว เราก็สามารถเริ่มสร้างเมนูได้ โดยคลิกที่ "แก้ไข" ถัดจากข่าวล่าสุด

และตอนนี้เราสามารถเพิ่มโค้ดสำหรับเมนูของเราได้แล้ว ในกรณีของฉัน มันจะมีลักษณะดังนี้:

[] [] []

มาดูสิ่งที่เกิดขึ้นที่นี่กันดีกว่า:

…— แท็กเหล่านี้จัดวางเมนูของเราไว้ตรงกลาง หากคุณลบออก เมนูจะถูกกดไปที่ขอบด้านซ้าย

photo-48249652_297601976 - เส้นทางสู่ภาพของเรา เส้นทางถูกสร้างขึ้นดังนี้: อัลบั้ม number_number ของรูปภาพนั้นเอง จะค้นหาเส้นทางสู่ภาพของเราได้อย่างไร? มันง่ายมาก เราไปที่อัลบั้มรูปภาพที่มีรูปภาพของเราอยู่และคลิกที่ภาพที่ต้องการ จากนั้นในแถบที่อยู่เราจะเห็นเส้นทางแบบเต็มไปยังรูปภาพของเรา

130x46px;ไม่มีช่องว่างภายใน; — ตัวเลือกรูปภาพ: 130x46px; - ความกว้างและความสูงของภาพของเรา (อาจแตกต่างจากขนาดของภาพ) - สำหรับเมนูแนวตั้งบน VKoktakte ไม่จำเป็นต้องระบุ การ nopadding; - ไม่มีช่องว่าง - เมื่อใช้ตัวเลือกนี้ ช่องว่างทั้งหมด (เยื้อง) จะถูกลบออก และรูปภาพจะรวมเป็นหนึ่งเดียว

นี่คือสิ่งที่ฉันได้รับ:

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

[][][]

และนี่คือลักษณะที่ปรากฏ:

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

[][][]

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

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

ขอให้มีความสุขกับการทดลอง!

มีการใช้มากขึ้นในการดำเนินธุรกิจ ขายสินค้าหรือบริการ เครื่องมือที่ยอดเยี่ยมที่ช่วยให้การทำงานกับกลุ่มง่ายขึ้นคือเมนูที่สร้างขึ้นโดยใช้มาร์กอัป 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 เราเรียนรู้วิธีสร้างมันและใช้คำสั่งต่างๆ

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

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

วิธีทำให้เมนูกลุ่ม VKontakte มีประโยชน์

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

ดังนั้นเราจึงทราบจุดประสงค์ของเมนูกลุ่มแล้ว มาดูส่วนทางเทคนิคกันดีกว่า ไปที่การตั้งค่า: การจัดการชุมชน>วัสดุ>เชื่อมต่อ:

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

สลับไปที่แท็บ "การแก้ไข" (1) เปลี่ยนชื่อเมนู (2) ป้อนข้อมูลของคุณ (3) บันทึกและกลับไปที่หน้า (4)

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

หากมีบางอย่างขาดหายไปหรือต้องการย้อนกลับไปสองสามขั้นตอน ให้ไปที่แท็บ "ประวัติ" และกลับสู่การบันทึกที่ต้องการ:

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

อย่างที่คุณเห็นฉันได้เตรียมข้อมูลในเอกสาร Word แก้ไขข้อความ (ไฮไลต์) เพิ่มลิงก์และเพียงแทรกข้อความนี้ลงในเมนู "แก้ไข" ของกลุ่ม VKontakte

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

หากคุณไปที่เมนูของกลุ่ม VKontakte ของฉัน คุณจะเห็นว่าลิงก์บางลิงก์นำไปสู่หน้าภายใน (2) และลิงก์อื่น ๆ ไปยังลิงก์ภายนอก (1):

ฉันจะเพิ่มหน้าภายในอีกหนึ่งหน้าแบบเรียลไทม์:

ดังนั้นเราจึงมีหน้าใหม่ (ภายใน) ในกลุ่ม VKontakte ของเรา ตอนนี้เราต้องกรอก:

1. คลิกปุ่ม "เติมเนื้อหา"
2. เติมเนื้อหาให้กับกลุ่ม มาแก้ไขกัน
3. การกำหนดค่า "การเข้าถึงหน้า" หากคุณทำเครื่องหมาย “เฉพาะสมาชิกกลุ่มเท่านั้นที่สามารถดูเพจได้” สิ่งนี้จะกระตุ้นให้ผู้เยี่ยมชมเข้าร่วมกลุ่ม บันทึกหน้า
4. เราคัดลอกหมายเลขที่จำเป็นลงในแถบที่อยู่ของหน้าที่เราเพิ่งบันทึกไว้ ในการดำเนินการนี้ไปที่โหมด "ดู" และคัดลอก ID เพจ - นี่จะเป็นตัวเลขที่เราต้องการ
5. เรากลับไปที่หน้า "ซอร์สโค้ด" ของเมนูกลุ่ม VKontakte (ขอแนะนำว่าอย่าปิดในขณะที่คุณกำลังสร้างหน้าใหม่... แม้ว่าคุณควรเปิดไว้ก็ตาม) และใส่ตัวเลขลงในบรรทัดที่ถูกต้อง ระหว่างข้อความลิงก์ (Marina Lazareva (วิดีโอ)) และตัวลิงก์ (43820829) ให้ตั้งค่าไอคอน “|” (อยู่ในรูปแบบแป้นพิมพ์ภาษาอังกฤษ คีย์ผสมคือ Shift+\)
การออกแบบกลุ่ม VKontakte ซึ่งไม่ต้องการความรู้เพิ่มเติมเกี่ยวกับบรรณาธิการเช่น Photoshop ในบทความต่อๆ ไป ฉันจะแสดงวิธีสร้างเพิ่มเติม กลุ่มที่สวยงาม VKontakte. ตอนนี้สำหรับผู้ที่แทบรอไม่ไหวที่จะสร้าง การออกแบบที่สวยงามกลุ่ม VKontakteฉันแนะนำให้ดูวิดีโอนี้:

นี่คือวิดีโอหลังจากที่ได้ดูซึ่งฉันก็รู้ วิธีสร้างเมนูกลุ่ม VKontakteด้วยตัวเอง ผู้เขียนที่ ตัวอย่างจริงแสดงวิธีสร้างเมนูกลุ่ม VKontakte

อีกไม่นานเราจะเจาะลึกมาร์กอัป wiki ของกลุ่ม VKontakte โดยละเอียด แต่ตอนนี้ทำให้กลุ่มของคุณใช้งานได้และมีประโยชน์มากที่สุด

Dropbox อ่านเกี่ยวกับเรื่องนี้ใน DragonBlog

ด้วยความเคารพและรัก !

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

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

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

เรามาพูดถึงอุดมการณ์กันดีกว่า

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

เมนูเพื่อดึงดูดผู้เข้าชม

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

เมนูการขาย

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

ขั้นตอนแรก – เราทำงานใน Photoshop

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

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

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

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