ใช้ชุดรูปแบบสีต่างๆ เพื่อจัดการ WordPress ของคุณ

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

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

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

แบบแผนชุดสีที่แสดงเพื่อจัดการเว็บไซต์คือการผสมสีสี่สีในแต่ละจานสี ในหน้าจอ ผู้ใช้ » โปรไฟล์ คุณมีจานสีเก้าแบบที่คุณสามารถเลือกได้:

ชุดรูปแบบสีของ WordPress
ชุดรูปแบบสีของผู้ดูแลระบบ WordPress

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

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

โครงร่างสีของมหาสมุทร WordPress
โทนสีของมหาสมุทร WordPress

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

บทบาทของผู้ใช้

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

บทบาทอื่นๆ ใน WordPress นั้นจำกัดความสามารถที่ผู้ใช้ได้รับเป็นหลัก:

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

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

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

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

มุมมองของการดำเนินการเพื่อเพิ่มปลั๊กอินใหม่ใน WordPress
เพิ่มปลั๊กอินใหม่ใน WordPress

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

โครงร่างสีของผู้ใช้ผู้ดูแลระบบ
ชุดสีของผู้ดูแลระบบ

ด้วยวิธีนี้ หากเราเห็นอินเทอร์เฟซของ WordPress เป็นสีแดง เรารู้ทันทีว่าเราควรระมัดระวังเป็นพิเศษ เนื่องจากเราเข้าสู่ระบบในฐานะผู้ดูแลระบบ

สภาพแวดล้อมการทดสอบหรือการพัฒนา

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

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

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

เดสก์ท็อปแซนด์บ็อกซ์
บนแดชบอร์ดแซนด์บ็อกซ์ของฉัน ฉันใช้ชุดสีที่แตกต่างจากที่ฉันใช้ในการผลิต

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

ฉันจะเปลี่ยนชุดรูปแบบสีของผู้ใช้รายอื่นได้อย่างไร

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

ด้วยบทบาทผู้ดูแลระบบ หากคุณต้องการเปลี่ยนชุดสีเมื่อสร้างผู้ใช้แล้ว ให้ไปที่รายชื่อผู้ใช้ที่สร้าง ค้นหาผู้ใช้ที่คุณสนใจ และเปลี่ยนรูปแบบสี

ตัวเลือกในการแก้ไขผู้ใช้
ตัวเลือกการแก้ไขผู้ใช้หนึ่งราย

อย่างไรก็ตาม โปรดทราบว่าผู้ใช้สามารถเปลี่ยนรูปแบบสีเป็นสิ่งที่พวกเขาต้องการได้ในภายหลัง หากคุณต้องการป้องกันไม่ให้เกิดขึ้น คุณมีตัวเลือกในการติดตั้งปลั๊กอิน Force Admin Color Scheme เพื่อ:

  • สร้างชุดสีเริ่มต้นเฉพาะสำหรับผู้ใช้ใหม่แต่ละคนที่สร้างขึ้นและ
  • ลบตัวเลือกในการเปลี่ยนรูปแบบสีสำหรับผู้ใช้ที่ไม่ใช่ผู้ดูแลระบบ
บังคับโทนสีเดียวกันสำหรับผู้ใช้ทั้งหมด
ด้วยปลั๊กอิน Force Admin Color Scheme คุณสามารถบังคับชุดรูปแบบสีเดียวกันสำหรับผู้ใช้ทุกคน

ฉันจะสร้างชุดรูปแบบสีที่กำหนดเองได้อย่างไร

หากชุดรูปแบบสี WordPress เก้าแบบไม่ถูกใจคุณ หรือคุณต้องการสร้างชุดรูปแบบสีแบบกำหนดเองใหม่ คุณก็ทำได้เช่นกัน! ตัวเลือกที่ง่ายที่สุดในการสร้าง colorchemes ใหม่คือไปที่ไซต์ WordPress Admin Colors

Web de WordPress Admin Color
หน้าสีของผู้ดูแลระบบ WordPress

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

ปรับแต่งการสร้างชุดรูปแบบสีของธีมผู้ดูแลระบบ WordPress ใหม่
การปรับแต่งการสร้างชุดรูปแบบสีใหม่ของธีมการดูแลระบบ WordPress

คุณสามารถเปลี่ยนสีแต่ละสีและดูตัวอย่างได้ตามเวลาจริงที่คุณเลือก:

ชุดรูปแบบสีที่กำหนดเองใหม่
ชุดรูปแบบสีที่กำหนดเองใหม่

สุดท้าย คุณเพียงแค่คลิกบน Generate Color Scheme และหน้าต่างจะปรากฏขึ้นพร้อมคำแนะนำเกี่ยวกับวิธีเพิ่มชุดสีใหม่ให้กับ WordPress ของคุณ

คำแนะนำในการเพิ่มชุดสีให้กับ WordPress . ของคุณ
คำแนะนำในการเพิ่มชุดสีให้กับ WordPress ของคุณ

นี่คือสิ่งที่คุณต้องทำ ในอีกด้านหนึ่ง คุณต้องดาวน์โหลดไฟล์สไตล์ CSS ของชุดสีที่สร้างและอัปโหลดไปยังโฟลเดอร์ธีมของเซิร์ฟเวอร์โฮสต์ของคุณ public_html/wp-content/themes/nombre-del-tema/ โดยใช้ FTP ในการอัปโหลดไฟล์โดยใช้ FTP คุณต้องดาวน์โหลดและติดตั้งโปรแกรมไคลเอ็นต์ FTP ก่อน เช่น FileZilla FileZilla จะขอข้อมูลรับรอง FTP ของคุณ (ชื่อโฮสต์ ชื่อผู้ใช้ และรหัสผ่าน) ที่คุณควรมีจากบริษัทโฮสติ้งของคุณ เมื่อเชื่อมต่อกับเซิร์ฟเวอร์ของคุณผ่าน FTP แล้ว คุณควรเห็นรายการโฟลเดอร์ที่มีอยู่และค้นหาโฟลเดอร์สำหรับธีมของคุณ และคุณควรอัปโหลดไฟล์ที่เราได้ดาวน์โหลดไว้ก่อนหน้านี้

โฟลเดอร์ธีม WordPress บนเซิร์ฟเวอร์โฮสต์
โฟลเดอร์ธีม WordPress บนเซิร์ฟเวอร์โฮสต์

นอกจากนี้ คุณต้องเพิ่มข้อมูลโค้ดที่คุณดาวน์โหลดไว้ในไฟล์ functions.php ของธีมของคุณหรือธีมย่อยของคุณ (แนะนำมากกว่านั้น) หรือคุณสามารถติดตั้งปลั๊กอินเช่น Code Snippets เพื่อเพิ่มโค้ดชิ้นนี้

เพิ่มโค้ดด้วยปลั๊กอิน Code Snippets
เพิ่มข้อมูลโค้ดด้วยปลั๊กอิน Code Snippets

หลังจากเพิ่มข้อมูลโค้ดแล้ว คุณจะมีชุดสีที่กำหนดเองบน WordPress เพื่อเพิ่มให้กับผู้ใช้ที่คุณเลือก

ชุดรูปแบบสีใหม่ที่สร้างขึ้นใน WordPress
ชุดรูปแบบสีใหม่ที่สร้างขึ้นใน WordPress

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

ภาพเด่นของ Mario Gogh บน Unsplash