คอมพิวเตอร์ Windows อินเทอร์เน็ต

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

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

ขนาดของเมนูกลุ่ม Vkontakte คืออะไร?

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

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

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

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

จะแทรกรูปภาพลงในคำอธิบายของกลุ่ม Vkontakte ได้อย่างไร?

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



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

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

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

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

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

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

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

  4. รูปภาพถูกตัดโดยใช้เครื่องมือ Cut Out ของ Photoshop แล้วบันทึก ส่วนที่ไฮไลต์แต่ละส่วนได้กลายเป็นรูปภาพที่แยกจากกัน

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

  6. จากนั้นไปที่กลุ่มของคุณและในส่วนข่าวล่าสุดให้คลิกที่ปุ่ม "แก้ไข"

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

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

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

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

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

  13. จากนั้นเราเปิดหน้าที่สร้างขึ้นด้วยเมนูที่สร้างจากกลุ่ม Vkontakte และคัดลอกลิงก์ไปที่ หากต้องการคัดลอกลิงก์อย่างถูกต้อง คุณต้องคลิก "แก้ไขหน้า" หลังจากนั้น รหัสที่เขียนไว้ก่อนหน้านี้จะปรากฏขึ้น และคุณสามารถคัดลอกที่อยู่จากบรรทัดเบราว์เซอร์ ซึ่งควรมีลักษณะดังนี้: "https://vk.com/page-119301077_51764020"
  14. จากนั้นไปที่กลุ่มของเราและวางที่อยู่ของเมนูที่คัดลอกไว้ในแบบฟอร์มเพื่อส่งข้อความ แล้วก็รูปที่จะเป็นสกรีนเซฟเวอร์ หลังจากนั้นคลิกที่ปุ่ม "ส่ง"
  15. ตอนนี้สิ่งที่เหลืออยู่คือการตรึงรายการนี้ ทำในลักษณะเดียวกับที่ฉันทำในภาพด้านล่าง

  16. นี่คือลักษณะของเมนูที่เราสร้างขึ้นสำหรับกลุ่ม Vkontakte อยากดูตัวต่อตัว เชิญทางนี้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Dropbox อ่านเกี่ยวกับมันในหน้า DragonBlog

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

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

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

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

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

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

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

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

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

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

เส้นทาง # 3 ทำเองทั้งหมด

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

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

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

ขั้นตอนที่ # 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 = เมนู

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

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

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

http://vk.com/page-Group_id _XXX? กระทำ = แก้ไข & ส่วน = แก้ไข

ส่วนหนึ่งของที่อยู่ก่อนเครื่องหมาย "?" คือที่อยู่ของหน้าวิกิของคุณ เขียนไว้ที่ใดที่หนึ่ง: ใน 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

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

คลิกที่รูปภาพในโพสต์ที่ปักหมุด: หน้า 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... มิฉะนั้น คุณอาจมีปัญหาในการแสดงเมนูในแอปพลิเคชันและในเบราว์เซอร์มือถือ: สิ่งที่เรียกว่า "เส้นสีขาว" ระหว่างภาพ
  • "ลายทาง" ที่หั่นบาง ๆ จะถูกอัปโหลดไปยังอัลบั้มกลุ่มหรืออัลบั้มในหน้าผู้ดูแลกลุ่ม เราขอแนะนำตัวเลือกที่สอง ยังไงก็ตาม อัลบั้มที่มีส่วนของเมนูควรจะเป็น ในสาธารณสมบัติ... มิฉะนั้น ผู้ใช้ที่ไม่มีภาพอัลบั้มจะไม่เห็นเมนูของคุณ!
  • รหัสมาร์กอัป Wiki ถูกสร้างขึ้นและแทรกลงในหน้า Wiki ที่ต้องการ
  • กลุ่มประกอบด้วยโพสต์ที่ปักหมุดพร้อมลิงก์รูปภาพไปยังหน้าวิกิพร้อมเมนู เราเขียนรายละเอียดไว้ด้านบนว่ามีการโพสต์อย่างไร นอกจากนี้ คุณสามารถเพิ่มโค้ด (ที่มีการเปลี่ยนแปลงเล็กน้อย) ลงในหน้าวิกิรูทได้ (รายการทางด้านขวาของรายการ "ข้อมูล" จะปรากฏขึ้นเมื่อเปิดใช้งานส่วน "วัสดุ" สำหรับรายละเอียดเพิ่มเติม โปรดดูที่ด้านบน)

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

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

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

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

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

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

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

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


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

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


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

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

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

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


