วิธีสร้างไซต์คงที่จาก WordPress โดยใช้ Staatic – ตัวสร้างไซต์แบบคงที่

เผยแพร่แล้ว: 2022-07-04

เมื่อสองสามปีที่แล้ว WPLift ได้ตีพิมพ์บทความเรื่อง “How to Use a WordPress Static Site Generator to Make WordPress Static” บทความนั้นใช้ปลั๊กอิน WP2Static เป็นตัวอย่าง

WP2Static ถูกครอบครองโดย Strattic ตั้งแต่นั้นมา ไม่มีในไดเร็กทอรีปลั๊กอินของ WordPress อีกต่อไป แม้ว่าคุณจะยังคงสามารถเข้าถึงได้ผ่านทางเว็บไซต์ปลั๊กอินก็ตาม

อย่างไรก็ตาม ในขณะที่ Strattic ประกาศว่าจะยังคงรักษาและสนับสนุน WP2Static ต่อไป พวกเขาเป็นบริษัทโฮสติ้ง WordPress แบบคงที่ที่แข่งขันกันและเชิงพาณิชย์ ดังนั้น อนาคตของปลั๊กอินจึงดูค่อนข้างจับจด

โชคดีที่ตอนนี้มีทางเลือกที่ดี - Staatic - และฉันจะมุ่งเน้นไปที่สิ่งนั้นในวันนี้ งั้นก็โดดเข้าไปเลย

ไซต์คงที่คืออะไร?

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

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

ไซต์แบบคงที่เหมาะสำหรับสิ่งต่างๆ เช่น:

  • พอร์ตการลงทุนพื้นฐาน
  • เรซูเม่ออนไลน์
  • เว็บไซต์ประเภทโบรชัวร์ที่ใช้โดยเว็บไซต์จัดงานแต่งงาน ธุรกิจขนาดเล็ก เช่น ที่ปรึกษา ฯลฯ
  • บล็อกพื้นฐาน

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

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

คุณสมบัติที่สำคัญของ Staatic

หน้าแรกของเว็บไซต์ Staatic

จากบทความ WPLift ดั้งเดิมที่ฉันกล่าวถึงข้างต้นโดยเน้นที่ WP2Static เวอร์ชันฟรี ฉันคิดว่ามันยุติธรรมเท่านั้นที่ฉันใช้ Staatic เวอร์ชันเทียบเท่าสำหรับบทความนี้

บทความต่อไปด้านล่าง

ในรูปลักษณ์ฟรี Staatic ให้คุณสมบัติหลักดังต่อไปนี้:

  • โปรแกรมรวบรวมข้อมูลที่มีประสิทธิภาพที่ช่วยให้สามารถเปลี่ยนไซต์ WordPress แบบไดนามิกของคุณให้เป็นแบบคงที่ได้อย่างรวดเร็ว
  • วิธีการปรับใช้หลายวิธี – ตัวอย่างเช่น Netlify, Amazon Web Services S3, CloudFront, เซิร์ฟเวอร์ภายใน (โฮสติ้งเฉพาะหรือที่ใช้ร่วมกัน) เป็นต้น
  • รองรับ URL เส้นทาง การเปลี่ยนเส้นทาง และกฎการยกเว้นเพิ่มเติม
  • การเปลี่ยนเส้นทาง HTTP หน้า "ไม่พบ 404" ที่กำหนดเอง และส่วนหัว HTTP อื่นๆ
  • เผยแพร่จากบรรทัดคำสั่งโดยใช้คำสั่ง CLI
  • เข้ากันได้กับ WordPress MultiSite และการรับรองความถูกต้องพื้นฐานของ HTTP ที่ป้องกันการติดตั้ง WordPress

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

การติดตั้งและตั้งค่า Staatic

ประการแรก เราขอแนะนำให้คุณอ่านเอกสารประกอบของปลั๊กอิน ซึ่งจะให้คำแนะนำทีละขั้นตอนเกี่ยวกับสิ่งที่คุณต้องทำถัดจากการติดตั้ง กำหนดค่า และใช้ Staatic

อย่างไรก็ตาม พูดง่ายๆ กระบวนการมีดังนี้:

1. ตรวจสอบข้อกำหนดของระบบและเปิดใช้งานส่วนขยาย PHP

หากต้องการใช้ Staatic ไซต์ต้นทางของคุณต้องใช้งาน WordPress 5.0 ขึ้นไป นอกจากนี้ เวอร์ชัน PHP ต้องมีอย่างน้อย 7.0 แม้ว่า 7.4 จะดีกว่าเนื่องจากมีคุณลักษณะด้านความปลอดภัยที่มากขึ้น

คุณจะต้องตรวจสอบส่วนขยาย PHP สี่รายการ (Mbstring, Json, XML และ Zip) ที่เปิดใช้งาน วิธีที่คุณทำนั้นขึ้นอยู่กับเครื่องมือของผู้ดูแลระบบที่บริษัทให้บริการโฮสต์ไซต์ของคุณมีให้ ตัวอย่างเช่น หากผู้ให้บริการโฮสติ้งของคุณใช้ cPanel คุณสามารถเข้าถึงส่วนขยาย PHP ได้โดยคลิกที่ 'เลือกเวอร์ชัน PHP' ใต้ 'ซอฟต์แวร์'

ตำแหน่งสำหรับตัวเลือก 'เลือกเวอร์ชัน PHP" ใน GreenGeeks cPanel

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

ส่วนขยาย PHP ใน GreenGeek cPanel

2. สร้างโดเมน (ย่อย) และฐานข้อมูลใหม่

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

