วิธีเปลี่ยนสีใน WordPress: 2 วิธีง่ายๆ

คุณต้องการเพิ่มความเป็นส่วนตัวให้กับไซต์ WordPress ของคุณหรือไม่? บางทีคุณอาจสังเกตเห็นว่า สีเริ่มต้น ของธีมของคุณไม่ค่อยตรงกับแบรนด์ของคุณ หรือบางทีคุณแค่ต้องการเปลี่ยน! ไม่ว่าจะด้วยวิธีใด การแก้ไขสีใน WordPress นั้นเป็นกระบวนการที่ค่อนข้างง่าย ในบทความนี้ เราจะแสดงวิธีแก้ไขสีสำหรับธีม Astra ใน WordPress เราจะครอบคลุมสองวิธี: การแก้ไขสีโดยตรงใน WordPress Customizer การแก้ไขสีในไฟล์ CSS ของธีม มาเริ่มกันเลย!

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

Astra Theme Color Palette

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

วิธีการเปลี่ยนสีพื้นหลังของส่วนหัวใน WordPress Astra Theme

เมื่อคุณเพิ่มสีสากลให้กับส่วนหัว สีจะถูกนำไปใช้ภายใต้ ลักษณะที่ปรากฏ > ปรับแต่ง > สากล เมื่อใช้ Astra Pro Addon คุณสามารถระบายสีส่วนหัวสำหรับแต่ละองค์ประกอบได้

แต่ละองค์ประกอบของส่วนหัวจะรวมอยู่ใน Astra Pro Addon และคุณสามารถเลือกได้ว่าจะใช้สีหรือไม่ ส่วนหัวของคุณสามารถโปร่งใสได้โดยวางไว้ใต้ส่วนหัวหลัก (ซึ่งจะโปร่งใส) คุณลักษณะนี้สามารถใช้ได้ทั่วโลกหรือแบบต่อโพสต์/หน้า เริ่มและเลือกการตั้งค่าจากเมนูเริ่ม จากนั้นจึงเลือกการตั้งค่าส่วนบุคคลและสีจากเมนูการตั้งค่าส่วนบุคคล และสุดท้ายคือสีเฉพาะจุดจากพื้นหลัง ฉันจะเปลี่ยนสีของส่วนหัวใน CSS ได้อย่างไร ในการเปลี่ยนสีของข้อความใน CSS คุณต้องเลือกคีย์เวิร์ดสีก่อน

วิธีปิดการใช้งานส่วนหัวโปร่งใสใน Astra WordPress Theme

หากคุณต้องการปิดการใช้งานส่วนหัวแบบโปร่งใสบนหน้าใดๆ บนไซต์ของคุณ ให้ไปที่ ส่วนการตั้งค่า Astra และยกเลิกการเลือกตัวเลือกปิดใช้งานส่วนหัวแบบโปร่งใส

วิธีการติดตั้งธีม Astra ใน WordPress

ในการติดตั้งธีม Astra บนไซต์ WordPress ของคุณ ให้ทำตามขั้นตอนเหล่านี้: 1. ลงชื่อเข้าใช้ไซต์ WordPress ของคุณและไปที่แดชบอร์ด 2. ในแดชบอร์ด ไปที่ ลักษณะที่ปรากฏ > ธีม 3. ในหน้าธีม ให้คลิกปุ่มเพิ่มใหม่ 4. ในหน้า เพิ่มธีม ให้คลิกปุ่มอัปโหลดธีม 5. ในหน้าอัปโหลดธีม ให้คลิกปุ่มเรียกดูและเลือกไฟล์ ZIP ธีม Astra จากคอมพิวเตอร์ของคุณ 6. หลังจากเลือกไฟล์แล้ว ให้คลิกปุ่ม ติดตั้งทันที 7. WordPress จะติดตั้งธีม Astra เมื่อการติดตั้งเสร็จสมบูรณ์ ให้คลิกปุ่มเปิดใช้งาน 8. แค่นั้นแหละ! ธีม Astra เปิดใช้งานแล้วบนไซต์ WordPress ของคุณ

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

การระงับ Astra Theme จาก WordPress Theme Repository

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

วิธีการเปลี่ยนสีธีมเริ่มต้นใน WordPress

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

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

