การออกแบบชุมชน VKontakte: คำแนะนำโดยละเอียดที่สุดใน RuNet สำหรับกลุ่มหรือหน้าสาธารณะ คู่มือฉบับสมบูรณ์เกี่ยวกับ VKontakte wiki markup

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

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

ต่อไปนี้เป็นสามวิธีในการสร้างเมนู:

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

อย่างไรก็ตาม สำหรับผู้ที่ต้องการรับข้อมูลผ่านวิดีโอมากกว่าอ่านข้อความยาวๆ มีวิดีโอดังนี้

เส้นทาง #1 สั่งผลิตเมนูจากดีไซเนอร์ผู้เชี่ยวชาญ

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

เส้นทาง #2. การใช้ตัวสร้างออนไลน์

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

เส้นทาง #3 ทำทุกอย่างด้วยตัวเอง

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

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

ถ้าคุณคิดว่าคุณทำได้ทั้งหมดนี้ มาเริ่มกันเลย

ขั้นตอนที่ #0 ข้อมูลทั่วไปเกี่ยวกับวิธีการจัดเรียงเมนูกลุ่ม VK

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

ขั้นตอนที่ 1. ขั้นเตรียมการ

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

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

https://vk.com/wall- XXX?ของตัวเอง=1

แทน XXXคุณจะมีชุดตัวเลข (และเฉพาะตัวเลขเท่านั้น!) นี่คือรหัสชุมชนของคุณ ตัวอย่างเช่นใน .ของเรา กลุ่มทดสอบนี่คือ 154457305

ตอนนี้ มาสร้างหน้า wiki ใหม่ในกลุ่มกัน ในการดำเนินการนี้ เราจะสร้างลิงก์ดังนี้:

http://vk.com/pages?oid=- group_id&p= Page_name

http://vk.com/pages?oid=- 154457305 &p= เมนู

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

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

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

http://vk.com/page-group_id _XXX?act=edit§ion=แก้ไข

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

ขั้นตอนที่ 2. ทำเมนูง่ายๆ สำหรับกลุ่ม VKontakte

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

คลิกที่ปุ่ม "ดูตัวอย่าง" ซึ่งอยู่ที่ด้านล่างของตัวแก้ไข คุณควรเห็นรายการลิงก์สามรายการ สองรายการแรกเป็นข้อมูลภายนอกและนำไปสู่หน้าหลักของ Yandex และ Google ตามลำดับ ลิงก์ที่สามอยู่ภายใน มันนำไปสู่ ​​VK สาธารณะที่มี ID "1" (นี่คือกลุ่ม VK อย่างเป็นทางการสำหรับนักพัฒนา) หากคุณมีรหัสในการแสดงตัวอย่างและไม่ใช่ลิงก์ (ซึ่งคุณสามารถคลิกได้) - หมายความว่าคุณป้อนรหัสในโหมดแก้ไขภาพไม่อยู่ในโหมดมาร์กอัป ระวัง!

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

คลับ group_id

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

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

และตอนนี้ มาดูกันว่าคุณสามารถใช้หน้า Wiki ได้อย่างไรและที่ไหน

ขั้นตอนที่ #3 ฉันจะโพสต์หน้าวิกิบน VKontakte . ได้ที่ไหน

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

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

http://vk.com/page-121237693_72827423

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

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

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

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

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

"""ตัวเลือกเมนูสำหรับส่วน "วัสดุ""""


[]

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

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

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

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

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

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

ขั้นตอนที่ #4 วิธีทำเมนูในกลุ่ม VKontakte กราฟฟิค

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

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

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

เมนูทดสอบของเราจะมีลักษณะดังนี้:

มีเพียงสองปุ่มเท่านั้น อันแรกจะนำไปสู่หน้าหลักของ "Yandex" และอันที่สอง - ไปยังกลุ่ม VK "Team VKontakte"

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

การสร้างเมนูกราฟิกแนวตั้งสำหรับกลุ่ม VK มีลำดับการดำเนินการดังต่อไปนี้:

