วิธีการแปลงเว็บไซต์ HTML เป็นธีม WordPress?

เผยแพร่แล้ว: 2021-08-11

แปลง HTML เป็น WordPress

ขั้นตอนในการแปลง HTML เป็น WordPress

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

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

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

เมื่อหลายปีก่อน นักออกแบบเว็บไซต์เคยสร้างเว็บไซต์ HTML แบบคงที่ แต่เนื่องจากการพัฒนาอย่างรวดเร็วของเทคโนโลยีเว็บ เว็บไซต์ดังกล่าวจึงล้าสมัยไปแล้ว

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

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

ช่วยให้การเปลี่ยนทรัพยากรบนเว็บของคุณเป็นไปอย่างราบรื่นจาก HTML เป็น WordPress CMS

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

3 วิธีในการย้ายจาก HTML แบบคงที่ไปยัง WordPress

ในการย้ายจาก HTML เป็น WordPress คุณต้องเปลี่ยนธีม HTML เป็น WordPress

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

1. การสนทนาด้วยตนเองของ “HTML to WordPress Theme”

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

มันไม่ซับซ้อนเกินไป โดยเฉพาะถ้าคุณมีประสบการณ์ในการเขียนโค้ด คุณสามารถดึงมันออกด้วย HTML, CSS และความรู้ PHP บางส่วน ส่วนใหญ่เป็นการคัดลอกและวาง

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

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

2. HTML เป็น WordPress ผ่าน Child Theme

ในความคิดของฉัน นี่อาจเป็นหนทางที่ง่ายและสมเหตุสมผลที่สุดในแง่ของความพยายามและการลงทุนทางการเงิน

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

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

3. นำเข้าเนื้อหาทั้งหมดจาก HTML ไปยัง WordPress

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

วิธีแปลง HTML เป็นธีม WordPress ด้วยตนเอง

1) สร้างโฟลเดอร์ธีมและไฟล์พื้นฐาน

ทำรายการสิ่งที่คุณต้องมีก่อนจัดการโค้ด HTML ตามความสะดวกของคุณ สิ่งเหล่านี้คือ:

โฟลเดอร์ธีมบนเดสก์ท็อป คุณสามารถตั้งชื่ออะไรก็ได้ที่คุณต้องการ
 มีไฟล์ที่จำเป็นในรูปแบบเดียวกัน แต่อย่าใช้อารมณ์กับเนื้อหา ปล่อยให้ว่างเปล่าในตอนนี้
o sidebar.php
o footer.php
o Index.php
o Style.php
o header.php

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

2) คัดลอกไฟล์ CSS, Javascript และรูปภาพที่มีอยู่ทั้งหมดไปยังโฟลเดอร์ใหม่

เมื่อคุณสร้างโฟลเดอร์ธีมบนเดสก์ท็อปพร้อมกับไฟล์ .php แล้ว ตอนนี้หน้าที่ของคุณคือการคัดลอกและวางไฟล์ทั้งหมดที่เกี่ยวข้องกับ CSS, JavaScript และ/หรือรูปภาพที่จำเป็น ซึ่งคุณต้องการแสดงบนธีมของเว็บไซต์ WordPress ของคุณ .

CSS รูปภาพ JS โอน

นอกจากนี้ คุณยังสามารถคัดลอกโค้ด CSS ลงในชี ต Style.php ได้อีกด้วย แต่ครั้งหนึ่ง คุณต้องคัดลอกรหัสเหล่านี้ที่กล่าวถึงในสแน็ปด้านล่างไปยัง Style.php จากนั้นคุณสามารถคัดลอกและวางโค้ดที่เหลือจากไฟล์ Style.css

style-css

3) ตอนนี้แบ่งโค้ด HTML เพิ่มเติมสำหรับไฟล์ PHP อื่น ๆ

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

โค้ด HTML เป็น PHP

คัดลอก HTML จากไฟล์ index.html หลัก และวางลงใน ไฟล์ header.php ซึ่งอยู่บนเดสก์ท็อปพร้อมกับไฟล์อื่นๆ ที่คล้ายคลึงกัน

แปลง HTML เป็น WordPress

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

เพื่อความเข้าใจที่ดีขึ้น ให้ตรวจสอบภาพด้านล่างและคัดลอกและวางทุกอย่างลงในแผ่นงาน header.php

HTML เป็น WordPress

ในทำนองเดียวกัน ให้คัดลอกส่วนท้ายและส่วนหลักของเนื้อหาสำหรับหน้าเว็บไซต์ของคุณจากไฟล์ index.html วางลงใน footer.php และ index.php ในภายหลัง

ตรวจสอบภาพหน้าจอสำหรับการคัดลอกและวางเนื้อหาส่วนท้ายจากไฟล์เอกสาร HTML

เอกสาร HTML

ในทำนองเดียวกัน สำหรับการคัดลอกเนื้อหาของเนื้อหา HTML ไปยังไฟล์ index.php ให้เริ่มขั้นตอนการคัดลอกจาก จนจบ