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

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

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

ค้นพบด้วย วิธีการติดตั้งปลั๊กอินในเวิร์ดเพรส

ผลลัพธ์ของการเปลี่ยนโฟกัสนี้คือการตั้งค่า Twenty Seventeen ใช้เวลานานกว่าธีม WordPress เริ่มต้นก่อนหน้าเล็กน้อย

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

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

ยี่สิบเจ็ดภาพรวม

การนำเสนอยี่สิบสิบเจ็ด

การใช้ไฟล์ หน้า Landing Page - หน้า Landing Page - เพื่อใช้เป็นโฮมเพจสำหรับเว็บไซต์ขององค์กรได้กลายเป็นที่นิยม ด้วย Twenty Seventeen การสร้างหน้า Landing Page สำหรับเว็บไซต์ธุรกิจเป็นเรื่องง่าย

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

การนำทางนั้นง่ายมากด้วยแถบการนำทางที่ติดหนึบและแบบอักษรเดียว ฟรีแฟรงคลิน ซึ่งจะใช้ตลอดทั้งธีม

เราแนะนำให้คุณปรึกษา วิธีการเพิ่มเมนูนำทางที่กำหนดเองใน WordPress

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

จะสร้างโฮมเพจด้วย Twenty Seventeen ได้อย่างไร?

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

การปรับแต่ง Wordpress 47

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

ค้นพบด้วย วิธีปรับแต่ง CSS ของเว็บไซต์ WordPress ของคุณ

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

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

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

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

เพื่อแสดงวิธีการตั้งค่า ยี่สิบเจ็ด ฉันจะติดตั้งธีมราวกับว่าฉันจะใช้สำหรับเว็บไซต์ส่วนตัวของฉัน

ขั้นตอนที่หนึ่ง: สร้างเพจสำหรับแต่ละส่วน

สร้างเพจสำหรับแต่ละส่วน

สิ่งแรกที่คุณต้องทำคือสร้างหน้าไม่กี่หน้า:

  • สร้างเพจที่จะเป็นโฮมเพจแบบคงที่ของคุณ
  • สร้างเพจที่จะแสดงโพสต์บล็อก

วิธีทำให้เว็บไซต์ WordPress ของคุณอยู่ในโหมดบำรุงรักษา ? คลิกที่ลิงค์นี้

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

ปรึกษา วิธีสร้างคอลัมน์บน WordPress โดยไม่มีปลั๊กอิน

ในกรณีตัวอย่างของฉันฉันได้สร้างโฮมเพจหน้าบล็อกหน้าเกี่ยวกับหน้าบริการและหน้าติดต่อ

ขั้นตอนที่ 2: เพิ่มภาพในหน้าแรก

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

รูปภาพเด่น wordpress

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

ค้นพบ 5 WordPress Page Builder ปลั๊กอิน - สร้างหน้า

คุณจะพบรูปภาพฟรีจำนวนมากใน " StockSnap และส่วนใหญ่มีขนาดที่ดี

ขั้นตอนที่ 3: กำหนดหน้าแรกและหน้าบล็อก

โฮมเพจของ wordpress แบบคงที่

ถึงเวลาที่จะเริ่มปรับแต่ง เรียกใช้ Customizer จากนั้นไปที่ "  ลักษณะที่ปรากฏ> ปรับแต่ง บนแดชบอร์ด

เลือกตัวเลือก โฮมเพจแบบคงที่ และทำการปรับเปลี่ยนต่อไปนี้:

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

อย่าลืมบันทึกการเปลี่ยนแปลงของคุณ

ขั้นตอนที่ 4: กำหนดหน้าอื่น ๆ ให้กับส่วนของหน้าแรก

ส่วนธีมยี่สิบเจ็ด

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

ขั้นตอนที่ 5: สร้างเมนูนำทางหลักของคุณ

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

ขั้นตอนที่ 6: เพิ่มส่วนหัววิดีโอ

วิดีโอส่วนหัวที่ยี่สิบสิบเจ็ด

ต่อไปเราจะแทนที่รูปภาพส่วนหัวด้วยวิดีโอ ไปที่ส่วนที่เกี่ยวข้องบน Customizer โดยคลิกที่ "ทางลัดการแก้ไขที่มองเห็นได้" หรือค้นหา " ส่วนหัวของสื่อ '

ดาวน์โหลดหรือเลือกวิดีโอที่คุณต้องการใช้ หรือคุณสามารถระบุ URL ของวิดีโอ YouTube เพื่อแสดงในส่วนหัวได้หากต้องการ

ตรวจสอบอีกครั้งว่าต้องเลือกวิดีโอที่มีขนาดใหญ่

การสาธิตที่ยี่สิบสิบเจ็ด

ณ จุดนี้ทุกอย่างควรทำงานตามปกติ เราจะเสนอบทเรียนเพิ่มเติมให้กับคุณในการปรับแต่งธีม WordPress ใหม่นี้

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 การจองตารางร้านอาหาร WordPress

Restaurant Table Booking Manager เป็นปลั๊กอินที่ให้คุณจัดการการจองโต๊ะในร้านอาหารของคุณทางออนไลน์

จองโต๊ะร้านอาหาร Wordpress

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

นอกจากนี้คุณยังสามารถใช้ปฏิทินที่สร้างขึ้นโดยอัตโนมัติเพื่อติดตามการจองต่างๆ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 ShareBang

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

ปุ่ม Sharebang สุดยอดโซเชียลสำหรับ wordpress 1

รองรับ + ​​42 จากเครือข่ายโซเชียลชั้นนำรวมถึงแอพมือถือเช่น WhatsApp, Facebook, Telegram, Skype, Line, Viber และอีกมากมาย มันมาพร้อมกับตำแหน่ง 21 มากกว่าตำแหน่งสำหรับปุ่มแบ่งปันทางสังคม อัปเดตอัตโนมัติและปกติ, บูรณาการกับ Mailchimp, Mailster และอื่น ๆ ...

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 Octabook

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

มันมีคุณสมบัติหลายอย่างที่รวมถึง: รองรับหลายภาษา, การกำหนดค่าบริการ, การกำหนดราคาแบบไดนามิก, การแจ้งเตือน, สนับสนุนฟิลด์ที่ปรับแต่งได้สำหรับรูปแบบ, การปรับแต่งของลักษณะที่ปรากฏ, การสนับสนุน Google Calendarแดชบอร์ดที่ใช้งานง่ายการส่งออกข้อมูลในรูปแบบ csv และอื่น ๆ อีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

สรุป

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

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

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

...