• ขั้นตอนแรกคือการวาดเมนู ความกว้างต้องเคร่งครัด 600px(พิกเซล) ความสูง เราแนะนำให้สร้างเมนูไม่เกิน 900px ผลลัพธ์จะถูกบันทึกได้ดีที่สุดในรูปแบบ PNG เป็นทางเลือกสุดท้าย - JPG ใช้เครื่องมือวาดภาพที่คุ้นเคยและสะดวกสบาย (เช่น Photoshop หรือ GIMP) ผลลัพธ์ที่ได้คือ 95% ขึ้นอยู่กับทักษะสร้างสรรค์และเทคนิคของคุณ แม้ว่าคุณจะไม่รู้วิธีใช้โปรแกรมแก้ไขกราฟิกเลยก็ตามอย่าสิ้นหวัง ทักษะที่เพียงพอจะได้รับภายในเวลาไม่เกินสองสามชั่วโมง มีข้อมูลอ้างอิงและข้อมูลการศึกษาจำนวนมากบนอินเทอร์เน็ต นอกจากนี้ ความสามารถในการใช้ตัวแก้ไขกราฟิกอย่างน้อยก็มีประโยชน์มากสำหรับผู้ดูแลระบบสาธารณะ คุณจะไม่เสียเวลา
• ถัดไป รูปภาพพร้อมเมนูจะถูกตัดเป็นแถบแนวนอน คุณสามารถทำสิ่งนี้ได้ตามสะดวก ตั้งแต่ Photoshop ทั่วไปไปจนถึงบริการออนไลน์ต่างๆ หากคุณไม่รู้ว่าต้องทำอย่างไร - เพียงแค่ถามเครื่องมือค้นหาที่คุณชื่นชอบ เราจะไม่อธิบายรายละเอียดเกี่ยวกับส่วนทางเทคนิคของกระบวนการตัด: มีหลายสิบวิธี บางวิธีเหมาะสำหรับผู้ใช้บางคน แต่ไม่เหมาะสำหรับผู้อื่น เมื่อตัดต้องปฏิบัติตามกฎง่ายๆ: ความสูงของแถบเดียว ไม่ควรน้อยกว่า 60px. มิฉะนั้น คุณอาจมีปัญหาในการแสดงเมนูในแอปพลิเคชันและในเบราว์เซอร์มือถือ: จะมีเมนูที่เรียกว่า "แถบสีขาว" ระหว่างภาพ
• "แถบ" ที่หั่นบาง ๆ จะถูกอัปโหลดไปยังอัลบั้มของกลุ่มหรืออัลบั้มในหน้าผู้ดูแลระบบของกลุ่ม เราขอแนะนำตัวเลือกที่สอง ยังไงก็ตาม อัลบั้มที่มีส่วนของเมนูสไลซ์ควรจะเป็น ในสาธารณสมบัติ. มิฉะนั้น ผู้ใช้ที่ไม่มีภาพอัลบั้มจะไม่เห็นเมนูของคุณ!
• รหัสมาร์กอัปวิกิถูกรวบรวมและแทรกลงในหน้าวิกิที่ต้องการ
• กลุ่มประกอบด้วยโพสต์ที่ปักหมุดพร้อมลิงก์รูปภาพไปยังหน้าวิกิพร้อมเมนู เราเขียนรายละเอียดเกี่ยวกับวิธีการโพสต์ดังกล่าวข้างต้น นอกจากนี้ คุณสามารถเพิ่มโค้ด (ที่มีการเปลี่ยนแปลงเล็กน้อย) ลงในหน้าวิกิรูทได้ (รายการทางด้านขวาของรายการ "ข้อมูล" จะปรากฏขึ้นเมื่อเปิดใช้งานส่วน "วัสดุ" โปรดดูรายละเอียดด้านบน)

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

เรามี "แถบ" สองแบบ: อันบน (พร้อมปุ่ม "Yandex") และอันล่าง (พร้อมปุ่ม "VK Command") ทั้งสองจะเป็นภาพลิงก์ ในมาร์กอัป wiki ทำได้ด้วยโค้ดดังนี้:

