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

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

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

วันนี้มีเมนูที่สร้างขึ้นหลายประเภท:

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

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

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

เมนูปิดกลุ่ม VK

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

เมนูจะมีลักษณะดังนี้:

เปิดเมนูกลุ่ม (สื่อที่ปักหมุดไว้)

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

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

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

• สำหรับอวตาร 200x332 พิกเซล
• สำหรับแบนเนอร์เมนูหลัก 395x282 พิกเซล

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

เพื่อให้ชัดเจนหากความสูงของอวตารหลักของกลุ่มคือ 332 เราจะลบ 50 ออกจากนั้นและรับความสูงของเมนูหลักเท่ากับ 282 หากขนาดไม่สำคัญก็สามารถตั้งค่าความสูงได้โดยพลการ .

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

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

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

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

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

มันควรมีลักษณะเช่นนี้:

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

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

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

กลับไปที่ Photoshop และสร้างผืนผ้าใบใหม่ที่มีขนาด 400x300 พิกเซล จากนั้นเลือกในส่วน: file-place และเลือกรูปภาพสำหรับพื้นหลังเมนู

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

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

โปรดทราบว่าคุณต้องมี:

• วัสดุถูกเปิดในโหมด "จำกัด"
• รวมการสนทนา;
• โฟลเดอร์ที่มีรูปถ่ายเปิดสำหรับทุกคน

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

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

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

คำแนะนำ:จุดสำคัญหลังจากโหลดภาพคือการลบช่องว่างภายในออก ซึ่งสามารถแก้ไขได้โดยการใส่ "nopadding" ก่อนขนาดภาพ

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

[]
โดยที่ xxxxx คือรหัสของรูปภาพของคุณ
ปปปป - ความกว้างเป็นพิกเซล (สูงสุด 388)

มันควรจะมีลักษณะเช่นนี้:

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

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

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

ไปที่หน้าหลักและทำสิ่งต่อไปนี้:

ขั้นตอนที่ #1

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

ขั้นตอนที่ #2

เราแนบรูปภาพของตัวยึดตำแหน่งเมนูของเราไปกับโพสต์แล้วคลิกส่ง

ขั้นตอนที่ #3

หลังจากเผยแพร่โพสต์แล้ว ให้คลิกเวลาสร้างที่ด้านซ้ายล่างของโพสต์แล้วเลือก “PIN”

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

• เราคิดโครงสร้างและสั่งการออกแบบรูปภาพเมนู
• เราปรับขนาดและตัดภาพทั้งหมด
• แทรกรูปภาพลงในอัลบั้ม
• เราแก้ไขการตัดทั้งหมดในตัวแก้ไขและเผยแพร่ในหน้าหลักของกลุ่ม

ผลงานเราจึงได้เมนูนี้มา

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

สำคัญ: หลังจากเปลี่ยนการออกแบบ VK ในปี 2559 มีการเปลี่ยนแปลงใหม่เมื่อสร้างรูปภาพและข้อกำหนดสำหรับรูปภาพที่เกี่ยวข้อง

ดาวน์โหลดเทมเพลตเมนูกลุ่ม VK + แหล่งบทเรียนทั้งหมด

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

ฉันกำลังแนบวิดีโอเพื่อเสริมสิ่งที่คุณอ่าน -)))

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

สิ่งที่จำเป็นสำหรับสิ่งนี้?

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

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

ขั้นแรก

จะสร้างเมนูในกลุ่ม VKontakte ได้อย่างไร? ขั้นแรกคุณต้องสร้างเอกสารใหม่ที่มีขนาด 700 x 800 พิกเซล ตรวจสอบให้แน่ใจว่าพื้นหลังเป็นสีขาว ที่ชั้นบนสุดคุณจะต้องตัดหน้าต่างสองอันขนาด 200 x 710 สำหรับอวตารและ 382 x 442 สำหรับเมนู ซึ่งสามารถทำได้โดยใช้การเลือกสี่เหลี่ยมหรือคำสั่งที่เรียกด้วยปุ่ม "Del"

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

