คู่มือขั้นสูงในการใช้ WordPress: WP Wizardry

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


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

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

  • คู่มือสำหรับผู้เริ่มต้นใช้งาน WordPress
  • คู่มือระดับกลางในการใช้ WordPress

การเพิ่มประสิทธิภาพขั้นสูง

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

เนื้อหาแบบไดนามิกด้วย CDN

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

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

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

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

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

CDN ทุกตัวที่มีอยู่มีวิธีการใช้งานที่แตกต่างกันเล็กน้อย แต่เราจะมุ่งเน้นไปที่ Cloudflare ซึ่งเป็นหนึ่งใน CDN ที่ได้รับความนิยมมากที่สุดและคุณลักษณะทั่วไปที่เราได้เห็นตลอดการแสดงความคิดเห็นผ่านเว็บโฮสติ้งของเรา ที่กล่าวว่าผู้ให้บริการบางรายรวม Cloudflare รุ่นฟรีกับทุกเว็บไซต์ดังนั้นคุณไม่จำเป็นต้องติดตั้งอีกครั้งหากเป็นกรณีนี้.

ก่อนอื่นให้ไปที่ Cloudflare และสมัครบัญชีฟรี เมื่อคุณไปถึงแผงควบคุมของคุณให้คลิกที่“ + เพิ่มไซต์” ที่มุมบนขวา ป้อนโดเมน WordPress ของคุณและคลิกที่“ เริ่มการสแกน”

หลังจากสองสามนาที Cloudflare จะดึงระเบียน DNS ของคุณรวมถึงตัวเลือกสองตัว ในการใช้ประโยชน์จาก CDN ให้เลือก“ CDN and protection” จากสองรายการ ระเบียน A ของคุณ (โดเมนของคุณ) ควรมีเมฆสีส้มแสดงในคอลัมน์ “สถานะ” บันทึกอื่น ๆ เช่นระเบียน MX ที่ใช้กับอีเมลไม่จำเป็นต้องใช้ CDN ดังนั้นไม่ต้องกังวลหากคุณมีพื้นที่ว่างในสถานะ.

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

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

ไปที่ผู้รับจดทะเบียนโดเมนของคุณและชี้โดเมนของคุณไปที่เนมเซิร์ฟเวอร์ของ Cloudflare สำหรับภาพหน้าจอด้านล่างเราใช้ InMotion (อ่านรีวิว InMotion Hosting ของเรา) แต่กระบวนการนี้ค่อนข้างเรียบง่ายไม่ว่าโดเมนของคุณจะอยู่ที่ใด.

ตอนนี้โดเมนของคุณชี้ไปที่ Cloudflare แล้วคุณจะต้องชี้ Cloudflare ไปยังโฮสต์เว็บของคุณ เข้าสู่ Cloudflare และคลิกที่แท็บ “DNS” ในแดชบอร์ดของคุณ บันทึก A ของคุณซึ่งเป็นโดเมนของคุณควรชี้ไปยังที่อยู่ IP ของเซิร์ฟเวอร์โฮสต์เว็บของคุณ คุณสามารถค้นหาสิ่งนี้ได้ใน cPanel (อ่านเว็บโฮสติ้งที่ดีที่สุดของเรากับ cPanel) แต่เพียงยื่นมือเข้ามาช่วยเหลือหากเว็บโฮสต์ของคุณไม่รองรับอินเทอร์เฟซนี้.

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

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

การโหลดภาพแบบก้าวหน้า

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

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

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

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

  • A3 Lazy Load
  • BJ Lazy Load
  • Infinite Scroll – Ajax โหลดเพิ่มเติม

การปรับให้เหมาะสมสามารถทำได้ก่อนที่จะอัปโหลดเช่นกัน ดังที่กล่าวไว้ในคำแนะนำก่อนหน้าของเราเราแนะนำไฟล์. png สำหรับกราฟิกหรือภาพหน้าจอใด ๆ เนื่องจากรูปแบบไม่แตกง่ายเหมือนการบีบอัด ในทางกลับกันภาพถ่ายมีความเหมาะสมมากกว่าเช่น. jpgs.

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

Progressive .jpgs มีขนาดใหญ่กว่าเล็กน้อย แต่ใช้วิธีการโหลดที่แตกต่างกัน แทนที่จะพยายามโหลดภาพทั้งหมดทีละบรรทัด, .jpg แบบโปรเกรสซีฟจะโหลดชุดของเส้นในช่วงเวลาที่นานขึ้นทำให้รับรู้ภาพในหน้าของคุณ แต่ให้เวลามากขึ้นในการโหลด เหมือนกับการโหลดวิดีโอ YouTube ใน SD สักสองสามวินาทีก่อนที่มันจะข้ามไปเป็น HD โดยอัตโนมัติ (แม้ว่าเทคโนโลยีจะแตกต่างกัน).

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

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