"ลิงค์"เป็นลิงค์เป้าหมาย ตัวอย่างเช่น https://yandex.ru/ นอกเหนือจากปกติ ภายนอกลิงก์ นี่อาจเป็นการบ่งชี้วัตถุ VKontakte: โพสต์ หน้าผู้ใช้ หรือกลุ่ม ตัวอย่างเช่น หลังจากที่กดปุ่มจะมีการเปลี่ยนเป็นชุมชน VKontakte Team คุณสามารถระบุทั้งที่อยู่ (https://vk.com/team) และตัวชี้ไปที่ชุมชน (club22822305) โดยพื้นฐานแล้วจะไม่มีความแตกต่าง ลิงค์ภายนอก (ที่ไม่นำไปสู่แหล่งข้อมูล VK) เรา เราแนะนำให้ลดทาง

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

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

เราเตรียม ตัวอย่างสำหรับกลุ่ม VKontakte ตามภาพ

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

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

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

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

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

ข้อความของคุณจะปรากฏบนผนัง ในทำนองเดียวกัน เราสร้างจำนวนหน้าที่เราต้องการ (ตามส่วนเมนู)

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

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

โค้ดตัวอย่างสำหรับเมนูที่เป็นปัญหา:

[]
[]
[]
[]

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

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

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

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

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

ใช้สร้างเพจ มาร์กอัป Wiki. ตอนนี้เราจะวิเคราะห์ว่ามันคืออะไร

มาร์กอัปวิกิคืออะไร

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

ใช้ทำอะไร?

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

โครงสร้างมาร์กอัป Wiki

https://vk.com/wiki?w=page-87938575_51299900

มีการนำเสนอองค์ประกอบหลักทั้งหมดโดยละเอียดและให้รหัส

[­]

เริ่มต้นใช้งานอย่างไร?

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

เราไปที่แท็บ "ส่วน" ที่นี่เราพบรายการ "วัสดุ" และสำหรับมันเราตั้งค่า "เปิด"

เราบันทึกการตั้งค่าและกลับไปที่กลุ่ม

เรามีแท็บ "ข่าวล่าสุด". เราไปมันแล้วกดปุ่ม "แก้ไข".

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

เมื่อเสร็จแล้ว ให้บันทึกหน้า

วิดีโอสอน: การออกแบบกลุ่มโดยใช้มาร์กอัปวิกิ

คำถาม?

ติดต่อกับ

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

มาร์กอัปวิกิทำงานอย่างไร

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

ความกว้างของหน้าวิกิคือ 607px ความสูงถูกจำกัดด้วยจำนวนอักขระเท่านั้น โดยสามารถมีได้ทั้งหมดประมาณ 16,000 ตัว

มาร์กอัปวิกิทั้งหมดอิงตามแท็ก เช่นเดียวกับ HTML มีแท็กเดียว (เช่น
- ตัวแบ่งบรรทัด) และจับคู่ (เช่น รูปขนาดย่อ).

แท็กข้อความทำงานอย่างไรในมาร์กอัปวิกิ

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

การพิมพ์ทำงานอย่างไรในมาร์กอัปวิกิ

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

ตัวแก้ไขหน้าวิกิมาตรฐานมีสองโหมด: โหมดภาพและโหมดมาร์กอัปวิกิ (ปุ่มสลับมีลักษณะดังนี้:<>).

นี่คือลักษณะของโหมด wiki ที่ใช้งานอยู่

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

วิธีสร้างหน้าวิกิ

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

มาตรฐาน

สำหรับกลุ่ม.ไปที่ "การจัดการชุมชน" → "ส่วน" → "เนื้อหา" และเลือก "เปิด" หรือ "จำกัด"

วิธีเปิดใช้งาน "วัสดุ" ในกลุ่ม

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

วิธีสร้างหน้าใหม่ผ่าน "ข่าวล่าสุด"

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

https://vk.com/stats?gid= 123456789

รหัสกลุ่มที่คุณต้องการคือตัวเลขทั้งหมดหลัง "gid="

ตอนนี้คุณต้องป้อนรหัสต่อไปนี้ในแถบที่อยู่ของเบราว์เซอร์:

https://vk.com/pages?oid=-ХХХ&p=Page_name

แทนที่จะเป็น XXX เราแทนที่ id ของสาธารณะแทน "Page_Name" - ชื่อที่คุณคิดขึ้น คุณสามารถใช้ Cyrillic, Latin และตัวเลขในชื่อ ห้ามใช้อักขระพิเศษ แต่ไม่ควรเสี่ยงเพราะเหตุนี้คุณอาจสูญเสียความสามารถในการแก้ไขหน้า เราแทรกข้อมูลทั้งหมดในตำแหน่งที่ถูกต้อง กด Enter และเบราว์เซอร์จะเปิดหน้าที่สร้างขึ้น

