วิธีอัปโหลดไฟล์ HTML ไปยัง WordPress ด้วย 3 วิธีง่ายๆ

เผยแพร่แล้ว: 2022-09-14

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

บทนำ

HTML ย่อมาจาก Hypertext Markup Language ซึ่งใช้ในการสร้างและปรับโครงสร้างองค์ประกอบที่มีอยู่ในเว็บไซต์

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

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

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

เหตุผลที่คุณต้องอัปโหลดไฟล์ HTML ไปยัง WordPress

โดยปกติ คุณต้องอัปโหลดไฟล์ HTML ไปยัง WordPress เนื่องจากสาเหตุดังต่อไปนี้:

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

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

ตอนนี้คุณกำลังรออะไรอยู่? เริ่มตรวจสอบ 3 วิธีในการอัปโหลดไฟล์ HTML ไปยัง WordPress ด้านล่าง!

วิธีการอัปโหลดไฟล์ HTML ไปยัง WordPress

โซลูชันที่ 1: อัปโหลดไฟล์ HTML ไปยัง WordPress ผ่าน WordPress Dashboard

หากคุณต้องการอัปโหลดไฟล์ HTML ไปยัง WordPress ด้วย Gutenberg Block Editor คุณจำเป็นต้องปรับเปลี่ยนไฟล์ wp-config.php เล็กน้อย หมายความว่าคุณต้องอนุญาตให้ไลบรารีสื่อ WordPress ยอมรับไฟล์ HTML ที่คุณอัปโหลด

เนื่องจาก WordPress ไม่ยอมรับการอัปโหลดไฟล์ HTML, ไฟล์ .php หรือไฟล์ .js โดยค่าเริ่มต้น คุณต้องเพิ่มโค้ดต่อไปนี้ในไฟล์ wp-config.php:

define('ALLOW_UNFILTERED_UPLOADS', true);

ในการทำเช่นนั้น เพียง เข้าถึง cPanel หรือไคลเอนต์ FTP จากนั้นเชื่อมต่อกับ ไดเรกทอรี public_html หลังจากนั้นให้ค้นหา wp-config.php -> Edit -> วางโค้ดด้านบนที่ท้ายไฟล์ -> Save

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

ในกรณีที่คุณต้องการอัปโหลดไฟล์ HTML ไปยังบทความ/หน้าของคุณด้วยตัวแก้ไขแบบคลาสสิก ให้ทำตามขั้นตอนด้านล่าง:

  • ในโพสต์/หน้า ให้กดปุ่ม เพิ่มสื่อ -> คลิกที่ปุ่ม อัป โหลดเพื่ออัปโหลดไฟล์ HTML ที่คุณต้องการ
  • เลือกไฟล์ HTML ที่คุณได้อัปโหลดแล้ว -> กด แทรก ในโพสต์ ขั้นตอนนี้จะช่วยคุณเพิ่มลิงก์ของไฟล์ HTML ไปที่โพสต์/หน้าและจะบันทึกลงใน Media Library โดยอัตโนมัติ

อัปโหลดไฟล์ Html ไปยัง Wordpress 1

โซลูชันที่ 2: ใช้ไคลเอ็นต์ FTP เพื่ออัปโหลดไฟล์ HTML

ในกรณีที่คุณเพียงแค่ต้องอัปโหลดไฟล์ HTML ไปยัง WordPress ด้วยตนเอง คุณสามารถทำได้ง่ายๆ ผ่าน FTP Client ตอนนี้ เราจะแสดงวิธีใช้ FTP Client (FileZilla) เพื่ออัปโหลดไฟล์ HTML

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

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

อัปโหลดไฟล์ Html ไปยัง Wordpress 2

โซลูชันที่ 3: เข้าถึง cPanel เพื่ออัปโหลดไฟล์ HTML

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

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

อัปโหลดไฟล์ Html ไปยัง Wordpress 3

  • ดับเบิลคลิกที่โฟลเดอร์ใหม่ที่ คุณสร้างไว้ก่อนหน้านี้ -> กดปุ่ม อัปโหลด แล้ว เลือกไฟล์ HTML ที่คุณต้องการอัปโหลด

อัปโหลดไฟล์ Html ไปยัง Wordpress 4

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

อัปโหลดไฟล์ Html ไปยัง Wordpress 5

ตรวจสอบผลลัพธ์หลังจากอัปโหลดไฟล์ HTML ไปยัง WordPress

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

  • หากคุณใช้วิธีแรก คุณเพียงแค่ต้องเปิดไฟล์ใน Gutenberg Editor หรือ Media Library หลังจากนั้น ให้คัดลอก URL ของไฟล์แล้ววางลงในเบราว์เซอร์ของคุณ ดังนั้น ไฟล์จะโหลดให้คุณตรวจสอบ
  • ในกรณีที่คุณใช้ไคลเอนต์ FTP หรือ CPanel คุณควรป้อน URL ลงในเบราว์เซอร์ด้วยตนเอง อย่างไรก็ตาม ตรวจสอบให้แน่ใจว่าไดเร็กทอรีย่อยจะถูกรวมไว้ในไดเร็กทอรีย่อยที่คุณได้อัปโหลดไฟล์เข้าไปแล้ว ตัวอย่างเช่น: https://yoursitename/theHTMLfile.html หรือ https://yoursitename/theHTMLfile.html/wp-content/uploads/theHTMLfile.html

ตอนจบ

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

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