จำเป็นต้องวางคำจารึกและปุ่มต่างๆ ในพื้นที่ที่ต้องการของภาพโดยใช้องค์ประกอบ Photoshop

สี่เหลี่ยมผืนผ้าที่ปรากฏทางด้านขวา (ขนาด 200 x 710) สามารถคัดลอกและอัปโหลดไปยังไฟล์แยกต่างหากได้ นี่คืออวาตาร์สำเร็จรูปสำหรับกลุ่ม แต่ด้านซ้ายของภาพต้องมีการตัดเพิ่มเติม

อนุญาตให้มีจำนวนรายการในเมนูได้จากสองส่วน แต่อาจจะสามหรือสี่ เราจะดูตัวอย่างสำหรับสองคน

ความสูงของแต่ละองค์ประกอบที่หั่นต้องมีอย่างน้อย 50 พิกเซล

ตัดภาพเมนูยังไงคะ?

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

คลิกขวาที่รูปภาพและเลือก "แยกส่วน" จากรายการแบบเลื่อนลง

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

หลังจากขั้นตอนเหล่านี้ ตารางจะปรากฏขึ้นบนหน้าจอ โดยแบ่งรูปภาพออกเป็นส่วนๆ

ไฟล์ที่ตัดจะมีหมายเลขกำกับไว้

ขั้นตอนที่สอง

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

คุณจะต้องมีหน้า "ข่าวล่าสุด" งานจะเกิดขึ้นกับเธอในอนาคตอันใกล้นี้

ขอแนะนำให้เลือกโหมดมาร์กอัป wiki ในตัวแก้ไขทางด้านขวาและใส่รหัสต่อไปนี้ที่นั่น:

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

ผลลัพธ์จะคล้ายกับ:

จะรับหมายเลขภาพได้อย่างไร?

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

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

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

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

วิธีทำเมนูเปิด?

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

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

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

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

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

วันนี้ฉันจะดำเนินการต่อ "การดื่มด่ำในกลุ่ม VK" ในส่วนที่สามของ "ซีรีส์" ฉันเล่าและแสดง วันนี้เรามาพูดถึงการออกแบบเมนูกลุ่ม VKontakte กันดีกว่า!

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

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

คำตอบ 1: VK ได้เปลี่ยนตัวแก้ไข ตอนนี้คุณสามารถสลับระหว่างตัวแก้ไขภาพและโค้ดได้ในคลิกเดียว (มุมขวาบนของตัวแก้ไข):

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

คำถามที่ 2:ประการที่สองเป็นปัญหาจริงๆ: “ จะลบช่องว่างระหว่างรูปภาพได้อย่างไร?»

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

เพิ่มแท็ก nopadding; และทุกอย่างจะลงตัว!

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

แม่แบบ: [] ตัวอย่าง: []

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

คำถามที่ 3:ข่าว. ในเดือนตุลาคม 2555 VKontakte บังคับให้ตัดอวตารของกลุ่มและหน้าสาธารณะ ตอนนี้ขนาดของมันมีมาตรฐานทั่วไปที่ 200x500 พิกเซล ดังนั้น หากคุณมีอวตารที่ใหญ่กว่าในกลุ่มของคุณ ให้ทำการอัปเดต (อัปเดตอวตาร)

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

เอาล่ะ ตอบคำถามเสร็จแล้ว... เรามาต่อกันที่การสร้างเมนูกันดีกว่า!

ขั้นตอนที่ 1 วิธีสร้างเมนูในการติดต่อและสร้างเพจที่ซ้อนกัน:

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

คุณคิดอย่างไรกับเอกสารโกงของฉัน?

นี่คือสูตรโกงที่ฉันคิดขึ้นมา! เพื่อความชัดเจนยิ่งขึ้น ฉันจะอธิบายแต่ละตัวเลข:

