สูตร WordPress สุดยอด

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


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

เทคโนโลยีอื่น ๆ ที่มีส่วนร่วม ได้แก่ JavaScript มันเป็นลูกพี่ลูกน้อง jQuery, CSS และ HTML ธีมเวิร์ดเพรส (และแม้กระทั่งปลั๊กอิน) ส่วนใหญ่จะเขียนด้วย PHP และพึ่งพาฐานข้อมูล MySQL เพื่อใช้งาน พวกเขายังขึ้นอยู่กับเทคโนโลยีเว็บดังกล่าว เทคโนโลยีเหล่านี้ทั้งหมดต้องทำงานร่วมกัน.

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

ธีมกายวิภาค

anatonmy ของ -a-WordPress ธีม

ธีม WordPress ไม่มีอะไรมากไปกว่าไฟล์ PHP หลายไฟล์ที่ลิงก์กัน มันมาพร้อมกับไฟล์สไตล์ชีท CSS ที่รับผิดชอบลักษณะของธีม (และไซต์) ของคุณ กลับไปสู่พื้นฐานแม้ว่าธีม WordPress เป็นเพียงไฟล์ PHP สองไฟล์ ด้านบนเป็นภาพรวมของอันยิ่งใหญ่ tuts + cheatsheet สำหรับกายวิภาคของธีม WordPress ในการสร้างธีม WordPress คุณจะต้องใช้ไฟล์ต่อไปนี้:

  • header.php– ไฟล์เทมเพลตนี้มีข้อมูลส่วนหัวที่ปรากฏภายใน ส่วนและก่อนที่จะเปิด แท็ก ที่นี่คุณเพิ่มข้อมูลเมตาชื่อไซต์และลิงก์ไปยังสไตล์ชีท CSS ของคุณรวมถึงอื่น ๆ.
  • index.php – นี่คือเทมเพลตหลักสำหรับธีม WordPress ของคุณ (หรือไซต์) มีวัตถุประสงค์เพียงอย่างเดียวคือรวบรวมไฟล์อื่น ๆ โดยรวมไฟล์เหล่านั้นโดยใช้เทมเพลตแท็ก (เพิ่มเติมเกี่ยวกับแท็กเทมเพลตในอีกสักครู่).
  • sidebar.php – นี่คือส่วนแถบด้านข้างของคุณ คุณสามารถวางวิดเจ็ตหมวดหมู่เมนูพิเศษแบบฟอร์มการค้นหาและสิ่งอื่น ๆ ที่คุณต้องการ
  • footer.php – นี่คือส่วนท้าย เพิ่มข้อมูลลิขสิทธิ์ลิงค์ RSS วิดเจ็ตลิงค์ไอคอนโซเชียล ฯลฯ
  • page.php – เมื่อใดก็ตามที่คุณสร้างหน้าบนเว็บไซต์ที่ใช้ WordPress ของคุณนี้เป็นแม่แบบที่รับผิดชอบ
  • single.php – ไฟล์เทมเพลตนี้มีการโพสต์บล็อกเดียว
  • comments.php – เทมเพลตที่รับผิดชอบในการแสดงความคิดเห็น
  • 404.php – เทมเพลตแสดงขึ้นเมื่อผู้อ่านของคุณพบข้อผิดพลาด 404 ไม่พบข้อผิดพลาด
  • search.php –  ให้โอกาสผู้อ่านของคุณในการค้นหาเนื้อหาบนเว็บไซต์ WordPress ของคุณ
  • searchform.php – คุณจะต้องใช้แบบฟอร์มการค้นหาเพื่อเสนอฟังก์ชั่นที่กล่าวถึงข้างต้นตอนนี้คุณจะไม่ได้รับ?
  • archive.php – เนื่องจากการค้นหาเนื้อหาที่คุณตีพิมพ์ในปี 2008 ไม่ได้เป็นเรื่องยุ่งยาก
  • ฟังก์ชั่น. php – วางฟังก์ชั่นพิเศษทั้งหมดและแม้กระทั่งปลั๊กอินที่กำหนดเองที่นี่ อย่างไรก็ตามเพื่อความเข้ากันได้ของธีมข้ามคุณควรเพิ่มรหัสที่กำหนดเองเป็นปลั๊กอินแบบสแตนด์อโลน คุณสามารถเพิ่มเมนูพิเศษเปิดใช้งานวิดเจ็ตและอีกมากมาย ไฟล์นี้ให้พลังแก่คุณมากในการเปลี่ยนไซต์ WordPress / ธีมของคุณตามที่คุณต้องการ.
  • style.css – นี่ไม่ใช่ไฟล์เทมเพลต PHP เช่นนี้ แต่มันเป็นไฟล์ที่คุณเพิ่มสไตล์ CSS ของคุณเพื่อควบคุมความสวยงาม นอกจากนี้ยังมาพร้อมกับส่วนหัวข้อมูลสำหรับธีม WordPress ของคุณ.

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



// ใส่เนื้อหาหลักที่นี่รวมถึงการวนซ้ำ