บริษัทเอาท์ซอร์สยังสามารถใช้เทมเพลตเพื่ออัปเกรดโครงสร้างพื้นฐานเว็บไซต์ได้อีกด้วย เป็นประโยชน์อย่างยิ่งสำหรับร้านขายของกระจุกกระจิกที่ขายบัตรของขวัญ ด้วยความช่วยเหลือของคุณลักษณะนี้ คุณสามารถเพิ่มฟังก์ชันขั้นสูงให้กับเว็บไซต์ของคุณได้ Elementor Page Builder ซึ่งเปิดใช้งานการปรับแต่งภาพแบบไม่มีโค้ด ลากและวาง และส่วนหน้า รวมอยู่ในชุดเทมเพลตนี้ Elementor ยังมาพร้อมกับวิดเจ็ตประเภทไม่จำกัดจำนวน เช่น ภาพหมุนและ Google Maps

รหัส Css เพื่อเปลี่ยนสีธีม

มีหลายวิธีในการเปลี่ยนสีธีมใน CSS วิธีหนึ่งคือการใช้คุณสมบัติ "สี" ตัวอย่างเช่น หากต้องการเปลี่ยนสีธีมเป็นสีดำ คุณจะต้องใช้โค้ด CSS ต่อไปนี้:
ร่างกาย {
สีดำ;
}
อีกวิธีในการเปลี่ยนสีธีมคือการใช้คุณสมบัติ "สีพื้นหลัง" ตัวอย่างเช่น หากต้องการเปลี่ยนสีธีมเป็นสีขาว คุณจะต้องใช้โค้ด CSS ต่อไปนี้:
ร่างกาย {
พื้นหลังสี: ขาว;
}

แถบนำทางของเบราว์เซอร์ Safari สามารถปรับแต่งให้รวมธีมได้ ในวิดีโอของ Apple คุณจะได้เรียนรู้วิธีสร้างเอฟเฟกต์นี้โดยใช้แท็ก >meta> จะเกิดอะไรขึ้นหากการควบคุมสไตล์เป็น HTML เท่านั้นและไม่ใช่ CSS ด้วยจิตวิญญาณของพวกเจ้าระเบียบ ฉันคิดว่า CSS API จะหน้าตาเป็นอย่างไร คุณต้องใช้ธีมกับองค์ประกอบรูทเพื่อทำให้สีแตกต่างออกไปหรือไม่? คุณจะจัดการกับตัวแปรในสไตล์ชีต UA ที่คุณต้องการตั้งเป็นค่าเริ่มต้นอย่างไร ตามวิดีโอ คุณสามารถใช้ JavaScript เพื่อควบคุมสไตล์นี้ได้

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

ธีมสีของหน้าที่ไม่มี ธาตุ

หากหน้าไม่มีองค์ประกอบ *meta%22 จะเป็นสีเดียวกับสีพื้นหลังของหน้า

สีของธีม WordPress ไม่เปลี่ยนแปลง

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

หากคุณยังไม่มีการอัปเกรด CSS เครื่องมือปรับแต่งธีมเป็นวิธีที่ดีที่สุด หากคุณต้องการอัปเกรดเป็นการออกแบบแบบกำหนดเองที่หมุนเวียนได้ในแต่ละปี โปรดอ่านรายการเหล่านี้: http://en.support.wordpress.com/custom-design/custom-fending.html, http://www.w3.org/theme -customizer-recommended-for-bloggers- อย่างที่คุณอาจทราบ การปลดล็อกค่าสีฐานสิบหกแบบง่ายมีค่าใช้จ่าย ไร้สาระ ฉันได้ยินคุณดังและชัดเจน ทุกคนที่มีธีมฟรีสามารถดูตัวอย่างสีที่สร้างขึ้นเองได้ ปุ่มเพื่อลองปรับแต่งคุณสมบัติสามารถเข้าถึงได้จากเมนูลองเลย คุณสามารถจ้างโฮสต์เว็บเพื่อติดตั้งและปรับแต่งธีม WordPress.org ได้ฟรี จากนั้นจึงติดตั้งและปรับแต่งธีมได้ด้วยตนเอง เป็นความคิดที่ดีที่จะดูการเปรียบเทียบนี้ สนับสนุน WordPress.com/com-vs-org/

วิธีการเปลี่ยนสีขององค์ประกอบเดียวบนหน้า WordPress

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