สุดยอดคู่มือของคุณเกี่ยวกับวิธีการแก้ไข WordPress – HTML, CSS, PHP, JavaScript

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

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

บทความนี้นำเสนอคำตอบสำหรับคำถาม เช่น วิธีแก้ไขซอร์สโค้ดในเว็บไซต์ WordPress และวิธีแก้ไข HTML ใน WordPress ก่อนดำเนินการต่อ เรามาทำความเข้าใจข้อเท็จจริงกันว่าทำไมการแก้ไข WordPress HTML และซอร์สโค้ดจึงมีความสำคัญ

ที่เกี่ยวข้อง: วิธีเพิ่มสคริปต์ jQuery ไปยัง WordPress ได้อย่างง่ายดาย

การแก้ไข WordPress – ทำไม

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

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

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

ตอนนี้ มาดูวิธีการแก้ไขเว็บไซต์ WordPress กันโดยไม่ชักช้า อันดับแรก เราจะมาดูรายละเอียดเกี่ยวกับการแก้ไข HTML ในเว็บไซต์ WordPress

ขั้นตอนในการแก้ไขซอร์สโค้ดในเว็บไซต์ WordPress

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

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

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

การแก้ไขซอร์สโค้ดในเว็บไซต์ WordPress สามารถทำได้โดยการเข้าถึงไฟล์ในตัวแก้ไขธีมของเว็บไซต์ของคุณ อย่างไรก็ตาม มีสองวิธีที่คุณสามารถเข้าถึงไฟล์ได้ ขั้นแรก ใช้ WordPress Theme Editor หรือขั้นที่สอง โดยใช้ File Transfer Protocol (FTP)

การแก้ไขซอร์สโค้ด WordPress โดยใช้ WordPress Theme Editor

ตัวแก้ไขธีมในเว็บไซต์ WordPress ของคุณทำงานเป็นตัวแก้ไขเว็บไซต์ในตัวที่ให้คุณแก้ไขไฟล์ของธีมได้ ตัวแก้ไขอนุญาตให้เข้าถึง CSS, PHP, JavaScript และไฟล์อื่น ๆ ที่เกี่ยวข้องกับธีมทั้งหมด

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

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

วิธีเข้าถึงตัวแก้ไขธีม

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

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

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

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

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

หมายเหตุ: ในหลายกรณี มีสถานการณ์ที่คุณอาจไม่สามารถเข้าถึงตัวแก้ไขธีมได้ นี่คือสิ่งที่คุณต้องทำหากเกิดเหตุการณ์นี้ขึ้น

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

การแก้ไขไฟล์ WordPress JavaScript โดยใช้ Theme Editor

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

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

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

<script type=”text/javascript” src=”path-to-javascript-file.js”></script>

ไฟล์ JavaScript ถูกเพิ่มในไฟล์ซอร์สโค้ดโดยใช้แท็ก <script>

เคล็ดลับสำหรับมือโปร: อย่าลืมใส่แท็ก <script> ระหว่างแท็ก <head> และ </head> ในไฟล์ html ของคุณ มิฉะนั้น ไฟล์จะส่งผลให้เกิดข้อผิดพลาด

การแก้ไขเว็บไซต์ WordPress โดยใช้ JavaScript ด้วยตนเอง

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

เครื่องมือหรือฟังก์ชันของบุคคลที่สามหลายอย่างมักต้องการให้นักพัฒนาเว็บไซต์เพิ่มซอร์สโค้ด JS ในส่วนหัวและ/หรือส่วนท้ายของเว็บไซต์ WordPress เพื่อจุดประสงค์นี้ การเพิ่มโค้ดจะเหมือนกับที่กล่าวไว้ข้างต้นทุกประการ เรียกไฟล์ JS โดยใช้ <script> ระหว่างแท็ก <head>

โบนัส: หากคุณไม่พบแท็กเปิด <head> เพียงไปที่ Control + F แล้วพิมพ์ "head" ในแถบค้นหา

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

ฟังก์ชันเรียก Incorporate JS ในโพสต์/หน้าของ WordPress นั้นแตกต่างกันเล็กน้อยและต้องมีขั้นตอนหลายขั้นตอน ดังนั้น หากต้องการเรียกไฟล์ JavaScript ในหน้า/โพสต์ WordPress ของคุณผ่านฟิลด์ที่กำหนดเอง คุณสามารถทำตามขั้นตอนเหล่านี้

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

การแก้ไข WordPress โดยใช้ปลั๊กอิน

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

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

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

การแก้ไขซอร์สโค้ด CSS บนเว็บไซต์ WordPress

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

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

แก้ไข WordPress CSS โดยใช้ Theme Editor

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

แก้ไข WordPress CSS โดยใช้ WordPress Customizer

เหนือตัวเลือก Theme Editor ในวิดเจ็ต Appearance เล็กน้อย มีตัวเลือกอื่นที่ระบุว่า "customize" WordPress ช่วยให้คุณสามารถแก้ไขเว็บไซต์ WordPress ของคุณโดยใช้ WordPress Customizer ได้เช่นกัน

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

