15 สิ่งที่ควรและไม่ควรทำเพื่อการ WordPress ที่มีประสิทธิภาพ

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


Contents

1. อย่าเขียนโค้ดเต็ม URL ลงในธีมของคุณ

เมื่อคุณสร้างธีมของคุณอาจมีบางครั้งที่มีการใช้รูปภาพสำหรับไอคอนโซเชียลมีเดียหรือไอคอนฟีด RSS และในระหว่างการเขียนโค้ดคุณอาจต้องการเขียนโค้ด URL แบบเต็ม (เช่น: / wp-content /themes/your-theme-name/images/image.jpg) แต่สิ่งนี้จะทำให้เกิดข้อผิดพลาดในเว็บไซต์เมื่อใดก็ตามที่บุคคลที่ใช้ธีมของคุณเปลี่ยนชื่อโฟลเดอร์ธีมของพวกเขา.

รหัสที่ถูกต้องที่จะใช้เพื่อดึง URL เต็มของแบบไดนามิกอยู่ด้านล่าง.

<?php bloginfo (‘stylesheet_directory’); ?>/images/image.jpg

2. ใช้ประโยชน์จากเทมเพลตแท็กให้มากที่สุด

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

3. อย่าลืมรหัสนำทางลง

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

มีวิธีแก้ปัญหาสำหรับสิ่งนั้น คุณสามารถตรวจสอบบทเรียนบางส่วนด้านล่างเกี่ยวกับวิธีการกำหนดรหัสเมนูแบบเลื่อนลงหลายระดับ.

4. อย่าทำให้วิดเจ็ตธีมของคุณพร้อม

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

Automattic มีบทช่วยสอนที่ดีเกี่ยวกับวิธีการวิดเจ็ตธีมของคุณ. ตรวจสอบที่นี่.

นอกจากนี้โปรดตรวจสอบ ธีมวิดเจ็ต สอนที่นี่ที่ Theme Lab.

5. อย่าทำให้ผู้ใช้พึ่งพาปลั๊กอินจำนวนมากเพื่อให้ธีมของคุณใช้งานได้

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

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

6. อย่าแสดงคำค้นหาในหน้าผลการค้นหา

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

ด้านล่างคือรหัสที่ใช้เพื่อแทนที่ชื่อ“ ผลการค้นหา” ปัจจุบันในชุดรูปแบบของคุณ.

ผลการค้นหาสำหรับ <?php the_search_query () ?>

7. อย่าครึ่งหน้าข้อผิดพลาด 404 ของคุณ

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

หากคุณกำลังมองหาแรงบันดาลใจ 404 หน้านิตยสาร Smashing มี นักฆ่าโชว์หน้า 404 จากในเว็บที่ควรค่าแก่การตรวจสอบ.

8. ตรวจสอบให้แน่ใจว่าคุณมีไฟล์พื้นฐานทั้งหมดในโฟลเดอร์ธีมของคุณ

เมื่อคุณสร้างธีม WordPress ตรวจสอบให้แน่ใจว่าคุณสามารถปรับแต่งธีมได้มากที่สุดจากการเดินทางได้เป็นสิ่งสำคัญ การเริ่มต้นด้วยคอมโบไฟล์ index.php, header.php, sidebar.php และ footer.php อาจดูเหมือนเป็นความคิดที่ดีสำหรับผู้ที่มีแนวคิดแบบเรียบง่าย แต่ฉันขอแนะนำให้เริ่มต้นด้วยพื้นฐานทั้งหมดด้านล่างเพื่อให้ คุณสามารถควบคุมสิ่งที่จะแสดงได้มากขึ้นเมื่อไรที่ไหนและอย่างไร.

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับไฟล์เทมเพลตเหล่านี้และสิ่งที่พวกเขาทำให้ตรวจสอบ แม่แบบลำดับชั้น หน้า WordPress.org.

9. อย่าลืมการรวม RSS

