ผู้เขียน: Neil Lock

  • ปัญหาที่ไม่มีใครพูดถึงของชอร์ตโค้ด

    The-Unspoken-Problem-of-Shortcodes

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

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

    อันนี้โดยเฉพาะเรียกว่า embed shortcode และมีมาให้เป็นค่าเริ่มต้นใน WordPress โดยจะฝังวิดีโอจาก URL เข้าไปในเนื้อหาของคุณ เพียงแค่คัดลอกและวางชอร์ตโค้ดด้านบนลงในไซต์ของคุณหากคุณต้องการทดลองใช้งาน

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

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

    แล้วปัญหาคืออะไรล่ะ? ฟังดูง่ายมาก แค่ใส่ข้อความสั้นๆ พร้อมวงเล็บก็เสร็จแล้ว

    นี่คือที่มาของ Shortcode API..

    ชอร์ตโค้ดมากมายก่ายกอง

    Shortcode API เปิดโอกาสให้นักพัฒนาสามารถสร้างชอร์ตโค้ดได้เอง ด้วยเหตุนี้ นักพัฒนาจึงสามารถเพิ่มชอร์ตโค้ดของตนเองลงในปลั๊กอินได้

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

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

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

    บางเจ้าพยายามแก้ปัญหานี้

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

    Screen-Shot-2016-06-22-at-11.27.09-AM

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

    Screen-Shot-2016-06-22-at-11.28.54-AM

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

    Screen-Shot-2016-06-22-at-11.22.41-AM

    กล่าวอีกนัยหนึ่ง แต่ละปลั๊กอินต่างคนต่างทำและใช้วิธีแก้ปัญหาของตัวเองสำหรับชอร์ตโค้ดของตนเอง ปลั๊กอินบางตัวเพิ่มปุ่มใหม่ข้างปุ่ม “Add Media” หรือเพิ่มปุ่มใหม่เข้าไปข้างใน TinyMCE

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

    ทางออกในอุดมคติ

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

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

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

    ข้อจำกัด

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

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

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

    บทสรุป

    ในตอนนี้ หน้าที่ในการจัดการชอร์ตโค้ดตกเป็นของนักพัฒนาแต่ละคน เว้นแต่จะมีการพัฒนาวิธีที่เป็นศูนย์กลางขึ้นมาภายใน WordPress คุณก็จะต้องเตรียมพบกับปุ่ม “Add Shortcode” หลายๆ ปุ่มในหน้าหลังบ้านของคุณต่อไป ส่วนเรื่องที่ว่าควรเพิ่มอะไรแบบนี้เข้าไปใน WordPress Core หรือไม่นั้น ก็เป็นอีกหนึ่งการอภิปรายครั้งใหญ่ในตัวเอง

    ทางเลือกอื่น

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

    พวกเราที่ Page Builder Sandwich กำลังสร้างบางสิ่งบางอย่างที่หวังว่าจะช่วยแก้ปัญหาปริศนาชอร์ตโค้ดนี้ได้ สมัครรับจดหมายข่าวของเราด้านล่างเพื่อรับการแจ้งเตือนเกี่ยวกับความคืบหน้าของเรา

  • การเพิ่มแผนที่ที่มีสไตล์ลงในหน้าเว็บของคุณคือประสบการณ์แบบโต้ตอบ

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2ตอนนี้คุณสามารถวางแผนที่ในการออกแบบหน้าเว็บของคุณได้แล้วโดยใช้ Page Builder Sandwich!

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

    นี่คือตัวอย่าง:

    วิธีเดิมๆ ที่น่าเบื่อในการเพิ่มแผนที่

    นี่คือวิธีที่คุณเพิ่มแผนที่ด้วยเพจบิลเดอร์ทั่วไป:

    1. คุณลากองค์ประกอบแผนที่ใหม่ออกมา,
    2. คุณกรอกละติจูดและลองจิจูดลงในช่อง,
    3. คุณกรอกค่าอื่นๆ ในช่อง เช่น ความสูงของแผนที่ ความกว้างของแผนที่ ติ๊กเครื่องหมายถูกที่ช่องสไตล์ถนน ฯลฯ,
    4. กดพรีวิวและดูว่าหน้าตาเป็นอย่างไร แล้วก็พบว่าต้องปรับเปลี่ยนบางอย่างเพื่อให้ดูเจ๋งขึ้น,
    5. กลับไปที่เพจบิลเดอร์แล้วเปลี่ยนค่าต่างๆ จากนั้นทำซ้ำขั้นตอนที่ 4 ด้านบน

    วิธีเพิ่มแผนที่ในแบบของ Page Builder Sandwich

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

    นี่คือวิธีที่คุณเพิ่มแผนที่ด้วย Page Builder Sandwich:

    1. คุณเพิ่มองค์ประกอบแผนที่,
    2. คุณพิมพ์ละติจูดและลองจิจูด หรือที่อยู่ที่คุณต้องการให้แผนที่อยู่ตรงกลาง,
    3. คุณเลื่อนแผนที่ไปรอบๆ และย่อหรือขยายเพื่อให้ได้มุมมองตามที่ต้องการ,
    4. เพิ่มสีสันเท่ๆ ให้กับแผนที่ของคุณเพื่อให้เข้ากับสไตล์ของคุณ,
    5. กดบันทึก

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

    แผนที่แบบมีสีสันหรือปรับแต่งสไตล์ด้วย SnazzyMaps

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

    นี่คือตัวอย่างที่เราย้อมเป็นสีชมพู:

    Page Builder Sandwich ยังรองรับโทนสีที่ละเอียดซับซ้อนยิ่งขึ้นผ่าน SnazzyMaps ซึ่งมีรายการชุดโทนสีที่ผู้ใช้สร้างขึ้นมากมาย และยังให้คุณสร้างชุดสีของคุณเองได้หากต้องการควบคุมสีสันมากขึ้น

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

    นี่คือโทนสีสุดเท่ที่มีชื่อว่า papuportal dark จาก SnazzyMaps:

    วางแผนที่ไว้ตรงไหนก็ได้ตามต้องการ

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

    หากคุณยังไม่มี Page Builder Sandwich คุณสามารถทดลองใช้เวอร์ชันพรีเมียมได้โดยคลิกที่ลิงก์ “Live Demo” ด้านบน.

  • WordPress.com VS WordPress.org

    Wordpress-Com-VS-Wordpress-Orgหากคุณเพิ่งเริ่มต้นสร้างเว็บไซต์ใหม่ๆ มีโอกาสสูงที่คุณอาจยังไม่คุ้นเคยกับข้อถกเถียงยอดฮิตระหว่าง WordPress.com กับ WordPress.org คุณอาจไม่เคยรู้ด้วยซ้ำว่ามีทั้งสองแบบนี้อยู่ และแต่ละแบบมีข้อดีข้อเสียแตกต่างกันอย่างไร แล้วการถกเถียงครั้งใหญ่ระหว่างการใช้ WordPress.com กับ WordPress.org คืออะไรกันแน่? อีกอันหนึ่งเป็นแค่ของลอกเลียนแบบราคาถูกที่รอวันโดนฟ้องหรือเปล่า?

    คำตอบคือ ไม่ใช่เลย

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

    “แล้วฉันจะรู้ได้อย่างไรว่าควรใช้แบบไหน?”

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

    WordPress.com: ทำไมและเมื่อไหร่ที่ควรเลือกใช้?

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

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

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

    WordPress.org: เมื่อไหร่ที่ถึงเวลาควรพิจารณา?

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

    “เดี๋ยวนะ แล้วทำไมฉันถึงอยากได้แบบนั้นล่ะ? จุดประสงค์ของ WordPress ไม่ใช่การทำให้การสร้างเว็บง่ายขึ้นหรอกเหรอ?”

    …ก็ไม่เชิง ลองคิดในแง่นี้: The Daily Post ได้เปรียบเทียบระหว่าง WordPress.org และ WordPress.com ไว้อย่างยอดเยี่ยม ในแบบที่แม้แต่มือใหม่สุดๆ (อย่างฉันเอง) ก็เข้าใจหัวใจสำคัญได้ทันที

    พวกเขาอธิบายว่า คุณต้องมอง WordPress.com เหมือนสิ่งที่คุณไม่ได้มีความเป็นเจ้าของอย่างเต็มตัว ลองนึกภาพตัวคุณตอนอายุ 15 ปีที่ยังอาศัยอยู่กับพ่อแม่ หากคุณต้องการทาสีห้องนอน คุณต้องขออนุญาตพ่อแม่ก่อนเสมอ (ซึ่งแน่นอนว่าพ่อแม่เป็นเจ้าของบ้านทั้งหมดรวมถึงห้องของคุณ) ในทางเทคนิคแล้ว ห้องนั้นเป็นของคุณ แต่ท้ายที่สุดแล้ว…มันก็ไม่ได้เป็นของคุณอย่างแท้จริง

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

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

    ถึงตอนนี้ คุณคงเห็นภาพความแตกต่างอย่างชัดเจนระหว่าง WordPress.com และ WordPress.org มากขึ้นแล้ว แต่โดยสรุปสั้นๆ คือ:

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

    การควบคุมเนื้อหาถูกจำกัด;

    WordPress.com WordPress.org
    โฮสต์โดย WordPress ทั้งหมด พร้อมจัดการสิ่งจำเป็นพื้นฐานให้ครบถ้วน โฮสต์ด้วยตัวเอง เลือกสิ่งจำเป็นของคุณเอง หรือเลือกสิ่งที่ดีกว่าได้ตามใจชอบ
    ฟีเจอร์ต่างๆ ถูกจำกัดอยู่เฉพาะสิ่งที่ WordPress.com มีให้ มีฟีเจอร์นับพันรายการในรูปแบบของปลั๊กอิน;

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

    ขอให้มีความสุขกับการสร้างเว็บไซต์!

  • ชอร์ตโค้ด (Shortcode) คืออะไรกันแน่?

    What-Are-Shortcodes-Anywayหากคุณสังเกตเห็น หนึ่งในกฎเหล็กของ WordPress คือการทำให้สิ่งต่างๆ ง่ายขึ้นสำหรับทุกคนอยู่เสมอ ทั้งมือใหม่และนักพัฒนาที่มีประสบการณ์ และหนึ่งในวิธีที่พวกเขาใช้เพื่อให้บรรลุเป้าหมายนี้ก็คือการใช้ชอร์ตโค้ด

    หน้าฝ่ายสนับสนุนของ WordPress.com ได้ให้คำจำกัดความไว้ดังนี้:

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

    เมื่อเทียบกับโค้ดปกติ ซึ่งโดยทั่วไปจะมีลักษณะดังนี้:

    HTML5-video-tag-sample-code
    (เอ่อ… อะไรนะ?)

    ชอร์ตโค้ดโดยทั่วไปจะมีลักษณะประมาณนี้:

    embed_shortcode
    (ง่ายนิดเดียว)

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

    คราวนี้เรากลับมาดูชอร์ตโค้ดตัวนี้กัน ซึ่งก็คือตัวเดียวกับข้างบน:

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

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

    แต่สำหรับตอนนี้ คุณสามารถทดลองปรับแต่งชอร์ตโค้ดและดูว่ามันสามารถทำอะไรให้คุณได้บ้าง

    ขอให้มีความสุขกับการสร้างเว็บไซต์!

  • 5 เหตุผลว่าทำไมพื้นที่ว่างจึงสำคัญ

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

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

    แล้วทำไมพื้นที่ว่างถึงมีความสำคัญ?

    newsfeed
    แหล่งที่มาของรูปภาพ: News Feed

    เหตุผลข้อที่ 1: ช่วยเพิ่มความสามารถในการอ่าน

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

    เป้าหมายคือการทำให้ผู้คนอยากอ่านต่อไปเรื่อยๆ ด้วยการออกแบบเลย์เอาต์ที่สบายตา

    hpmagicwords
    แหล่งที่มาของรูปภาพ: HP Magic Words

    เหตุผลข้อที่ 2: เร่งให้เกิดการโต้ตอบได้เร็วขึ้น

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

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

    google
    แหล่งที่มาของรูปภาพ: Google

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

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

    จำไว้ว่า หากทุกอย่างโดดเด่นไปหมด ก็จะไม่มีสิ่งใด โดดเด่นเลย

    แหล่งที่มาของรูปภาพ: Pocket Penguins

    เหตุผลข้อที่ 4: ความประทับใจแรกพบมีความสำคัญ

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

    เคล็ดลับ: นี่คือไอเดียเกี่ยวกับวิธีทำให้การออกแบบเว็บของคุณเรียบง่ายและคุ้นเคย.

    flockknitwear
    แหล่งที่มาของรูปภาพ: Flock Knitwear

    เหตุผลข้อที่ 5: ช่วยสร้างพื้นที่ให้หายใจและความสมดุล

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

    สรุป

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

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

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

  • ทำไมต้อง WordPress?

    Why-Wordpressสิ่งสำคัญประการหนึ่งที่ต้องพิจารณาเมื่อสร้างเว็บไซต์แรกของคุณ ไม่ว่าคุณจะเป็นธุรกิจ ฟรีแลนซ์ หรืออะไรก็ตามและใครก็ตาม ก็คือไม่ใช่ทุกคนที่จะเชี่ยวชาญในภาษาโค้ดและการพัฒนาซอฟต์แวร์ ตัวอย่างเช่น คุณอาจเป็นเชฟที่ต้องการเผยแพร่สูตรอาหารของตนทางออนไลน์ คุณอาจเป็นนักศึกษาปริญญาตรีสาขาวิจิตรศิลป์ที่ต้องการพอร์ตโฟลิโอที่ดูเป็นมืออาชีพ หรือเป็นธุรกิจสตาร์ทอัพที่ต้องการเว็บไซต์เป็นของตัวเอง ไม่ว่าจะเป็นอย่างใดอย่างหนึ่งหรืออะไรก็ตาม ความจริงยังคงอยู่ว่าแม้พวกเราบางคนอาจคุ้นเคยกับพื้นฐานของโค้ด แต่เราไม่ได้เป็นนักพัฒนาเต็มเวลาทุกคน และไม่ใช่ทุกคนที่ต้องการเว็บไซต์จะรู้วิธีสร้างขึ้นมาตั้งแต่ต้น นี่คือจุดที่ WordPress มีประโยชน์ นำมาสู่คำถามที่ว่า: “ทำไมต้องเป็น WordPress?”

    เหตุผลที่ 1

    WordPress เป็นระบบจัดการเนื้อหา ทำให้ใช้งานง่ายอย่างยิ่ง

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

    เมื่อเทียบกับการสร้างเว็บไซต์ตั้งแต่เริ่มต้น ซึ่งโดยทั่วไปจะเริ่มต้นแบบนี้:

    screenshot-1 แต่ด้วยระบบจัดการเนื้อหา คุณจะได้เริ่มต้นด้วยสิ่งที่เป็นแบบนี้:

    WordPress
    ส่วนต่อประสานส่วนหลังของ WordPress การจัดการและสร้างเว็บไซต์จะง่ายขึ้นด้วย CMS

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

    …ในทางเทคนิคแล้ว WordPress น่าจะมีฟีเจอร์ที่คุณต้องการ และมันจะมาในรูปแบบของ ปลั๊กอิน WordPress.

    เหตุผลที่ 2

    ปลั๊กอิน: เชอร์รี่บนหน้าเค้กของ WordPress

    หากคุณกังวลว่า WordPress จะไม่มีฟีเจอร์เฉพาะเจาะจงที่คุณอาจต้องการบนไซต์ของคุณ ไม่ต้องกังวล: มันน่าจะมีแน่นอน

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

    ในปัจจุบัน WordPress มีปลั๊กอินเหล่านี้นับพันรายการ—และบางส่วนยังเปิดให้ใช้งานได้ฟรีและ/หรือมีเวอร์ชันฟรี รวมถึง PBS.

    เหตุผลที่ 3

    โอเพนซอร์ส: ชุมชน WordPress

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

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

    เหตุผลที่ 4

    WordPress เป็นของจริง

    CNN, The Official Star Wars Blog, Time Magazine และแม้กระทั่ง (โอ้โห!) Beyonce ต่างก็มีเว็บไซต์ที่ทำงานบน WordPress รวมถึงเว็บไซต์อื่นๆ อีกมากมาย ชื่อใหญ่ๆ เหล่านี้ไม่ได้เป็นเพียงสิ่งเดียวที่สนับสนุนความน่าเชื่อถือของ WordPress ตามข้อมูลจาก Treehouse.com ระบุว่าประมาณ 25% ของเว็บไซต์ทั้งหมดบนเว็บทำงานโดย WordPress เมื่อพิจารณาว่ามีเว็บไซต์อยู่กี่ล้านกี่พันแห่ง… 25% ก็เป็นตัวเลขที่ค่อนข้างเยอะทีเดียว

    เหตุผลที่ 5

    การปรับแต่งมากมายเหลือเฟือ!

    WordPress มีธีมมากมายสำหรับคุณและไซต์ของคุณ คุณมีอิสระในการเลือกจากเวอร์ชันฟรี เวอร์ชันพรีเมียม หรือแม้แต่สร้างขึ้นมาเอง (หรือจ้างใครสักคนมาสร้างให้คุณ!)

    เหตุผลที่ 6:

    มันฟรี

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

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

    จำไว้ว่า WordPress มีความเป็นไปได้ที่ไม่สิ้นสุด และไม่จำเป็นต้องเป็นอัจฉริยะถึงจะเข้าใจว่ามันทำงานอย่างไรทั้งหมด!

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

    ขอให้มีความสุขกับการสร้างเว็บไซต์!

  • 3 สิ่งที่ควรพิจารณาก่อนเริ่มใช้งานเครื่องมือสร้างหน้าเว็บ (Page Builder)

    3-Things-to-Consider-Before-Diving-Into-Page-Buildersมีโอกาสที่คุณอาจจะมาอยู่ที่นี่เพราะได้ยินมาว่า PBS น่าจะเป็น หนึ่งในทางลัดที่เร็วที่สุดในการสร้างเว็บไซต์ แม้ว่าโดยทั่วไปแล้ว ตัวสร้างหน้าเว็บ (page builder) จะมีขึ้นเพื่อให้การทำงานง่ายขึ้น แต่ก็ยังมีบางสิ่งที่คุณอาจต้องพิจารณาก่อนที่จะดำดิ่งลึกเข้าไปในแวดวงการพัฒนา WordPress นี้

    การเรียนรู้ WordPress: ข้อกำหนดเบื้องต้นที่สำคัญสำหรับตัวสร้างหน้าเว็บ

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

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

    คุณอาจต้องการหยั่งเชิงหรือทดลองดูก่อนเพื่อความแน่ใจ

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

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

    งานออกแบบสร้างความแตกต่างได้อย่างมหาศาล

    Donna Fontenot Cavalier ผู้หลงใหลใน WordPress ได้ให้ข้อคิดเห็นที่ดีมากๆ เกี่ยวกับตัวสร้างหน้าเว็บแบบลากและวาง (drag-and-drop Page Builder) และความสำคัญของการออกแบบขั้นพื้นฐาน แม้ว่าตัวสร้างแบบลากและวางอย่าง PBS จะช่วยคุณประหยัดเวลาได้มาก แต่ความรู้พื้นฐานและอย่างน้อยก็ ความคุ้นเคยด้านสุนทรียศาสตร์และการออกแบบก็เป็นอีกหนึ่งปัจจัยสำคัญที่ต้องพิจารณาเมื่อสร้างเว็บไซต์ ลองจินตนาการถึงสถานการณ์หนึ่งดู– สมมติว่าคุณได้ตัวสร้างหน้าเว็บสุดเจ๋งที่คุณต้องการมาไว้ในมือ: นั่นยอดเยี่ยมมาก! แต่สมมติว่าคุณเป็นคนที่ไม่ค่อยมีสายตาด้านศิลปะ การออกแบบ และฟังก์ชันการใช้งานเท่าไหร่นัก: โอ๊ะโอ.

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

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

    ขอให้มีความสุขกับการสร้างเว็บไซต์!

  • การทำ Shortcode Mapping: PBS จะรองรับปลั๊กอินกว่า 800+ รายการและชอร์ตโค้ดกว่า 2,000+ รายการได้อย่างไร

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    ในช่วงสองสามสัปดาห์ที่ผ่านมา ทีมงาน PBS ได้เพิ่มองค์ประกอบแผนที่ และองค์ประกอบแท็บเข้ามาด้วย

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

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    ประโยชน์ของระบบแบบนี้มีมากมายทีเดียว:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    การแมปชอร์ตโค้ด (Shortcode mapping) ไม่ใช่เรื่องใหม่ และตัวสร้างเพจ (page builder) หลายๆ ตัวก็มีฟังก์ชันนี้อยู่แล้ว แต่สิ่งที่ทำให้ของเราแตกต่างคืออะไรล่ะ?

    การทำงานของ Shortcode Mapping ใน Page Builder ตัวอื่น

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

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

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    การทำงานของ Shortcode Mapping ใน Page Builder Sandwich

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    สิ่งนี้มอบประโยชน์ดีๆ มากมายให้กับเรา:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    สมัครรับจดหมายข่าวของเรา!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • 5 เคล็ดลับง่ายๆ ในการทำให้เว็บไซต์ของคุณดูดี

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    นี่คือเคล็ดลับพื้นฐานเกี่ยวกับสิ่งที่คุณสามารถทำได้เพื่อปรับปรุงการออกแบบเว็บไซต์ของคุณ

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    เลือกสีที่เหมาะสม

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

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

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

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    ใช้ชุดแบบอักษรที่ตัดกัน

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

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

    ทำให้ดูสะอาดตาโดยใช้พื้นที่ว่าง

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    ทำให้เหมาะสำหรับอุปกรณ์เคลื่อนที่

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

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

    สรุป

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

  • วิธีสร้าง Hero Header พื้นฐานใน 3 ขั้นตอนง่ายๆ

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    Hero Header คืออะไร?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    หากต้องการเริ่มต้นสร้าง PBS hero header ครั้งแรกของคุณ ให้ทำตามขั้นตอนง่ายๆ ด้านล่างนี้:

    ขั้นตอนที่ 1: แทรกคอลัมน์และปรับความกว้างของแถว

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    ขั้นตอนที่ 2: ปรับระยะขอบ (Margin) เพื่อสร้างพื้นที่ว่าง (Whitespace)

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

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

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

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

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    อย่าลืมบันทึกงานของคุณ และเท่านี้ก็เสร็จเรียบร้อย!

    ขอแสดงความยินดีกับการสร้าง hero header แรกของคุณด้วย PBS! แต่ในกรณีที่คุณยังไม่ได้สร้าง ก็ไม่ต้องกังวลไป การเริ่มต้นสร้างใหม่ตั้งแต่ต้นด้วย PBS นั้นถือว่าง่ายกว่ามาก ดังนั้นมันจึงไม่ยุ่งยากอย่างแน่นอน

    ขอให้มีความสุขกับการสร้างเว็บไซต์!