วิธีเพิ่มภาพพื้นหลังใน WordPress

คุณต้องการเพิ่มภาพพื้นหลังในเว็บไซต์ WordPress ของคุณหรือไม่?

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

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

หากคุณต้องการคำแนะนำที่เป็นลายลักษณ์อักษรโปรดอ่านต่อ

วิธีที่ 1. เพิ่มภาพพื้นหลังโดยใช้การตั้งค่าธีม WordPress ของคุณ

les ธีม WordPress ยอดนิยม มาพร้อมกับการสนับสนุนพื้นหลังที่กำหนดเอง คุณสมบัตินี้ช่วยให้คุณตั้งค่าภาพพื้นหลังบนเว็บไซต์ WordPress ของคุณได้อย่างง่ายดาย

หากคุณ ธีม WordPress รองรับฟังก์ชันพื้นหลังที่กำหนดเอง เราขอแนะนำให้ใช้วิธีนี้เพื่อเพิ่มภาพพื้นหลังลงในเว็บไซต์ของคุณ

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

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

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

คลิกปุ่มเลือกรูปภาพเพื่อดำเนินการต่อ

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

จากนั้นคุณต้องคลิกที่ปุ่มเลือกรูปภาพหลังจากอัปโหลดหรือเลือกภาพที่คุณต้องการใช้เป็นพื้นหลัง

การดำเนินการนี้จะปิดป๊อปอัป Media Uploader และคุณจะเห็นตัวอย่างของรูปภาพที่คุณเลือกในการปรับแต่งธีม WordPress

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

คุณยังสามารถเลือกตำแหน่งภาพพื้นหลังได้โดยคลิกลูกศรด้านล่าง เมื่อคลิกที่ตรงกลางภาพจะจัดแนวภาพให้อยู่ตรงกลางหน้าจอ

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

ไปที่เว็บไซต์ของคุณเพื่อดูการทำงานจริง

วิธีที่ 2. เพิ่มภาพพื้นหลังแบบกำหนดเองใน WordPress โดยใช้ปลั๊กอิน

วิธีนี้ยืดหยุ่นกว่ามาก ใช้งานได้กับธีม WordPress ใด ๆ และให้คุณกำหนดค่าภาพพื้นหลังหลาย ๆ ภาพ

คุณยังสามารถตั้งค่าพื้นหลังที่แตกต่างกันสำหรับโพสต์หน้าหมวดหมู่หรือส่วนอื่น ๆ ของเว็บไซต์ WordPress ของคุณ

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

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

หลังจากเปิดใช้งานคุณต้องเข้าไปที่หน้า ลักษณะที่ปรากฏ»รูปภาพ BG แบบเต็มจอ เพื่อกำหนดการตั้งค่าปลั๊กอิน

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

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

ไปข้างหน้าและคลิกที่ปุ่ม เพิ่มรูปภาพใหม่ ในหน้าการตั้งค่าปลั๊กอิน เพื่อไปยังหน้าจอดาวน์โหลดภาพพื้นหลัง

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

จากนั้นคุณต้องระบุชื่อสำหรับภาพนี้ ชื่อนี้จะถูกใช้เป็นการภายในคุณจึงสามารถใช้ได้ทุกที่

สุดท้ายคุณต้องเลือกตำแหน่งที่คุณต้องการใช้ภาพนี้เป็นภาพพื้นหลัง

Full Screen Background Pro ยังช่วยให้คุณสามารถตั้งค่าภาพพื้นหลังสำหรับทั้งเว็บไซต์หรือคุณสามารถเลือกจากส่วนต่างๆของเว็บไซต์ของคุณเช่นหมวดหมู่คลังข้อมูลโฮมเพจหรือบล็อก

อย่าลืมบันทึกเพื่อเก็บภาพพื้นหลังของคุณ

คุณสามารถเพิ่มรูปภาพได้มากเท่าที่คุณต้องการโดยไปที่หน้า apparence »รูปภาพ BG แบบเต็มหน้าจอ 

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

คุณสามารถปรับเวลาที่ใช้เพื่อให้ภาพหายไปและเวลาหลังจากนั้นภาพพื้นหลังใหม่จะปรากฏขึ้น

เวลาที่คุณป้อนที่นี่คือมิลลิวินาที หากคุณต้องการให้ภาพพื้นหลังจางลงหลังจากผ่านไป 20 วินาทีคุณจะต้องป้อน 20000

อย่าลืมคลิกที่ปุ่ม บันทึกตัวเลือก เพื่อบันทึกการเปลี่ยนแปลงของคุณ