เมื่อคุณสร้างบล็อกหนึ่งในสิ่งที่ดึงดูดความสนใจของผู้คนมากที่สุดคือความสามารถในการสมัครรับข้อมูลบล็อกของคุณผ่านโปรแกรมอ่าน RSS ดังนั้นแทนที่จะต้องการให้ผู้ใช้ชุดรูปแบบของคุณเพิ่มข้อมูลนี้ในตัวเองทำไมไม่ทำตามขั้นตอนเพื่อเพิ่มในกล่องสมัครสมาชิก RSS เช่นเดียวกับที่คุณทำช่องค้นหา เพิ่มปุ่ม RSS ตัวเลือกการสมัครสมาชิกผ่านทางอีเมลและคุณยังสามารถเพิ่มจำนวนสมาชิกในข้อความได้ด้วยการเพิ่มรหัสบิตนี้ลงในธีมของคุณที่คุณต้องการให้แสดง (แทนที่“ feedburner-id” ด้วยตัวคุณเอง FeedBurner ID – หากคุณกำลังปล่อยชุดรูปแบบนี้ให้ดูที่ # 11 ในรายการของเราและตรวจสอบให้แน่ใจว่าคุณมีตัวเลือกนี้).

<?PHP
// รับจำนวนฟีดเบิร์นเนอร์เจ๋ง ๆ
$ whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// เริ่มต้นเซสชัน Curl
$ ch = curl_init ();

// ตั้งค่า curl เพื่อส่งคืนข้อมูลแทนที่จะพิมพ์ไปยังเบราว์เซอร์.
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// ตั้งค่า URL
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// ดำเนินการดึงข้อมูล
$ data = curl_exec ($ ch);

// ปิดการเชื่อมต่อ
curl_close ($ CH);
$ xml = SimpleXMLElement ใหม่ ($ data);
$ fb = $ xml->อาหาร->รายการ [ ‘การไหลเวียนของ’];
echo $ fb;
// สิ้นสุดรับการนับจำนวนตัวป้อนที่ยอดเยี่ยม
?>

10. เพิ่มสไตล์ CSS สำหรับความคิดเห็นที่เป็นเธรด

หากคุณกำลังสร้างธีมคุณควรเตรียมพร้อมสำหรับความคิดเห็นที่เป็นเธรดเสมอ เป็นคุณลักษณะใน WordPress ที่บล็อกจำนวนมากใช้เพื่อสร้างปฏิสัมพันธ์ในส่วนความคิดเห็น ดังนั้นการเตรียมสไตล์ชีทของคุณสำหรับความคิดเห็นที่มีเธรดจึงเป็นความคิดที่ดี Chris มีโพสต์ที่ยอดเยี่ยม รหัส CSS สำหรับคลาส CSS เริ่มต้นที่ WordPress แยกออกจากส่วนความคิดเห็น, ให้ธีมของคุณเป็นส่วนของความคิดเห็นที่ทันสมัยโดยไม่จำเป็นต้องแตะที่ไฟล์ comments.php.

11. อย่าปล่อยธีมโดยไม่มีแผงตัวเลือก

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

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

12. ตรวจสอบให้แน่ใจว่าชุดรูปแบบของคุณทำงานนอกกรอบ

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

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

13. อย่าใช้ฟิลด์ที่กำหนดเองมากเกินไป

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

// รับ URL ของภาพแรกในโพสต์
ฟังก์ชัน catch_that_image () {
$ โพสต์ทั่วโลก, $ โพสต์;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all (‘// i’, $ post->post_content, $ ตรงกัน);
$ first_img = $ ตรงกัน [1] [0];

// ไม่พบรูปภาพแสดงภาพเริ่มต้นแทน
ถ้า (ที่ว่างเปล่า ($ first_img)) {
$ first_img = "/images/default.jpg";
}
ส่งคืน $ first_img;
}

เมื่อคุณเพิ่มรหัสนั้นแล้วให้เพิ่ม <?php echo catch_that_image (); ?> ในไฟล์ของชุดรูปแบบทุกที่ที่คุณต้องการให้ภาพปรากฏ.

ขอบคุณ ol ol ดี ฟอรัมสนับสนุน WordPress สำหรับเคล็ดลับที่มีประโยชน์นี้.

14. ทำ SEO แท็กของคุณ

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

<?php if (is_home ()) { ?><? bloginfo ( ‘ชื่อ’); ?> | <?php bloginfo (‘description’); ?><?php} ?>
<?php if (is_search ()) { ?>ผลการค้นหาสำหรับ <?php / * จำนวนการค้นหา * / $ allsearch = &ใหม่ WP_Query ("s = $ s&showposts = -1"); $ key = wp_specialchars ($ s, 1); $ count = $ allsearch->POST_COUNT; _e ( ”); echo $ key; _e (‘—’); echo $ count ”; _e ( ‘บทความ’); wp_reset_query (); ?><?php} ?>
<?php if (is_404 ()) { ?><? bloginfo ( ‘ชื่อ’); ?> | 404 ไม่พบอะไรเลย<?php} ?>
<?php if (is_author ()) { ?><? bloginfo ( ‘ชื่อ’); ?> | ผู้แต่งคลังเก็บ<?php} ?>
<?php if (is_single ()) { ?><?php wp_title (”); ?> | <?php $ category = get_the_category (); echo $ หมวดหมู่ [0]->CAT_NAME; | <?php bloginfo (‘name’); ?><?php} ?>
<?php if (is_page ()) { ?><? bloginfo ( ‘ชื่อ’); ?> | <?php $ category = get_the_category (); echo $ หมวดหมู่ [0]->CAT_NAME; ?>|<?php wp_title (”); ?><?php} ?>
<?php if (is_category ()) { ?><?php single_cat_title (); ?> | <?php $ category = get_the_category (); echo $ หมวดหมู่ [0]->category_description; ?> | <? bloginfo ( ‘ชื่อ’); ?><?php} ?>
<?php if (is_month ()) { ?><? bloginfo ( ‘ชื่อ’); ?> | เอกสารเก่า | <?php the_time (‘F, Y’); ?><?php} ?>
<?php if (is_day ()) { ?><? bloginfo ( ‘ชื่อ’); ?> | เอกสารเก่า | <?php the_time (‘F j, Y’); ?><?php} ?>
<?php if (function_exists (‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", จริง); }} ?> | <? bloginfo ( ‘ชื่อ’); ?>

15. อย่าลืมเกี่ยวกับ breadcrumbs

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

ก่อนอื่นให้เพิ่มโค้ดด้านล่างลงในไฟล์ themes.php ของธีมของคุณ (ปรับแต่งเล็กน้อยจากโพสต์ Cats Who Code ดั้งเดิมที่เชื่อมโยงด้านบน).

ฟังก์ชัน the_breadcrumb () {
echo ‘

    ‘;
    if (! is_home ()) {
    echo ‘
  • ‘;
    echo ‘Home’;
    เสียงสะท้อน "
  • ";
    if (is_category () || is_single ()) {
    echo ‘

  • ‘;
    the_category (‘
  • ‘);
    ถ้า (is_single ()) {
    เสียงสะท้อน "
  • ";
    the_title ();
    echo ‘
  • ‘;
    }
    } elseif (is_page ()) {
    echo ‘

  • ‘;
    echo the_title ();
    echo ‘
  • ‘;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {echo"

  • ที่เก็บสำหรับ "; the_time (‘F jS, Y’); ก้อง’
  • ‘;}
    elseif (is_month ()) {echo"

  • ที่เก็บสำหรับ "; the_time (‘F, Y’); ก้อง’
  • ‘;}
    elseif (is_year ()) {echo"

  • ที่เก็บสำหรับ "; the_time ( ‘Y’); ก้อง’
  • ‘;}
    elseif (is_author ()) {echo"

  • ผู้แต่งเอกสารเก่า"; ก้อง’
  • ‘;}
    elseif (ผู้ออกใบรับรอง ($ _ GET [‘paged’]) && !ว่างเปล่า ($ _ GET [‘paged’])) {echo "

  • คลังเก็บบล็อก"; ก้อง’
  • ‘;}
    elseif (is_search ()) {echo"

  • ผลการค้นหา"; ก้อง’
  • ‘;}

    echo ‘

‘;
}

จากนั้นวางโค้ดนี้ทุกที่ที่คุณต้องการให้เกล็ดขนมปังของคุณแสดง.

<?php the_breadcrumb (); ?>

ขอขอบคุณที่อ่านบทความนี้

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

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