แก้ไข WordPress CSS โดยใช้ปลั๊กอิน

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

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

แก้ไขซอร์สโค้ดในเว็บไซต์ WordPress โดยใช้ FTP

ดังที่ได้กล่าวไว้ก่อนหน้านี้ การใช้ File Transfer Protocol (FTP) เป็นอีกวิธีหนึ่งในการแก้ไขเว็บไซต์ WordPress ของคุณนอกเหนือจาก Theme Editor วิธีนี้ใช้งานได้จริงโดยใช้ไคลเอนต์ FTP เช่น WinSCP เหตุผลหลักในการใช้เครื่องมือของบุคคลที่สามเหล่านี้คือการเปิดใช้งานการเข้าถึงเซิร์ฟเวอร์ของเว็บไซต์ WordPress และไฟล์ที่เก็บไว้ที่นั่น

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

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

ขั้นตอนที่ 1: เข้าสู่ระบบหรือสร้างบัญชี FTP ของคุณ

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

ในกรณีที่คุณไม่พบข้อมูลการเข้าสู่ระบบของคุณ คุณอาจสร้างชื่อผู้ใช้และรหัสผ่านใหม่ใน cPanel ของเว็บไซต์ของคุณ ในการเข้าถึง cPanel ของคุณ ให้คลิกที่ “บัญชี FTP” ในแท็บไฟล์

หลังจากคลิกที่ไอคอนนี้ ให้เลือก เพิ่มบัญชี FTP เพื่อเพิ่มชื่อผู้ใช้และรหัสผ่านใหม่

การสร้างข้อมูลรับรองการเข้าสู่ระบบใหม่ คุณจะต้องกรอกข้อมูลในช่องที่กล่าวถึงทั้งหมด

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

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

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

ขั้นตอนที่ 2: ดาวน์โหลดไคลเอนต์ FTP ของคุณ

เมื่อคุณลงชื่อเข้าใช้ FTP credentials หรือสร้างใหม่ ขั้นตอนต่อไปคือการดาวน์โหลดไคลเอนต์ FTP เช่น WinSCP

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

ขั้นตอนที่ 3: ลงชื่อเข้าใช้สภาพแวดล้อมการโฮสต์เว็บไซต์

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

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

เคล็ดลับสำหรับมือโปร: หากคุณใช้โปรโตคอล FTPS ให้เลือก FTP แล้วเลือกวิธีการเรียกใช้ FTPS วิธีใดวิธีหนึ่ง

ขั้นตอนที่ 4: แก้ไขไฟล์ซอร์สโค้ดของคุณ

หลังจากเข้าสู่ระบบ คุณจะสามารถเข้าถึงไฟล์ต้นฉบับของ WordPress และทำการแก้ไข HTML, CSS, PHP และ JS ได้ตามที่เห็นสมควร เพียงคลิกขวาที่ไฟล์ใดๆ แล้วเลือกดู/แก้ไข

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

ขอแสดงความยินดี คุณแก้ไขไฟล์ซอร์สโค้ดบนเว็บไซต์ WordPress ของคุณเสร็จแล้ว

พื้นฐานเกี่ยวกับวิธีการแก้ไข HTML ในเว็บไซต์ WordPress

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

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

แก้ไข HTML ผ่าน WordPress Classic Editor

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

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

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

วิธีแก้ไข HTML ใน WordPress โดยใช้ตัวแก้ไขบล็อก

การแก้ไข HTML ใน WordPress โดยใช้ Block Editor นั้นแตกต่างจากตัวแก้ไขแบบคลาสสิกเล็กน้อย ต้องใช้เวลาอีกสองสามขั้นตอนในการเปลี่ยนจากโปรแกรมแก้ไขภาพเป็นโปรแกรมแก้ไขข้อความ ใน Block Editor ของ WordPress การแก้ไข HTML ก่อนอื่นคุณต้องคลิกที่จุดแนวตั้งสามจุดที่มุมบนขวาของตัวแก้ไขของคุณ

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

จากรายการดรอปดาวน์ เลือก "แก้ไขเป็น HTML" เพื่อทำการเปลี่ยนแปลงที่เกี่ยวข้องกับบล็อกที่คุณระบุ

อีกวิธีหนึ่งที่คุณสามารถแก้ไข HTML ในเว็บไซต์ WordPress ของคุณคือการใช้บล็อก HTML ที่กำหนดเอง

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

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

คำค้นหาทั่วไปที่ผู้คนมักพบเจอคือการแก้ไข HTML บนหน้าแรกของ WordPress มาเรียนรู้วิธีทำกันเถอะ

การแก้ไข HTML สำหรับโฮมเพจของเว็บไซต์ WordPress ของคุณ

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

เพียงเลือกหน้าแรกจากแดชบอร์ดของเว็บไซต์ของคุณแล้วลงไปแก้ไข HTML ในเว็บไซต์ WordPress ของคุณ

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

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

วิธีแก้ไข HTML ในวิดเจ็ตเว็บไซต์ WordPress

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

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

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

โดยรวม

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

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

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

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

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

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