การใช้งานแอพพลิเคชั่น

นักพัฒนา VKontakte แนะนำให้ใช้สามแอปพลิเคชันสำหรับการทำงานกับมาร์กอัปวิกิ:“โมบิวิก” , "แหล่งที่มา"และวิกกี้โปสเตอร์

ในคู่มือนี้ เราจะใช้แอปพลิเคชัน Mobivik เป็นตัวอย่าง ในเดือนพฤศจิกายน 2560 ได้รับรางวัลที่สองในโปรแกรม Start Fellows บน VKontakte ใช้งานได้โดยไม่ต้องติดตั้งและลงทะเบียนเพิ่มเติมในเดสก์ท็อป VKontakte เวอร์ชันมือถือและในแอปพลิเคชันโทรศัพท์ (นักพัฒนาแนะนำให้ใช้เวอร์ชันที่ไม่เก่ากว่า Android 5.1, iOS 9 และ Windows Phone 8.1)

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

วิธีสร้างหน้าใหม่โดยใช้แอพ Mobivik

ลิงก์ไปยังหน้าวิกิใหม่ในแอป MobiWik

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

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

ด้านซ้ายมือเป็นหน้าเมนูชุมชน LIVE ที่เปิดบนมือถือ
ทางขวา - เหมือนเดิม แต่เปิดผ่าน Mobivik

วิธีรับลิงก์ไปยังหน้าวิกิ

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

วิธีรับลิงก์ไปยังหน้า wiki ที่สร้างไว้ก่อนหน้านี้

วิธีสร้างโพสต์พร้อมลิงก์ไปยังหน้าวิกิ

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

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

ข้อความ

ความเป็นไปได้สำหรับการจัดรูปแบบข้อความในมาร์กอัปวิกินั้นโดยทั่วไปไม่แตกต่างจากความสามารถของโปรแกรมแก้ไขข้อความทั่วไป เมื่อแก้ไขข้อความเอง (ตัวหนา จัดชิดขวา ฯลฯ) เราใช้แท็กมาร์กอัป wiki อย่าลืมปิดแท็กเหล่านี้:

ข้อความตรงกลาง .

ในการจัดโครงสร้างข้อความในมาร์กอัปวิกิ จะมีการจัดเตรียมชุดอักขระสำหรับพิมพ์ไว้ ตัวอย่างเช่น รหัสนี้ "—- ” จะใส่แถบแบ่งแนวนอนในข้อความและเช่น “:: » - เยื้องสองครั้งก่อนย่อหน้า

สามารถวางอักขระได้ประมาณ 16,000 ตัวในหน้าเดียว

ลิงค์

หากต้องการแสดงข้อความแทนที่อยู่ ให้เพิ่มชื่อลิงก์:

[] - ถึงโปรไฟล์ผู้ใช้

[] - สู่หน้าหลักของชุมชน

[] - ไปยังหน้าวิกิอื่น

[] - ไปประชุมVKontakte

รูปภาพ

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

การใช้ตัวโหลดในเมนูด้านบนของตัวแก้ไข

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

https://vk.com/club12345678?z=รูปภาพ-12345_12345%2Falbum-12345678_12345678

คัดลอกรหัสของรูปภาพจากนั้น (เน้นด้วยตัวหนา) จากนั้นเราจัดเฟรมด้วยวงเล็บเหลี่ยมคู่แล้ววางลงในตำแหน่งที่ถูกต้องบนหน้า มันกลับกลายเป็นแบบนี้:

[­]

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

วีดีโอ

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

https://vk.com/videos-12345678?z=วิดีโอ-12345_12345%2Fclub12345678%2Fpl_-12345678_-2.

เราจัดเฟรมด้วยวงเล็บเหลี่ยมและรับรหัสต่อไปนี้:

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

แต่ในที่นี้ เราได้ขอบสีดำที่ไม่สมส่วนรอบๆ วิดีโอ:

หากต้องการนำออก คุณต้องปรับขนาดของโปรแกรมเล่นให้เท่ากับขนาดของวิดีโอ ตัวอย่างเช่น ในกรณีของเรา พารามิเตอร์ต่อไปนี้ปรากฏขึ้น:

