การปรับแต่งธีม WordPress โดยไม่เปลี่ยนมัน?


19

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

คำตอบ:


21

ในขณะที่คุณไม่สามารถแก้ไขได้โดยไม่เปลี่ยนชิ้นส่วนคุณสามารถแยกส่วนที่คุณเปลี่ยนได้โดยสร้างธีมลูก สรุป:

  1. สร้างไดเร็กทอรีธีมบนเพียร์ด้วยธีม "พาเรนต์" ของคุณ
  2. สร้างstyle.cssไฟล์ในไดเรกทอรีใหม่ของคุณที่มีการTemplate:ประกาศในความคิดเห็นการตั้งชื่อธีมหลักของคุณและ@import url(../%parent-theme%/style.css)เพื่อนำเข้า CSS จากธีมหลัก
  3. เปิดใช้งานชุดรูปแบบใหม่ของคุณในคอนโซลผู้ดูแลระบบ WordPress
  4. เพิ่มไฟล์ใหม่และ / หรือคัดลอกไฟล์จากไดเร็กทอรีธีมพาเรนต์ไปยังไดเร็กทอรีธีมลูกของคุณและแก้ไขตามความต้องการของคุณและ
  5. แค่นั้นแหละ!

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

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

หวังว่าจะช่วย


2
ธีมสำหรับเด็กเป็นหนทางไปสู่ ​​IMHO
Ryan Gibbons

2

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

สไตล์ชีทเริ่มต้น

body{background:white;width: 960px;margin: 25px auto;}

สไตล์ชีทที่กำหนดเอง

body{width:800px;}

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

หากคุณกำลังจะสิ้นสุดการเปลี่ยนไฟล์เทมเพลตเช่น archive.php หรือ page.php คำตอบของ MikeSchinkel จะช่วยให้คุณอัปเดตชุดรูปแบบของคุณหากมีการเปิดตัวเวอร์ชันใหม่โดยไม่ต้องแก้ไขใด ๆ แต่ถ้าสิ่งที่คุณต้องการคือการเปลี่ยน CSS บางส่วนวิธีนี้จะทำงานได้ดี เพียงให้แน่ใจว่าคุณบันทึกสไตล์ชีทที่กำหนดเองของคุณก่อนที่จะอัปเดตไดเรกทอรีธีม


1
นี่อาจเป็นปัญหาหากชุดรูปแบบที่คุณแก้ไขไม่ใช่ชุดรูปแบบของคุณดังนั้นการเปลี่ยนแปลงของคุณอาจถูกเขียนทับในการปรับปรุงชุดรูปแบบ
hakre

1

คุณสามารถสร้างธีมลูกได้แน่นอน ชุดรูปแบบลูกเก็บชุดรูปแบบหลักของคุณในรูปแบบดั้งเดิม

สิ่งที่ผมเองทำคือผมใช้ชุดรูปแบบพรีเมี่ยมจาก WordPress MyThemeShop ในนั้นฉันเก็บไฟล์ style.css และตัวเลือกชุดรูปแบบตามที่เป็นอยู่ ฉันเพิ่งคัดลอกข้อมูลของไฟล์ไปยังไฟล์อื่นและตั้งชื่อให้แตกต่างกันเล็กน้อย ตัวอย่างเช่นถ้าฉันใช้ SociallyViral Theme เพื่อสร้างธีมลูกฉันจะคัดลอกข้อมูลจากไฟล์ style.css และบันทึกไว้ในไฟล์อื่นที่ตั้งชื่อเป็น childstyle.css

หลังจากนี้ฉันจะออกแบบฟังก์ชั่นที่เฉพาะเจาะจงและสามารถออกแบบธีมของฉันใหม่โดยการเพิ่มฟังก์ชั่นเพิ่มเติมในไฟล์ childstyle.css

สิ่งนี้ทำให้ไฟล์ style.css ดั้งเดิมของฉันเหมือนเดิมและทำให้ฉันสามารถอัปเดตในรูปแบบดั้งเดิมได้


ฉันไม่แน่ใจว่าคุณหมายถึงอะไรด้วย "ฉันจะคัดลอกข้อมูลจากไฟล์ style.css" แต่โดยปกติแล้วมันก็เพียงพอที่จะเพิ่มสไตล์เหล่านั้นให้กับธีมลูกที่แตกต่างจากแม่ - สไตล์ของธีมลูกเพิ่มและ / หรือแทนที่ลักษณะของผู้ปกครอง โดยวิธีการ: คำตอบของคุณเพิ่มสิ่งใดไปยังคำตอบที่ได้รับการยอมรับแล้วเมื่อ6 ปีที่แล้ว !
tillinberlin

0

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

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