เช่นเดียวกับส่วนขยาย PHP วิธีที่คุณดำเนินการนั้นขึ้นอยู่กับเครื่องมือการดูแลระบบที่คุณมี ในกรณีของ cPanel คุณสร้างโดเมนใหม่ (หรือโดเมนย่อย) โดยใช้ตัวเลือก 'โดเมน' และฐานข้อมูลที่เกี่ยวข้องโดยใช้ 'ตัวช่วยสร้างฐานข้อมูล MySQL'

ตำแหน่งของตัวเลือกโดเมนย่อยใน GreenGeeks cPanel
ตำแหน่งของตัวช่วยสร้างฐานข้อมูล MySQL ใน GreenGeeks cPanel

3. โคลนไซต์ WordPress ของคุณ

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

บทความต่อไปด้านล่าง

โฮสติ้งไซต์กราวด์

4. จำกัดการเข้าถึง WordPress

เอกสารแนะนำการจำกัดการเข้าถึงเวอร์ชัน WordPress ของไซต์ของคุณและแนะนำให้ใช้การรับรองความถูกต้องพื้นฐานของ HTTP เพื่อทำเช่นนั้น

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

5. ตัดสินใจเกี่ยวกับกลยุทธ์การปรับใช้ไซต์แบบคงที่ของคุณ

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

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

6. ติดตั้งและเปิดใช้งานปลั๊กอินแบบคงที่

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

ตำแหน่งของรายการคงที่ในเมนูแผงผู้ดูแลระบบ WordPress

7. กำหนดการตั้งค่า 'สร้าง' ของปลั๊กอิน

พอร์ตการโทรแรกคือแท็บ 'สร้าง' ของเมนูแบ็กเอนด์แบบคงที่

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

คำอธิบายสั้น ๆ ของแต่ละตัวเลือกมีอยู่ในแต่ละฟิลด์ในแท็บ บิลด์ ในขณะที่คำอธิบายโดยละเอียดมีอยู่ในส่วน 'การตั้งค่าบิลด์' ของเอกสารประกอบ

เมนูการตั้งค่า Static Build

8. กำหนดการตั้งค่า 'การปรับใช้'

ถัดไป คุณต้องกำหนดค่าตัวเลือกการปรับใช้ต่างๆ ในแท็บ 'การปรับใช้'

กล่องดรอปดาวน์มีตัวเลือกสำหรับตำแหน่งที่จะสร้างไซต์คงที่: ไดเรกทอรีในเครื่องของคุณ, Amazon Web Services, Netlifly หรือไฟล์ Zip

บทความต่อไปด้านล่าง

Woocommerce โฮสติ้ง

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

เมนูการตั้งค่าการปรับใช้แบบคงที่

9. กำหนดการตั้งค่า 'ขั้นสูง'

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

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

ก่อนที่จะดำเนินการใดๆ กับการตั้งค่าขั้นสูง เราขอแนะนำให้คุณอ่านส่วน 'การตั้งค่าขั้นสูง' ของเอกสารสำหรับผู้ใช้

เมนูการตั้งค่าขั้นสูงแบบคงที่

10. สร้างไซต์สแตติกใหม่ของคุณ

เมื่อคุณกำหนดค่าทั้งหมดในแท็บ Build, Deployment และ Advanced แล้ว สิ่งที่คุณต้องทำคือคลิก 'Static' ในแถบด้านบนสุดของแผงการดูแลระบบ WordPress และเลือก 'Publish' จากเมนูดรอปดาวน์:

ตำแหน่งของปุ่มเผยแพร่เว็บไซต์คงที่แบบคงที่ในแถบด้านบนของแผงผู้ดูแลระบบ WordPress ใน

หลังจากนั้นครู่หนึ่ง ไซต์สแตติกใหม่จะถูกสร้างขึ้น และสรุปสิ่งพิมพ์จะปรากฏขึ้น:

สรุปสิ่งพิมพ์คงที่ที่แสดงในแผงผู้ดูแลระบบ WordPress หลังจากเผยแพร่ไซต์คงที่

และนี่คือไซต์คงที่ตามที่เผยแพร่:

ตัวอย่างไซต์สแตติกที่เผยแพร่ด้วย Staatic

แผนพรีเมี่ยมคงที่

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

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

ปัจจุบัน แผนบริการตนเองมีค่าใช้จ่าย €9 ต่อเดือนสำหรับแพ็คเกจ Starter ซึ่งครอบคลุมหนึ่งเว็บไซต์ และ €29 ต่อเดือนสำหรับแพ็คเกจ Business ซึ่งครอบคลุมถึงสามไซต์และรวมถึงสมาชิกในทีมหลายคน การสนับสนุนตามลำดับความสำคัญ และ 99.95% ข้อตกลงระดับการให้บริการที่รับประกันความพร้อม (SLA)

แผนบริการที่โฮสต์บนคลาวด์มีค่าใช้จ่าย 19 ยูโรต่อเดือนสำหรับผู้เริ่มต้นและ 69 ยูโรสำหรับธุรกิจ

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

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

รับสแตติกพรีเมียม รับสแตติกฟรี

ข้อดีและข้อเสียคงที่

เช่นเดียวกับปลั๊กอินและซอฟต์แวร์ทั้งหมด Staatic มีทั้งข้อดีและข้อเสีย:

ข้อดี

  • รุ่นฟรีมีคุณสมบัติเพียงพอสำหรับแอปพลิเคชั่นมากมาย
  • แผนพรีเมียมนั้นคุ้มค่าและมีคุณสมบัติพิเศษที่มีประโยชน์มากมาย
  • เมื่อกำหนดค่าแล้ว คุณสามารถสร้างไซต์คงที่ได้อย่างรวดเร็วด้วยการคลิกเพียงครั้งเดียว
  • เอกสารที่ครอบคลุม

ข้อเสีย

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

คำตัดสินสุดท้าย

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

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