เราได้วิดีโอที่ไม่มีขอบสีดำ มันจะเล่นบนหน้าได้เลย

โต๊ะ

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

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

นี่คือตารางตัวอย่าง2x2 ไม่มีการเติมข้อความด้านบนและด้านล่างภายในเซลล์:

ความกว้างของคอลัมน์แรกคือ 200px ความกว้างของคอลัมน์ที่สองคือ 300px

นั่นคือสิ่งที่ออกมาจากมัน:

คุณสามารถวางข้อความ รูปภาพ เสียง และวิดีโอในเซลล์ตารางได้

วิธีทำเมนูวิกิ

เมนูกลุ่ม VK ไม่ใช่ฟังก์ชันที่แยกจากกัน แต่เป็นหน้าวิกิที่มีรูปภาพหลายรูป ซึ่งแต่ละรูปมีลิงก์ไปยังหน้าเฉพาะ อันที่จริงทุกอย่างง่ายที่นี่

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

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

1. ตัดภาพนี้ออกเป็น 6 ส่วน(ส่วนหนึ่งสำหรับแต่ละปุ่ม) สะดวกในการทำเช่นนี้ใน Adobe Photoshop ด้วยเครื่องมือ "ตัด" ถ้าไม่อยากกวนใจก็ใช้บริการออนไลน์ IMGonline (ตัดภาพเป็นส่วนเท่าๆ กัน) เราทำทุกอย่างใน Photoshop

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

วิธีตัดภาพใน Photoshop

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

1. เราสร้างกรอบสำหรับตารางเราเข้าสู่โหมดแก้ไขของหน้าใหม่และสร้างตาราง เราเปิดด้วยแท็ก (| และตั้งค่าพารามิเตอร์ที่สำคัญสามตัวทันที:

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

ระบุความกว้างของเซลล์คงที่ - 255px 255px (สองครั้ง เนื่องจากมีสองคอลัมน์ด้วย) ต่อไป เราจะกำหนดตำแหน่งสำหรับจุดเริ่มต้นของแถวใหม่ด้วยแท็ก |- และเซลล์ใหม่ (คอลัมน์) พร้อมแท็ก | . เราปิดตารางด้วยแท็ก |) และรับเฟรมต่อไปนี้:

1. เราใส่รูปภาพในเซลล์และตั้งค่าลิงก์สำหรับพวกเขา. ทีละส่วนเปิดส่วนที่จำเป็นของรูปภาพในอัลบั้มชุมชนคัดลอก id ของพวกเขาจากบรรทัดเบราว์เซอร์ (รูปภาพ-12345_12345) , ใส่วงเล็บเหลี่ยมคู่, กำหนดขนาด 255x100px และแท็ก nopadding สำหรับการติดภาพ หลังแถบแนวตั้ง กำหนดลิงก์ให้กับแต่ละปุ่ม เราได้รับรหัสดังกล่าว

