How to Add WordPress Background Images to Single Pages, Posts & Content Blocks

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ค. 2024
  • Want to give your site a new look? ✅ Learn how to add a background image to single posts, pages and content blocks✨
    👉 Subscribe: th-cam.com/users/Kinsta?sub_...
    Many people enjoy adding backgrounds to their pages and posts because you can incorporate a certain theme or feel to your site that applies to the content.
    Most background images get inserted behind WordPress pages or every page throughout a website. The default custom background feature in WordPress has nothing to do with individual posts, besides the fact that this background will show up for the blog posts as well.
    But what if you want to insert an image on WordPress to show up as a background on a single WordPress page? In this video, we will show you how to easily add background images to single pages, posts and content blocks.
    _________________________
    🕘Timestamps
    0:00 Intro
    0:46 How to Add Background Image to WordPress Page
    4:33 How to Add Background Image to WordPress Post
    7:18 How to Add a Background Image to an Individual Content Block
    8:18 Setting a Color Background for One Block
    9:07 Adding a Color Background to Any WordPress Block
    10:13 Adding an Image Background to One WordPress Block
    _________________________
    📚 Resources
    🌅 WordPress Background Images: How to Add, Edit, and Customize Theme
    ► kinsta.com/blog/wordpress-bac...
    🌄 Add Background Image to a Page With CSS
    body.page-id-# {
    background-image: url("YOURIMAGEURL.jpeg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
    🌠 Add Background Image to a Post with CSS
    body.postid-# {
    background-image: url("YOURIMAGEURL.jpeg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
    #WordPressBackgroundImage
    ℹ️ About Kinsta
    Kinsta provides Managed WordPress Hosting for projects of all sizes, serving over 120,000+ businesses worldwide. Officially recommended by Google Cloud, Kinsta leverages Google's Premium Tier network and the fastest C2 and C3D machines to guarantee lightning-fast load times. Kinsta provides enterprise-level security, a free global edge CDN with 260+ PoPs, and 24/7/365 support.
    🚀 Don’t let unnecessarily complicated and underperforming hosts delay your projects. Explore our plans to find the perfect fit to run your WordPress sites ► kinsta.com/wordpress-hosting/...
    💡Learn more about Kinsta’s hosting solutions:
    👉Managed WordPress Hosting: kinsta.com/wordpress-hosting/
    👉 Try risk-free with our 30-day money-back guarantee
    👤Follow us:
    ► kinsta.com/blog/
    ► kinsta.com/newsletter/
    ► / kinsta
    ► / kinstahosting
    ► / kinstahosting
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 9