วิธีใช้ตัวแก้ไขลักษณะที่ปรากฏใน WordPress

WordPress ปรากฏตัว-editor.png


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

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

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

วิธีแก้ไขธีมด้วยตัวแก้ไขลักษณะที่ปรากฏ

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

WordPress ลักษณะบรรณาธิการ

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

วิธีเลือกไฟล์เพื่อแก้ไข

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

แม่แบบ

ในการเลือกไฟล์ให้ผ่านรายการทางด้านขวาของหน้าต่าง แต่ละคนมีชื่อและชื่อไฟล์ที่แสดงในวงเล็บด้านล่าง. หากต้องการแก้ไขไฟล์ใด ๆ เพียงคลิกที่มัน และรหัสจะปรากฏในเครื่องมือแก้ไขด้านซ้าย.

ระวัง

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

ตัวอย่าง: วิธีการเปลี่ยนขนาดตัวอักษรผ่านทาง Editor Editor

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

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

ตรวจสอบองค์ประกอบ

ตรวจสอบองค์ประกอบใน Google Chrome

หากคุณยังต้องการแก้ไขสไตล์ชีทโดยตรงผ่าน Appearance Editor ต่อไปนี้คือสิ่งที่ต้องทำ:

  1. เปิดโพสต์จากบล็อกของคุณ
  2. เลือกข้อความของโพสต์
  3. คลิกขวาที่ตัวเลือกและเลือก “ตรวจสอบ” หรือ “ตรวจสอบองค์ประกอบ” (ขึ้นอยู่กับเบราว์เซอร์ที่คุณใช้)
  4. ในส่วนหรือหน้าต่างใหม่ที่เปิดขึ้นให้ค้นหาส่วนที่ถูกเน้น

    ธาตุ

ตรวจสอบองค์ประกอบของย่อหน้า

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

p {
ขนาดตัวอักษร: 50px;
}

ใช้การเปลี่ยนแปลง

หลังจากทดสอบแบบอักษรขนาดไม่กี่ตัวจากเบราว์เซอร์ให้จดจำขนาดที่คุณชอบที่สุด จากนั้นคุณสามารถดำเนินการแก้ไขและแก้ไขแบบอักษร:

  1. นำทางไปยัง ลักษณะที่ปรากฏ -> ตัวแก้ไข
  2. หากยังไม่ได้เลือกให้เลือก สไตล์ชีท (style.css) ไฟล์จากรายการทางด้านขวา
  3. ค้นหาคลาส“ p”
  4. เพิ่ม“ ขนาดตัวอักษร: 50px;” (รหัสทั้งหมดควรมีลักษณะเหมือนที่เราเขียนไว้ด้านบน)
  5. คลิกที่ปุ่ม“ อัพเดตไฟล์”

ขนาดตัวอักษร Modifiy วรรค

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

ระวังเมื่อทำงานกับ Appearance Editor

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map