(| noborder nopadding แก้ไข
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

1. พร้อม!เรากด "บันทึกหน้า" - และเราได้เมนูที่สะดวกสำหรับชุมชน

เมนูกลุ่มสำเร็จรูปในเวอร์ชันเดสก์ท็อป

เมนูกลุ่มสำเร็จรูปในเวอร์ชันมือถือ

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

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

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

วิธีสร้างโพสต์พร้อมลิงก์เมนูแบบสาธารณะ

วิธีปักหมุดเมนูชุมชน

ตัวแก้ไขบทความ VKontakte ใหม่และมาร์กอัปวิกิ

ฝ่ายบริหารของ VKontakte ประกาศเปิดตัวเครื่องมือแก้ไขบทความเมื่อวันที่ 22 ธันวาคม 2017 และวางตำแหน่งให้เป็นเครื่องมือสำหรับเผยแพร่ longreads

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

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

นี่คือลักษณะที่อินเทอร์เฟซของตัวแก้ไขบทความ VKontakte ใหม่ดูเหมือน

สิ่งที่ต้องจำเกี่ยวกับมาร์กอัปวิกิ

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

ไม่จำเป็นต้องจำแท็กทั้งหมดก็เพียงพอที่จะเก็บลิงค์ไปยัง

สวัสดีที่รักของฉัน!

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

เริ่มต้นด้วยวันนี้มีสองตัวเลือกเมนู:

ตัวเลือกที่ 1: ปิดเมนูกลุ่ม

เมนูปิด เปิดขึ้นเมื่อคุณคลิกที่ลิงค์ ในตัวอย่างด้านล่าง เมนูจะเปิดขึ้นโดยคลิกที่ลิงก์ "OPEN THE GROUP MENU!"



ตัวเลือกที่ 2: เปิดเมนูกลุ่ม (โพสต์ที่ปักหมุด)

เมนูเปิดคือโพสต์ที่ปักหมุดพร้อมลิงก์ที่ใช้งานอยู่



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

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

วิธีเปิดเมนู VKontakte

เราจะวิเคราะห์ขั้นตอนการสร้างเมนูโดยใช้ตัวอย่างตัวเลือกที่ 2 เช่น เปิดเมนู

เพื่อให้คุณนำทางได้ง่ายขึ้น เราได้เตรียมไว้สำหรับคุณ แม่แบบเมนู PSD: [ความสนใจ. การออกแบบ VKontakte เปลี่ยนไป เลย์เอาต์ใหม่และข้อมูลที่เกี่ยวข้องอื่น ๆ ใน ]

เทมเพลต PSD เมนูกลุ่ม

ในการสร้างเมนูภายนอก ต้องใช้รูปภาพ 2 รูป: อวาตาร์ (ด้านขวา) และรูปกลาง (รูปภาพแอ็กชัน)

ขนาดอวาตาร์: 200 x 332 px

ขนาดภาพตรงกลาง: 395 x 282 px



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

ใช้เทมเพลต PSD ของเมนูกลุ่มที่ดาวน์โหลดด้านบน สร้างรูปภาพสองรูปในขนาดที่เหมาะสม

ขั้นตอนที่ 2

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



ขั้นตอนที่ 3

กลับไปที่หน้าหลักของกลุ่มของคุณแล้วคลิก "แก้ไข" ในบล็อก "วัสดุ" ที่ปรากฏ (ฉันได้เปลี่ยนชื่อเป็นเมนูกลุ่มแล้ว)



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



ขั้นตอนที่ 4



ในตัวอย่างของฉัน https://vk.com/page-42211349_47355854

หลักแรก 42211349 คือ ID กลุ่มของคุณ

หลักที่สอง 47355854 คือรหัสเพจ

คุณลักษณะ: คุณสามารถสร้างหน้าเพิ่มเติมได้ด้วยตนเอง โดยไปที่ลิงก์ของแบบฟอร์ม:
https://vk.com/pages?oid=-хххххххх&p=pagename
ที่ไหน,
xxxxxxxxx คือ ID ของกลุ่มของคุณ
ชื่อเพจ - ชื่อเพจของคุณ

ขั้นตอนที่ 5



และโพสต์โพสต์

ขั้นตอนที่ 6

ตอนนี้อัปโหลดรูปประจำตัวของกลุ่ม (ภาพด้านขวา) รูปประจำตัวที่ซ้ำกันจะปรากฏขึ้นบนผนัง - ลบออก

ขั้นตอนที่ 7

ตอนนี้ให้ความสนใจ คลิกที่บันทึกเวลาเผยแพร่ (มุมล่างซ้ายของโพสต์)



และคลิก "ปักหมุด" ปิดหน้าต่างนี้และรีเฟรชหน้ากลุ่มของคุณ (F5)



ขั้นตอนที่ 8

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



ทั้งหมด.

เมนูพร้อม! เมื่อคุณคลิกที่ภาพตรงกลาง เมนูของคุณจะเปิดขึ้น:



คุณสามารถแก้ไข โพสต์รูปภาพ วิดีโอ สร้างส่วนใหม่ โพสต์ลิงก์ได้ที่นี่

ภายในเมนูหลัก คุณยังสามารถสร้างเมนูกราฟิก (เมนูย่อย) ความกว้างไม่ควรเกิน 600 พิกเซล ความสูงไม่จำกัด อะไรช่วยให้คุณสร้างการลงจอด VKontakte ที่ยอดเยี่ยม



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

เขียนคำถามหรือความคิดเห็นของคุณในความคิดเห็นด้านล่าง