วิธีสร้างหน้าใหม่โดยใช้แอปพลิเคชั่น Mobivic


ลิงก์ไปยังหน้าวิกิใหม่ในแอปพลิเคชัน Mobivic

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

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


ซ้าย - เปิดหน้าเมนูชุมชน LIVE บนมือถือ
ด้านขวา - เหมือนกัน แต่เปิดผ่าน "Mobivik"

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

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


วิธีรับลิงก์ไปยังหน้า 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 แนะนำให้ใช้แท็กผู้เล่น

แต่สุดท้ายแล้วเราก็ได้ขอบสีดำที่ไม่สมส่วนรอบๆ วิดีโอ:

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


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

โต๊ะ

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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


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

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

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

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


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


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

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

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

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

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


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

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

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

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

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

ขั้นตอนที่ 2
ในแท็บ "การแก้ไข" ให้เขียนวลี [[ทฤษฎีการออกแบบเว็บ]] ที่อยู่ในวงเล็บเหลี่ยมคู่ จากนั้นเราคลิกที่ปุ่ม "บันทึกหน้า"

ขั้นตอนที่ 3
หลังจากนั้น ลิงก์ "ดูตัวอย่าง" จะปรากฏถัดจากปุ่มและคลิก ด้านล่างนี้จะเปิดตัวอย่างเมนูของเรา ซึ่งเราจะเห็นลิงก์ "ทฤษฎีการออกแบบเว็บ" ที่ปรากฏด้านล่าง

ขั้นตอนที่ 4
คลิกที่ลิงค์นี้และไปที่เพจที่สร้างชื่อ "Web Design Theory" จากนั้นคลิกที่ลิงค์ "เติมเนื้อหา" ต่อไป เราจะแก้ไขข้อความเหมือนกับในโปรแกรมแก้ไขข้อความทั่วไป - แทรกรูปภาพ ข้อความ วิดีโอ และวัตถุอื่นๆ ในกรณีนี้ หน้าที่เราสร้างขึ้นจะมี URL เช่น https://vk.com/page-15865937_43819846

ทางเลือกอื่นในการสร้างเพจภายใน
มี ทางอื่นการสร้างเพจ ส่วนใหญ่เหมาะสำหรับหน้าสาธารณะ (หน้าสาธารณะ) เนื่องจากวิธีการที่อธิบายไว้ข้างต้นไม่เหมาะสำหรับพวกเขา ในการทำเช่นนี้เราจะใช้รหัสต่อไปนี้
http://vk.com/pages?oid=-XXX&p=Page_name
โดยที่แทนที่จะเป็น XXX เราจะแทนที่ id ของกลุ่มของเรา และแทนที่จะเขียนข้อความ "ชื่อเพจ" เราจะเขียนเมนู ตอนนี้เราต้องค้นหา ID กลุ่ม ทำอย่างไร? เราไปที่หน้าหลักของกลุ่มและดูโพสต์ของเราบนผนัง - ใต้บล็อก "เพิ่มโพสต์" จะเขียนว่า "โพสต์ทั้งหมด" - คลิกที่ลิงค์นี้

ไปที่หน้าและดู URL ของประเภทนี้ https://vk.com/wall-78320145?own=1โดยที่หมายเลข 78320145 ใน ตัวอย่างนี้และมีรหัสกลุ่ม เราแทนที่ข้อมูลของเราลงในซอร์สโค้ดและเราได้รับบันทึกดังนี้: http://vk.com/pages?oid=-78320145&p=Menu(พร้อมหมายเลขของคุณ!). เราวางบรรทัดนี้ลงในแถบที่อยู่ของเบราว์เซอร์แล้วกด Enter ดังนั้นเราจึงสร้างหน้า Vkontakte ใหม่