จะเปลี่ยนสีลิงค์ใน WordPress ได้อย่างไร? (ไม่มีรหัส)

เผยแพร่แล้ว: 2022-12-13

สงสัยว่าจะเปลี่ยนสีลิงค์ใน WordPress ได้อย่างไร? ถ้าใช่ บทความนี้เป็นเพียงสิ่งที่คุณค้นหา

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

แต่ก่อนอื่น เรามาเรียนรู้ว่าทำไมคุณจึงควรเปลี่ยนสีลิงก์ใน WordPress

สารบัญ

ความสำคัญของการเปลี่ยนสีลิงค์ใน WordPress

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

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


วิธีเปลี่ยนสีลิงค์ใน WordPress โดยไม่ต้องใช้โค้ด (4 วิธีง่ายๆ)

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

1. รหัส CSS ที่กำหนดเอง

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

หลังจากที่คุณลงชื่อเข้าใช้แดชบอร์ด WordPress แล้ว ให้ไปที่ลักษณะที่ ปรากฏ >> ปรับแต่ง

การนำทางการปรับแต่ง

จากแถบด้านข้าง ให้เลือกตัวเลือก CSS เพิ่มเติม จากนั้นเพิ่มรหัสต่อไปนี้:

{

สี: #ff0000 ;

}

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

วิธีเปลี่ยนสีลิงค์ใน WordPress โดยใช้ CSS เพิ่มเติม

2. เครื่องมือปรับแต่ง WordPress

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

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

หน้าแรกใหม่ของ Zakra

หากต้องการเปลี่ยนสีลิงก์โดยใช้ Zakra คุณต้องติดตั้งธีมก่อน หลังจากที่คุณติดตั้งและเปิดใช้งานธีม Zakra แล้ว ให้ไปที่ลักษณะที่ ปรากฏ >> ปรับแต่ง จากนั้นคลิกที่ตัวเลือก Global >> Colors >> Link Colors มีสองตัวเลือกดังต่อไปนี้:

  • ปกติ : เปลี่ยนสีของลิงค์บนเว็บไซต์ของคุณ
  • วาง เมาส์ เหนือ : ด้วยความช่วยเหลือของตัวเลือกนี้ คุณสามารถเปลี่ยนสีของลิงก์เมื่อวางเมาส์เหนือได้
Zakra Global Link เปลี่ยนสี

ด้วย Zakra เวอร์ชันฟรี คุณสามารถปรับแต่งสองตัวเลือกข้างต้นได้ อย่างไรก็ตาม Zakra pro มีตัวเลือกเพิ่มเติมในการปรับแต่ง ดังนั้น หากคุณต้องการการควบคุมและตัวเลือกเพิ่มเติมในการเปลี่ยนสีลิงก์ของไซต์ของคุณ ให้ติดตั้งและเปิดใช้งานโปรแกรมเสริม Zakra Pro

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

  • Active Color : เลือกสีของลิงค์ระหว่างสถานะ Active
  • Focus Color : เลือกสีลิงค์บน Focus
  • Visited Color : เปลี่ยนสีของลิงค์ Visited บนเว็บไซต์ของคุณ
Zakra Pro Link เปลี่ยนสี

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


3. การใช้ Elementor

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

ธาตุ

หลังจากขั้นตอนการติดตั้ง ให้เปิดหน้าหรือโพสต์ในตัวแก้ไข Elementor

ที่มุมซ้ายบน คุณจะพบไอคอน แฮมเบอร์เกอร์ คลิกที่มัน จากนั้น เลือกตัวเลือกการ ตั้งค่าไซต์ หลังจากนั้นให้คลิกที่ตัวเลือกการ พิมพ์

เปลี่ยนสีลิงก์ Elementor

จากนั้น จากตัวเลือก ลิงก์ คุณสามารถเปลี่ยนสีลิงก์ ปกติ และสีของลิงก์บน โฮเวอร์ นอกจากนี้ยังมีสองตัวเลือก – สี และ การ พิมพ์

สี : มีสี เริ่มต้น ให้เลือก นอกจากนั้นยังมีตัว เลือกสี เพื่อให้คุณสามารถเพิ่มรหัสฐานสิบหกหรือเลือกสีที่คุณต้องการ

ตัวเลือกสีเริ่มต้น

รูปแบบตัว อักษร : นอกจากสีแล้ว คุณอาจต้องการเปลี่ยนรูปแบบตัวอักษรของลิงก์บนไซต์ของคุณ คุณสามารถปรับแต่ง Family , Size , Weight , Style , Decoration , Line-Height , Word-Spacing และอื่นๆ

ตัวเลือกการพิมพ์

Elementor ยังอนุญาตให้คุณเปลี่ยนสีลิงค์บน Hover เช่นเดียวกับตัวเลือกสี คุณสามารถเปลี่ยนสีลิงก์และรูปแบบตัวอักษรเมื่อโฮเวอร์ไซต์ของคุณ หากคุณพอใจกับการปรับแต่งแล้ว ให้กดปุ่ม Update


4. โปรแกรมแก้ไขเวิร์ดเพรส

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

เปิดหน้าหรือโพสต์ที่คุณต้องการ ตอนนี้ เน้นลิงค์ URL ที่คุณต้องการเปลี่ยนสี แถบเครื่องมือลอยจะปรากฏขึ้น เพียงเลือกไอคอนแบบเลื่อนลงและคลิกที่ตัวเลือก ไฮไลท์ มีสองตัวเลือกเพิ่มเติม - ข้อความ และ พื้นหลัง

เปลี่ยนสีลิงค์ URL

มีสีข้อความที่กำหนดไว้ล่วงหน้าและสีข้อความที่กำหนดเองเช่นกัน ด้วยตัวเลือกสีข้อความแบบกำหนดเอง คุณสามารถเพิ่ม รหัสฐานสิบหกตาม ที่คุณต้องการได้อย่างง่ายดาย

ตัวแก้ไข WordPress รหัสฐานสิบหก

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


ห่อมันขึ้น!

และนี่คือบทสรุปของบทความนี้เกี่ยวกับวิธีเปลี่ยนสีลิงก์ใน WordPress ข้างต้น เราได้กล่าวถึง 4 วิธีที่แตกต่างกัน ซึ่งคุณสามารถเปลี่ยนสีลิงก์โดยรวมและทีละสีได้ เราได้กล่าวถึงวิธีการด้านล่างอีกครั้ง:

  • การใช้ CSS แบบกำหนดเอง
  • เครื่องมือปรับแต่ง WordPress
  • การใช้ปลั๊กอิน Elementor
  • โปรแกรมแก้ไขเวิร์ดเพรส

คุณสามารถเลือกวิธีใดก็ได้ที่คุณพอใจ

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

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