ย้ายมาพูดคุยเกี่ยวกับข้อมูลโค้ดที่เรียกว่า ห่วง.

วง

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

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

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

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

รวมแท็ก

WordPress แท็ก

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

  • – ใช้สิ่งนี้ใน index.php เพื่อโทร (หรือรวม) ไฟล์ header.php มันจะดึง header.php และแสดงเนื้อหาใน index.php นั่นคือสิ่งที่รวมถึงไฟล์ทั้งหมด.
  • – รวมถึง sidebar.php
  • – รวมถึงไฟล์เทมเพลต footer.php
  • – Quick Quiz: คุณคิดว่าแท็กนี้รวมอะไรบ้าง?

เทมเพลต Bloginfo แท็ก

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

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

  •  – แสดงชื่อของบล็อก / ไซต์ WordPress ของคุณ
  • – แท็กแม่แบบนี้แสดง URL ของบล็อกของคุณ
  •  – สิ่งนี้แสดงคำอธิบายหรือมากกว่าสโลแกนของบล็อกของคุณ.
  •  – แสดงชุดอักขระที่ใช้ในการเข้ารหัสเว็บไซต์ของคุณ ค่าเริ่มต้นคือ UTF-8
  •  – สิ่งนี้แสดง URL ไปที่ CSS สไตล์ชีทของธีมที่คุณใช้งานอยู่
  •  – แสดงรุ่น WordPress ที่คุณใช้
  •  – แสดงภาษาของ WordPress
  •  – แสดง URL สำหรับฟีด RSS 0.92
  • – แสดง URL สำหรับฟีด RSS 2.0

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

  • $ แสดง  นี่คือคำสำคัญที่คุณใช้เพื่อตั้งชื่อข้อมูลที่คุณต้องการดึงจากฐานข้อมูล ตัวอย่างเช่น “ชื่อ”, “url”, “คำอธิบาย”, “admin_email” เป็นต้น
  • $ ตัวกรอง – เพียงแค่นี้คุณก็สามารถกรองข้อมูลที่ได้รับมา โดยค่าเริ่มต้นจะถูกตั้งค่าเป็น ‘raw’ ซึ่งหมายถึงมูลค่าของการแสดง $ ที่ได้รับคืนตามที่เป็น การตั้งค่านี้เป็น ‘display’ จะทำให้ค่า $ show ผ่านไปยังฟังก์ชัน wptexturize () ก่อน ไม่ต้องกังวลเกี่ยวกับสิ่งนี้ในขณะนี้.

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

…ซึ่งโหลดคำอธิบายไซต์ไปที่ $ site_description. หากต้องการแสดงคำอธิบายไซต์ของคุณบนเว็บไซต์ของคุณให้ใช้สิ่งนี้:

สิ่งนี้จะช่วยให้คุณ: สโลแกนของคุณคือ: ธีม WordPress พรีเมี่ยมที่ดีที่สุด

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

ชุดรูปแบบสไตล์ชีต

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

/ *
ชื่อธีม: ชื่อธีมของคุณ
URI ของธีม: https://www.yoursite.com/yourtheme
ผู้แต่ง: ชื่อของคุณ
ผู้เขียน URI: https://www.yoursite.com/
คำอธิบาย: ชุดรูปแบบ WordPress นี้ตอบสนองได้ 100% blah blah...
เวอร์ชัน: 1.0
ใบอนุญาต: GNU Public License V2 หรือใหม่กว่า
สิทธิ์ใช้งาน URI: http://www.gnu.org/licenses/gpl-2.0.html
แท็ก: ทอง, หนึ่งคอลัมน์, แถบด้านซ้าย, responsive-grid, ฯลฯ
โดเมนข้อความ: ชื่อผู้ใช้ของคุณ
* /

ข้อมูลนี้มาก่อน (หรือที่ด้านบนสุด) ใน style.css นอกเหนือจากนั้นให้แน่ใจว่าคุณ:

  • ติดตาม มาตรฐานการเข้ารหัส CSS
  • ใช้ CSS ที่ถูกต้อง
  • ลด CSS
  • เพิ่มสไตล์ที่เหมาะกับการพิมพ์
  • กำหนดสไตล์องค์ประกอบ HTML ทั้งหมด

ความคิดสุดท้าย

ชีตชีตนี้เป็นเพียงแหล่งทรัพยากรด่วนที่จะช่วยให้คุณเริ่มต้นได้เมื่อคุณเรียนรู้การพัฒนาธีมของ WordPress การใช้แท็กและตัวอย่างที่เราแบ่งปันไว้ที่นี่คุณสามารถพัฒนาชุดรูปแบบมาตรฐานได้อย่างรวดเร็วและปรับปรุงโดยไม่ทำให้เหนื่อย แน่นอนคุณต้องเรียนรู้การพัฒนาธีมของ WordPress ต่อไปและเราขอแนะนำ WordPress Codex, Tuts+, Threehouse และ ThemeShaper ท่ามกลางทรัพยากรที่มีชื่อเสียงอื่น ๆ.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map