Headway 3 และ WPML สำหรับเว็บไซต์แบบลากและวาง

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

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

แนวคิด – ระบบกริดและบล็อก

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

ระบบกริดของ Headway ให้คุณวาด ลาก และปรับขนาดบล็อกได้ ซึ่งมีลักษณะดังนี้:

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

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

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

ตัวสลับภาษา

เนื่องจากคุณคงไม่อยากแก้ไข PHP เมื่อคุณสร้างไซต์ด้วย Headway เราจึงขอแนะนำ 3 วิธีในการวางตัวสลับภาษา:

• ในวิดเจ็ต – วาดบล็อก กำหนดให้เป็นโซนวิดเจ็ต และวางตัวสลับภาษาของ WPML ลงไป


• ในเมนู – วาดบล็อก กำหนดให้เป็นเมนู และเปิดใช้งานตัวสลับภาษาสำหรับเมนูนั้นจากเมนูภาษา


• ในส่วนท้าย – WPML สามารถเพิ่มส่วนท้ายของตัวเองลงในไซต์ของคุณพร้อมตัวสลับภาษาได้ ซึ่งไม่ต้องมีการกำหนดค่าใน Headway

คุณยังสามารถสร้างตัวสลับภาษาแบบกำหนดเองและเพิ่มผ่าน PHP ได้ด้วย สำหรับสิ่งนั้น คุณจะต้องใช้ API call เพื่อเพิ่ม PHP ที่กำหนดเอง มันไม่ได้ซับซ้อนมากนัก แต่ก็ต้องทำงานมากกว่าการลากใน GUI เล็กน้อย

เหนือกว่าวิดเจ็ตมาตรฐาน

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

(เตรียมตัวให้พร้อม การนำเสนอผลิตภัณฑ์กำลังจะมาถึง)

ปรากฏว่า Types และ Views ทำงานร่วมกับ Headway ได้อย่างสมบูรณ์แบบ

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

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

แล้วฉันจะเพิ่มสไตล์ได้อย่างไร

ตอนนี้เราได้ทิ้ง HTML และ PHP ไว้เบื้องหลังแล้ว คุณคงไม่อยากติดอยู่กับโปรแกรม FTP เพียงเพื่ออัปเดตไฟล์ CSS ใช่ไหม

คลิกที่ลิงก์ Live CSS และเปิดตัวแก้ไข CSS แบบอินไลน์ ซึ่งมาพร้อมกับการเน้นไวยากรณ์

ตอนนี้เรารู้วิธี:

1. วาดเลย์เอาต์ของเรา


2. เติมเนื้อหาลงในบล็อก


3. จัดรูปแบบด้วย CSS

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

สรุป

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

สถานที่ที่จะหาสิ่งเหล่านี้:

• Headway - http://headwaythemes.com/


• Types และ Views - https://toolset.com/

บอกให้เรารู้ว่าคุณคิดอย่างไร!

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