เราใช้เวลาพอสมควรในการทดสอบ 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 แบบอินไลน์ ซึ่งมาพร้อมกับการเน้นไวยากรณ์
ตอนนี้เรารู้วิธี:
- วาดเลย์เอาต์ของเรา
- เติมเนื้อหาลงในบล็อก
- จัดรูปแบบด้วย CSS
และทั้งหมดนี้ทำได้จากหน้าจัดการเว็บไซต์ของ WordPress โดยไม่ต้องส่งไฟล์ ทำให้เกิดข้อบกพร่อง หรือดีบักโค้ด ยอดเยี่ยมไปเลย
สรุป
เราหวังว่าคุณจะได้เรียนรู้บางสิ่งในวันนี้ เราได้เรียนรู้อย่างแน่นอนเมื่อเราทดสอบ Headway กับ WPML และต้องเรียนรู้ไปพร้อมกัน แม้ว่าคุณจะไม่ได้หยุดทุกอย่างแล้ววิ่งไปซื้อ Headway แต่เรามั่นใจว่าสิ่งนี้จะให้แรงบันดาลใจแก่คุณ
สถานที่ที่จะหาสิ่งเหล่านี้:
- Headway - http://headwaythemes.com/ (เปิดในแท็บใหม่)
- Types และ Views - https://toolset.com/ (เปิดในแท็บใหม่)
ปล.: หากคุณต้องการความช่วยเหลือด้านเทคนิค โปรดโพสต์ถามในฟอรัมของเรา ระบุว่าเป็นสำหรับ Headway แล้ว Brooks จะช่วยเหลือคุณ เขาคือคนที่ทำงานส่วนใหญ่ในเรื่องนี้