ดำเนินการนี้กับหน้าย่อยทั้งหมด จากนั้นเมนูของคุณจะพร้อม

กิน! เราสร้างเมนู สร้างหน้าภายใน กรอกข้อมูล ตอนนี้เรามาดูการสร้างเมนูกราฟิกที่สวยงามกันดีกว่า

ขั้นตอนที่ 2 วิธีสร้างเมนูกราฟิกที่สวยงามใน Contact และติดตั้ง:

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

ก่อนอื่น ฉันจะแสดงรหัสและผลลัพธ์ของเมนูของฉัน:

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

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

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

370 px – หากคุณมีวัตถุสองชิ้นขึ้นไปในบรรทัด เช่น ฉันมีปุ่มโซเชียลมีเดีย

และสูงสุด 388 พิกเซล – ถ้าเราตัดภาพด้วยวิธีง่ายๆ ให้เป็นเส้นๆ เท่านั้น โดยไม่แบ่งเป็นวัตถุเล็กๆ นี่คือคุณสมบัติที่คุณต้องรู้เมื่อตัดเมนูเป็นปุ่ม ขนาดรูปภาพของฉันสำหรับทั้งเมนูกลายเป็น 370x456 px

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

อัลบั้มทางเทคนิค VK

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

[]

ที่ไหน, รูปภาพ7632142_296911699– นี่คือที่อยู่ของภาพ! เราดูในแถบที่อยู่ของรูปภาพ:

จากภาพแรกเรามาเริ่มแทรกเมนูในกลุ่ม VKontakte กัน

คุณต้องมีที่อยู่สั้นๆ ของรูปภาพ เพื่อไปที่อัลบั้ม:

ไปที่อัลบั้มเพื่อรับที่อยู่รูปภาพที่ต้องการ!

...และเริ่มจากภาพแรกให้ย้ายไปที่เมนูกลุ่ม

เพิ่มขนาดภาพให้กับโค้ดเมนู!

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

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

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

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

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

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

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

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

มีตัวอย่างมากมายสำหรับการสร้างการนำทางในกลุ่ม เอาล่ะ เรามาฝึกซ้อมกันดีกว่า

การสร้างเมนู

การตั้งค่าที่จำเป็นในกลุ่ม

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

ในหน้า VKontakte ของคุณในคอลัมน์ด้านซ้ายคลิกที่ "กลุ่ม" และเลือกกลุ่มของคุณจากรายการ จากนั้น ใต้อวตารของคุณ ให้คลิกที่จุดแนวตั้งสามจุดแล้วเลือก "จัดการชุมชน" จากรายการ

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

การเตรียมรูปภาพสำหรับเมนูและอวตารใน Photoshop

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

เมนูอาจเป็นความต่อเนื่องของรูปภาพที่ปรากฏบนอวตาร

สามารถสร้างเป็นภาพแยกหรือพื้นหลังธรรมดาได้ เช่น สามารถแสดงโลโก้ของบริษัทได้

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

เปิด Photoshop และสร้างไฟล์ใหม่ในนั้น - Ctrl + N ตั้งค่าความกว้างเป็น 760 และความสูงเป็น 500 พิกเซล

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

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

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

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

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

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

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

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

ตอนนี้เราใช้เครื่องมือข้อความและเขียนรายการเมนูในแต่ละส่วน

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

ในขั้นตอนนี้ คุณสามารถเพิ่มโลโก้บริษัทในพื้นที่ด้านขวา (อวตาร) หรือเขียนชื่อได้อย่างสวยงาม

บันทึกภาพที่ถ่าย: ไฟล์ – บันทึกสำหรับเว็บและอุปกรณ์ หรือใช้แป้นพิมพ์ลัด Alt+Shift+Ctrl+S

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

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

จากนั้นกลับไปที่หน้าหลักของกลุ่มแล้วเลือกอวตาร - "อัปโหลดรูปภาพ" นี่เป็นหนึ่งในภาพที่เราเพิ่งสร้างใน Photoshop

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

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

