ฉันจะแปลงธีม Wordpress ได้อย่างไร


11

ฉัน googled แต่ฉันไม่พบโซลูชันอัตโนมัติใด ๆ ดังนั้นฉันเริ่มด้วยตนเอง การแมปไฟล์ CSS นั้นง่าย แต่ฉันกำลังมองหาวิธีแมปบล็อก / เทมเพลต กรุณาช่วย.

คำตอบ:


16

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

  1. โหลดชุดรูปแบบใน Wordpress จากนั้นดูไซต์ในเบราว์เซอร์ (จุดประสงค์ของสิ่งนี้คือการแยกโครงสร้าง HTML พื้นฐานของแม่แบบ)
  2. ดูที่มาบนหน้าคัดลอก HTML ทั้งหมดและวางลงในโปรแกรมแก้ไขข้อความ บันทึกลงในโฟลเดอร์โครงการใหม่
  3. คัดลอกไฟล์ CSS และ JS ไปยังโฟลเดอร์โครงการใหม่นี้ ฉันแนะนำให้ใช้โฟลเดอร์ "css" และโฟลเดอร์ "js" สำหรับองค์กร
  4. คัดลอกรูปภาพทั้งหมดไปยังโฟลเดอร์โครงการนี้ ฉันแนะนำให้ใช้โฟลเดอร์ "images"
  5. ตอนนี้คุณมีเทมเพลตพื้นฐานที่คุณต้องการเปลี่ยนเป็นธีมสำหรับ Drupal ถึงเวลาที่จะยุ่ง!
  6. ฉันแนะนำให้คัดลอกชุดรูปแบบ "การ์แลนด์" ไปยังโฟลเดอร์โครงการใหม่และเปลี่ยนชื่อเป็นชื่อธีมใหม่ของคุณ สิ่งนี้จะเร่งความเร็วให้เร็วขึ้น
  7. คัดลอกโฟลเดอร์ css, js และ images ไปยังโปรเจ็กต์ธีมใหม่
  8. แก้ไขไฟล์. info เพื่อโหลดไฟล์ css และ js
  9. แก้ไขไฟล์ css และ js เพื่อโหลดอิมเมจและพา ธ ไฟล์อื่น ๆ ที่สัมพันธ์กับพวกเขา
  10. การใช้การเปรียบเทียบแบบเคียงข้างกันระหว่าง page.tpl.php และไฟล์ html เทมเพลตของคุณคุณจะต้องเปลี่ยนโครงสร้างของไฟล์ tpl ให้ใกล้เคียงกับไฟล์ html ระวังอย่าลบการอ้างอิงแบบไดนามิก
  11. ทดสอบแก้ไขปัญหาตามต้องการ

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

  • กรอบเซน
  • NineSixty (960 Grid System แนวคิดที่ยืดหยุ่นมากฉันไม่เคยใช้มาก่อน)
  • Fluid Grid (อีกแนวคิดที่ยอดเยี่ยมฉันได้เห็นสิ่งนี้ในการกระทำและมันค่อนข้างดี)

สุดท้ายนี่คือการเชื่อมโยงไปยังคู่มือชุดรูปแบบของ Drupal


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

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

1
เซนมีค่าโสหุ้ยมากมายและอาจทำให้เกิดความสับสนมากขึ้นเมื่อเทียบกับธีมน้ำหนักเบาบางอย่าง บวกกับความพิเศษมากมายที่มีใน D6 มีให้ในบางรูปแบบในแกนกลางใน D7
Patrick

คุณสามารถใช้ wget wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --no-parent -e robots=off --domains domain.com http://domain.com/pathที่จะได้รับเว็บไซต์: จากนั้นทำตามคำแนะนำในคำตอบนี้
frazras

4

ฉันเห็นด้วยกับคำตอบของ pthurmond แต่ฉันขอแนะนำไม่ให้คัดลอกทั้ง HTML และ CSS แต่ทำทีละขั้นตอน คัดลอก HTML ก่อนพูดเมนู; จากนั้นคัดลอก CSS สำหรับมัน ใช้ Firebug สำหรับกระบวนการ วิธีนี้คุณจะจบลงด้วยสิ่งที่จำเป็นจริงๆเท่านั้น ฉันยังแนะนำเส้นกริดระบบ 960.gs เนื่องจากมีความยืดหยุ่นสูงและคุณจะไม่มีปัญหาการจัดวาง


1

ฉันก็กำลังมองหาวิธีในการแปลงธีม WordPress เป็น Drupal แต่ก็ไม่พบทางออกที่ง่ายเลย

เนื่องจากเว็บไซต์ Drupal ของฉันส่วนใหญ่เป็นเนื้อหาข้อความฉันจึงตัดสินใจสร้าง iframe ภายในไซต์ WP ของฉันที่มีเว็บไซต์ Drupal

ดูเหมือนว่ามันจะออกกำลังกาย ฉันได้ลบส่วนหัวและส่วนท้ายออกจากไฟล์เทมเพลต Drupal และตอนนี้ที่ฉันมีคือร่างกายในเว็บไซต์ WP ของฉัน

ฉันจะต้องปรับ CSS บนเว็บไซต์ Drupal เล็กน้อย แต่ฉันรอคอยการออกแบบไฮบริดนี้จริงๆ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.