ดูที่การแคช WordPress

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

เริ่มต้นด้วยการทำความเข้าใจว่ามันคืออะไร เมื่อมีคนพิมพ์ URL ของคุณและกด“ Enter” ไฟล์จำนวนมากจะเริ่มถ่ายโอนจากเซิร์ฟเวอร์ไปยังเครื่องปลายทาง โดยพื้นฐานแล้วมีคนเยี่ยมชมเว็บไซต์ของคุณ WordPress ค้นหาไฟล์ทั้งหมดในฐานข้อมูลของคุณและเว็บเซิร์ฟเวอร์รวบรวมข้อมูลลงในหน้า HTML เพื่อส่งมอบให้กับผู้ใช้.

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

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

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

อาณาจักรของคุณอยู่ฝั่งเซิร์ฟเวอร์ มีโปรโตคอลการแคชต่าง ๆ ที่รวมพื้นที่ทั้งหมดของ WordPress แคช นี่คือคำอธิบายสั้น ๆ ของแต่ละคน:

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

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

ทีนี้การแคชดูเหมือนความฝันในทางทฤษฎี แต่อาจเป็นความเจ็บปวดเล็กน้อยในทางปฏิบัติ เว็บไซต์สมัยใหม่มีคุณสมบัติแบบไดนามิกมากมายที่อัพเดตแม้คุณจะไม่เปลี่ยนสิ่งใดก็ตาม ตัวอย่างเช่นฟีด Instagram ของคุณจะอัปเดตอยู่เสมอแม้ว่าคุณจะไม่ได้ทำการเปลี่ยนแปลงไซต์ของคุณ.

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

องค์ประกอบเช่นนี้จะพังก็ต่อเมื่อพวกเขาใช้ PHP เพื่อดำเนินการตั้งแต่ Opcode caching เก็บเอาท์พุท ทางออกที่ดีที่สุดคือการพึ่งพาปลั๊กอินหรือวิดเจ็ตที่ใช้ JavaScript หรือ AJAX เพื่อสร้างผลลัพธ์เนื่องจากทำงานบนฝั่งของเบราว์เซอร์ แม้ว่าจะมีการแคชหน้าเว็บเบราว์เซอร์จะสร้างคุณลักษณะแบบไดนามิก.

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

เราให้คำแนะนำในคู่มือก่อนหน้าของเราสำหรับปลั๊กอินการแคช สำหรับการอ้างอิงอย่างรวดเร็วต่อไปนี้เป็นรายการโปรดสามรายการของเรา:

  • WP Super Cache
  • W3 Total Cache
  • การเพิ่มประสิทธิภาพความเร็วหน้า Hummingbird

ตัวเลือกการออกแบบขั้นสูง

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

ก่อนที่จะทำการพัฒนาปลั๊กอินของคุณเองเราต้องการนิยามคำศัพท์เล็กน้อย หากคุณคุ้นเคยกับ HTML, CSS, Javascript และ PHP อย่าลังเลที่จะข้ามไปข้างหน้า สำหรับมือใหม่เราจะแยกความแตกต่างระหว่างทั้งสี่ออก แต่ให้แน่ใจว่าคุณเรียนรู้ภาษาหากคุณสนใจปลั๊กอินหรือการพัฒนาธีม.

HTML

HTML หรือ HyperText Markup Language จัดการเนื้อหาทั้งหมดของเว็บไซต์ของคุณ ภาษานี้เป็นรากฐานที่สำคัญของเว็บไซต์ของคุณ เว็บเบราว์เซอร์ดึงไฟล์ HTML เมื่อเว็บไซต์ของคุณเข้าถึงและแปลสคริปต์เป็นเนื้อหาของคุณ.

วิธีที่ดีในการทำความเข้าใจพื้นฐาน HTML คือการเปลี่ยนไปใช้โปรแกรมแก้ไขข้อความใน WordPress ที่นี่คุณจะเห็นฟังก์ชั่นพื้นฐานเช่นการฝังวิดีโอเพิ่มการแก้ไขข้อความและเพิ่มรูปภาพ.

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

CSS

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

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

ต่อเนื่องกับการเปรียบเทียบอาคารของเรา CSS จะเป็นงานทาสีและภาพลักษณ์โดยรวมของอาคารรวมทั้งห้องที่อยู่ภายใน HTML จัดการเนื้อหา CSS จัดการสไตล์.

JavaScript

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

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

เท่าที่อาคารของเราดำเนินไป JavaScript ถูกเปรียบเทียบได้ง่ายที่สุดกับประตูลิฟท์และอื่น ๆ มันเปลี่ยนพื้นคอนกรีตที่เลื่องลือให้กลายเป็นสิ่งที่ใช้งานได้.