มาเริ่มสร้างเมนูกันดีกว่า ไปที่กลุ่มแล้วไปที่แท็บ “ข่าวล่าสุด” จากนั้นคลิกที่ปุ่ม "แก้ไข"

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

คลิกที่ภาพใดภาพหนึ่งที่คุณเพิ่งเพิ่มลงในโปรไฟล์ของคุณ

หลังจากนั้นจะปรากฏในหน้าแก้ไข

ดังนั้นให้เพิ่มภาพอื่นๆ ทั้งหมดเพื่อให้ได้ภาพเมนูที่ต้องการ

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

ที่นี่ลบแท็กที่ไม่จำเป็นทั้งหมดเช่น

และลบช่องว่างระหว่างบรรทัดทั้งหมด ตอนนี้ดูภาพหน้าจอด้านบน - เรามีช่องว่างระหว่างภาพที่เพิ่มเข้าไป หากต้องการลบออก ให้เขียน nopadding หน้าขนาดภาพแล้วใส่ “;”

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

นี่คือลักษณะของโค้ดหลังจากที่คุณเพิ่ม "nopadding" และลิงค์

ผลลัพธ์ควรเป็นดังนี้: เปลี่ยนชื่อแท็บ (MENU) ช่องว่างระหว่างบรรทัดถูกลบออก ช่องว่างระหว่างรูปภาพถูกลบออก (nopadding;) เพิ่มลิงก์แล้ว คลิก “บันทึกหน้า” และกลับสู่หน้าหลักในกลุ่ม

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

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

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

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

ประเภทของเมนูนำทาง:

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

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

เมนูหลายหน้า

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

เมนูหลายหน้า - หน้าวิกิหลัก

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

เมนูหลายหน้า - หน้าวิกิเพิ่มเติม

หน้า Landing Page ของ Wiki บน VKontakte

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

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

Wiki Landing เป็นตัวเลือกที่ดีที่สุดสำหรับบริษัทขนาดใหญ่ที่ให้บริการ ร้านค้าออนไลน์ที่เน้นเฉพาะกลุ่ม และโค้ช

เราตอบคำถามที่พบบ่อยเกี่ยวกับเมนูวิกิ:

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

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

จะสร้างเมนูในกลุ่ม VKontakte ได้อย่างไร?

ในการดำเนินการนี้ คุณจะต้องมีทักษะในโปรแกรมแก้ไขกราฟิก เช่น Adobe Photoshop (รูปแบบ PSD), Adobe Illustrator (รูปแบบ ai หรือ eps) หรือ CorelDRAW (รูปแบบ cdr) แต่ละโปรแกรมเหล่านี้จะทำหน้าที่นี้ได้อย่างดีเยี่ยม สร้างเอกสารใหม่ที่มีขนาดกว้าง 607 พิกเซล (เราแนะนำให้สร้างเอกสารที่มีความกว้าง 608 พิกเซล) และตั้งค่าความยาวเมนูที่ต้องการ (ความสูงของเอกสาร) ตอนนี้คุณสามารถเริ่มออกแบบได้แล้ว บนอินเทอร์เน็ตคุณจะพบวิดีโอมากมายเกี่ยวกับวิธีสร้างเมนู VKontakte ด้วยตัวเอง แต่ถ้าคุณต้องการสร้างการออกแบบที่สวยงามและเป็นมืออาชีพควรติดต่อนักออกแบบที่มีประสบการณ์จะดีกว่า

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

เมนูสำหรับสาธารณะและกลุ่ม VKontakte แตกต่างกันอย่างไร?

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

สำหรับนักออกแบบที่มีประสบการณ์การสร้างเมนู VKontakte ไม่ใช่ปัญหา!

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

ตัวอย่างการออกแบบเมนูที่สวยงาม

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

สั่งซื้อการออกแบบกลุ่ม VKontakte - นักออกแบบ Irina Filipenko

สั่งออกแบบเมนูสำหรับกลุ่ม VK

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