ภาพพื้นหลังสำหรับโพสต์เพจและหมวดหมู่

Full Screen Background Pro ยังให้คุณตั้งค่าภาพพื้นหลังสำหรับโพสต์เพจหมวดหมู่แท็กและอื่น ๆ

เพียงแก้ไขโพสต์ / หน้าที่คุณต้องการแสดงภาพพื้นหลังอื่น ในหน้าแก้ไขบทความคุณจะสังเกตเห็นกลุ่มใหม่ " ภาพพื้นหลังแบบเต็มหน้าจอ »ในตัวแก้ไขบทความ

หากต้องการใช้ภาพพื้นหลังสำหรับหมวดหมู่เฉพาะคุณต้องไปที่หน้า ลักษณะที่ปรากฏ»ภาพพื้นหลังแบบเต็มจอ จากนั้นคลิกที่ "เลือกรูปภาพ '

หลังจากอัปโหลดภาพของคุณคุณสามารถเลือก "หมวดหมู่" เป็นบริบทที่คุณต้องการแสดงภาพพื้นหลัง

ป้อน ID ของประเภทเฉพาะหรือกระสุนที่คุณต้องการแสดงภาพ 

อย่าลืมบันทึกภาพของคุณเพื่อจัดเก็บการตั้งค่าของคุณ

วิธีที่ 3. เพิ่มภาพพื้นหลังที่กำหนดเองได้ทุกที่ใน WordPress โดยใช้โค้ด CSS

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

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

คุณสามารถใช้ เครื่องมือตรวจสอบ เพื่อดูว่ามีการเพิ่มคลาส CSS ใดโดย WordPress ลงในแท็กเนื้อหา

คุณสามารถใช้คลาส CSS ใดก็ได้เพื่อจัดรูปแบบหน้าหมวดหมู่นี้ให้แตกต่างกัน 

หมวดหมู่ -tvcategory-4

มาเพิ่มภาพพื้นหลังที่กำหนดเองลงในหน้าเก็บหมวดหมู่ คุณจะต้องเพิ่ม CSS ที่กำหนดเองนี้ในธีม WordPress ของคุณ

body.category ทีวี { 

background-image: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 

ตำแหน่งพื้นหลัง: ศูนย์กลาง; 

ขนาดพื้นหลัง: ปก; 

พื้นหลังซ้ำ: ไม่ทำซ้ำ; 

background-attachment: คงที่;

}

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

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 JS และ CSS แบบกำหนดเองได้ง่าย 

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

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

ดูบทความของเราเกี่ยวกับ วิธีการต้องยอมรับข้อกำหนดการใช้งานบน WordPress

หรือคุณสามารถ จำกัด รหัสของคุณไว้เฉพาะธีม WordPress มีประโยชน์อะไรถ้าคุณกำลังเปลี่ยนธีมสำหรับบล็อก WordPress ของคุณ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2. ดินสอสีเหลือง: ตัวแก้ไขสไตล์ CSS ของ Visual

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

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

ค้นพบยังของเรา ปลั๊กอิน 5 WordPress เพื่อแสดงการแจ้งเตือน

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3. วิดเจ็ตความคิดเห็นล่าสุดบน Facebook 

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

ในฐานะที่คุณจะมีคุณสมบัติอื่น ๆ : การแสดงความคิดเห็นล่าสุดทั้งหมดของเว็บไซต์หรือบล็อก WordPress ของคุณไฟล์pproval โดยอัตโนมัติหรือด้วยตนเองของความคิดเห็นที่จะแสดงบนวิดเจ็ตส่งอีเมลแจ้งเตือนเมื่อมีคนแสดงความคิดเห็นผ่านปลั๊กอินความคิดเห็นของ Facebook SEO ที่ดีเข้ากันได้กับ ธีม WordPress ใด ๆ oตัวเลือกในการปรับแต่งวิดเจ็ตและอีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

• วิธีซ่อนวิดเจ็ต WordPress บนมือถือ
• ปลั๊กอิน 10 WordPress เพื่อปรับปรุงภาพลักษณ์ของเว็บไซต์ของคุณ
• วิธีการโยกย้ายเว็บไซต์ WordPress ด้วยตนเอง: คำแนะนำ
• ปลั๊กอิน 7 WordPress สำหรับปุ่มคำกระตุ้นการตัดสินใจบน WordPress

สรุป

ที่นี่! สำหรับบทช่วยสอนนี้ เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีเพิ่มภาพพื้นหลังใน WordPress อย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ. 

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

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

...