PHP

PHP หรือ Hypertext Preprocessor เป็นภาษาสคริปต์ฝั่งเซิร์ฟเวอร์ที่ใช้ในการพัฒนาเว็บไซต์ส่วนหลังด้วย MySQL มันถูกใช้เพื่อจัดการหน้าเว็บที่สร้างด้วย HTML ทุกเว็บไซต์จะมีภาษาสคริปต์ฝั่งเซิร์ฟเวอร์หนึ่งภาษาเพื่อใช้งานสคริปต์ HTML.

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

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

เขียนปลั๊กอินของคุณเอง

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

มาเริ่มกันเลยว่าปลั๊กอินคืออะไรจริง ๆ โดยพื้นฐานแล้วมันเป็นเพียงสคริปต์ PHP ที่แก้ไขบางอย่างบนเว็บไซต์ของคุณ ธีมปรับเปลี่ยนรูปลักษณ์ของเว็บไซต์ของคุณและปลั๊กอินปรับเปลี่ยนการทำงานของมัน.

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

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

การสร้างปลั๊กอินนั้นง่ายมากด้วย WordPress เข้าถึงเว็บไซต์ของคุณผ่านทาง FTP และกำหนดเส้นทาง“ public_html > wp-content > ปลั๊กอิน.” สร้างไดเรกทอรีใหม่และตั้งชื่อสิ่งที่คุณต้องการ สำหรับบทช่วยสอนนี้เราจะเรียกมันว่า “myplugin”

เปิด NotePad หรือตัวแก้ไขสคริปต์ใด ๆ และป้อนข้อมูลต่อไปนี้:

<?PHP

  / *

  ชื่อปลั๊กอิน: ปลั๊กอินของฉัน

  ปลั๊กอิน URI: http://my-fake-plugin.com

  คำอธิบาย: >-

 ฉันสามารถเพิ่มปลั๊กอินไปยัง WordPress

  เวอร์ชัน: 1.0

  ผู้แต่ง: Plugin Developer

  ผู้เขียน URI: http://plugin-developer.com

  ใบอนุญาต: GPL2

  * /

?>

วางไฟล์นั้นในโฟลเดอร์ที่คุณเพิ่งสร้างขึ้นและตั้งชื่อว่า“ myplugin.php” จากตัวเลือกทั้งหมดที่นี่จำเป็นต้องใช้ชื่อปลั๊กอินเท่านั้น แต่ควรเพิ่มรายละเอียดให้มากที่สุดหากคุณต้องการแจกจ่ายปลั๊กอินออนไลน์.

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

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

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

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

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

เขียนธีมของคุณเอง

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

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

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

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

ทุกเฟรมเวิร์กต่างกันเหมือนกับทุกธีม บางอย่างมาพร้อมกับป้ายราคาและบางอย่างมาพร้อมกับคุณสมบัติที่แตกต่างจากคนอื่น อย่าลืมมองไปรอบ ๆ เพื่อหาสิ่งที่ดีที่สุดสำหรับความต้องการของคุณ นี่คือสามรายการโปรดของเรา:

  • แหล่งกำเนิด
  • โครงสำหรับตั้งสิ่งของ
  • Hybrid Core

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

  • index.php: แก่นแท้ของธีมของคุณ นี่เป็นพื้นที่หลักที่จะระบุตำแหน่งของตัวเลือกชุดรูปแบบทั้งหมดของคุณ ชื่อถูกต้องมันเป็นดัชนีสำหรับธีมของคุณ
  • style.css: นี่เป็นภาพรวมของไซต์ของคุณ ที่นี่คุณจะกำหนดสีแบบอักษรระยะห่าง ฯลฯ ของเนื้อหาหลัก
  • header.php: สคริปต์เพื่อสร้างข้อมูลส่วนหัวทั้งหมดรวมถึงโลโก้เมนูหลักและอื่น ๆ
  • sidebar.php: ข้อมูลทั้งหมดเกี่ยวกับการทำงานของแถบด้านข้างในธีมของคุณ ดูคู่มือผู้เริ่มต้นใช้งานของเรา (ลิงก์ด้านบน) เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับแถบด้านข้าง
  • footer.php: ในฐานะที่อธิบายได้ด้วยตนเองเหมือนสามข้อสุดท้ายนี่จะจัดการส่วนท้ายของเว็บไซต์ของคุณ

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

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

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

เคล็ดลับ WordPress ทั่วไป

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

ง่าย ๆ เข้าไว้

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

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

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

อัพเดทบ่อยครั้ง

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

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

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

สำรองข้อมูลอย่างต่อเนื่อง

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

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

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

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

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

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

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

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