Bạn có muốn thêm hình nền vào trang web WordPress của mình không?
Hình ảnh nền có thể được sử dụng để làm cho trang web của bạn hấp dẫn và thẩm mỹ hơn.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thêm hình nền vào trang web WordPress của bạn.
Nếu bạn thích hướng dẫn bằng văn bản, vui lòng tiếp tục đọc.
Phương pháp 1. Thêm hình nền bằng cài đặt chủ đề WordPress của bạn
Les Chủ đề WordPress phổ biến nhất đi kèm với hỗ trợ nền tùy chỉnh. Tính năng này cho phép bạn dễ dàng thiết lập hình nền trên trang web WordPress của mình.
Nếu là của bạn theme WordPress hỗ trợ chức năng nền tùy chỉnh, chúng tôi khuyên bạn nên sử dụng phương pháp này để thêm hình nền vào trang web của mình.
Tuy nhiên, nếu của bạn theme WordPress không hỗ trợ tính năng này hoặc nếu bạn không thích cách nó triển khai hình ảnh nền, thì bạn có thể thử các tùy chọn khác được đề cập trong hướng dẫn của chúng tôi.
Trước tiên bạn phải truy cập trang Giao diện »Tùy chỉnh trong quản trị viên WordPress của bạn. Điều này sẽ khởi chạy Tùy biến theme WordPress nơi bạn có thể thay đổi các cài đặt khác nhau của chủ đề này trong khi xem bản xem trước theo thời gian thực.
Sau đó, bạn phải nhấp vào tùy chọn 'Hình nền'. Bảng điều khiển sẽ trượt ra và hiển thị cho bạn các tùy chọn để tải lên hoặc chọn hình nền cho trang web của bạn.
Nhấp vào nút Chọn Hình ảnh để tiếp tục.
Thao tác này sẽ hiển thị một cửa sổ bật lên WordPress, nơi bạn có thể tải lên hình ảnh từ máy tính của mình. Bạn cũng có thể chọn một hình ảnh đã tải xuống trước đó từ thư viện phương tiện.
Sau đó, bạn cần nhấp vào nút Chọn Hình ảnh sau khi tải lên hoặc chọn hình ảnh bạn muốn sử dụng trong nền.
Thao tác này sẽ đóng cửa sổ bật lên của trình tải lên phương tiện và bạn sẽ thấy bản xem trước của hình ảnh đã chọn của mình trong tùy chỉnh chủ đề WordPress.
Bên dưới hình ảnh, bạn cũng sẽ có thể thấy các tùy chọn hình nền. Dưới " Đặt trướcBạn có thể chọn cách bạn muốn hình nền xuất hiện: lấp đầy màn hình, vừa với màn hình, lặp lại hoặc tùy chỉnh.
Bạn cũng có thể chọn vị trí hình nền bằng cách nhấp vào các mũi tên bên dưới. Bằng cách nhấp vào trung tâm, hình ảnh sẽ căn chỉnh hình ảnh vào giữa màn hình.
Đừng quên nhấp vào nút « xuất bản Để lưu trữ cài đặt của bạn. Vậy là xong, bạn đã thêm ảnh nền vào trang web WordPress của mình thành công.
Hãy tiếp tục và truy cập trang web của bạn để xem nó hoạt động.
Phương pháp 2. Thêm hình nền tùy chỉnh trong WordPress bằng cách sử dụng plugin
Phương pháp này linh hoạt hơn nhiều. Nó hoạt động với bất kỳ chủ đề WordPress nào và cho phép bạn định cấu hình nhiều hình nền.
Bạn cũng có thể thiết lập các hình nền khác nhau cho bất kỳ bài đăng, trang, danh mục hoặc bất kỳ phần nào khác trên trang web WordPress của bạn.
Nó tự động làm cho tất cả hình nền của bạn toàn màn hình và phản hồi. Điều này có nghĩa là hình nền của bạn sẽ tự động thay đổi kích thước trên các thiết bị nhỏ hơn.
Trước hết, bạn cần cài đặt và kích hoạt plugin Full Screen Background Pro. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về Cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn phải truy cập trang Giao diện »Hình ảnh BG toàn màn hình để cấu hình các cài đặt plugin.
Bạn sẽ được yêu cầu thêm khóa cấp phép của mình. Bạn có thể lấy thông tin này từ email bạn nhận được sau khi mua plugin hoặc từ tài khoản của bạn trên trang web plugin.
Sau đó, bạn phải nhấp vào 'Lưu các thiết lập'để lưu trữ các thay đổi của bạn. Bây giờ bạn đã sẵn sàng để bắt đầu thêm hình nền vào trang web WordPress của mình.
Đi trước và bấm vào nút Thêm hình ảnh mới Trên trang cài đặt của plugin. Thao tác này sẽ đưa bạn đến màn hình tải xuống ảnh nền.
Nhấn nút 'Chọn hình ảnh'để tải xuống hoặc chọn một hình ảnh. Ngay sau khi bạn chọn hình ảnh, bạn sẽ có thể xem bản xem trước theo thời gian thực của hình ảnh trên màn hình của mình.
Sau đó, bạn cần cung cấp tên cho hình ảnh này. Tên này sẽ được sử dụng trong nội bộ, vì vậy bạn có thể sử dụng nó ở bất cứ đâu.
Cuối cùng, bạn cần chọn nơi bạn muốn hình ảnh này được sử dụng làm hình nền.
Full Screen Background Pro cũng cho phép bạn thiết lập hình nền cho toàn bộ trang web hoặc bạn có thể chọn từ các phần khác nhau của trang web như danh mục, kho lưu trữ, trang chủ hoặc blog.
Đừng quên lưu để lưu trữ ảnh nền của bạn.
Bạn có thể thêm bao nhiêu hình ảnh tùy thích bằng cách truy cập trang Apparence »Hình ảnh BG toàn màn hình
Nếu bạn xác định nhiều hình ảnh sẽ được sử dụng trên toàn cầu, plugin sẽ hiển thị tự động hình nền dưới dạng trình chiếu.
Bạn có thể điều chỉnh thời gian để hình ảnh biến mất và thời gian sau đó hình nền mới xuất hiện.
Thời gian bạn nhập vào đây tính bằng mili giây. Nếu bạn muốn hình nền mờ đi sau 20 giây, bạn sẽ cần nhập 20000.
Đừng quên bấm vào nút Lưu tùy chọn để lưu các thay đổi của bạn.
Hình nền cho bài đăng, trang và danh mục
Full Screen Background Pro cũng cho phép bạn đặt hình nền cho bài đăng, trang, danh mục, thẻ và hơn thế nữa.
Chỉ cần chỉnh sửa bài đăng / trang mà bạn muốn hiển thị hình nền khác. Trên trang chỉnh sửa bài viết, bạn sẽ nhận thấy nhóm mới " Hình nền toàn màn hình »Trong trình biên tập bài viết.
Để sử dụng hình nền cho một danh mục cụ thể, bạn cần truy cập trang Giao diện »Hình nền Toàn màn hình, sau đó nhấp vào "Chọn hình ảnh '.
Sau khi tải hình ảnh lên, bạn có thể chọn “danh mục” làm ngữ cảnh mà bạn muốn hiển thị hình nền.
Nhập ID của Category hoặc Slug cụ thể mà bạn muốn hiển thị hình ảnh.
Nhớ lưu hình ảnh của bạn để lưu cài đặt của bạn.
Phương pháp 3. Thêm hình nền tùy chỉnh vào bất kỳ đâu trong WordPress bằng cách sử dụng mã CSS
Theo mặc định, WordPress thêm nhiều lớp CSS vào các phần tử HTML khác nhau trên trang web WordPress của bạn. Bạn có thể dễ dàng thêm hình nền tùy chỉnh vào bài đăng, danh mục, tác giả và các trang khác bằng cách sử dụng các lớp CSS do WordPress tạo ra này.
Ví dụ: nếu bạn có một danh mục trên trang web của mình có tên là TV, WordPress sẽ tự động thêm các lớp CSS này vào thẻ body khi ai đó xem trang danh mục TV.
Bạn có thể sử dụng công cụ kiểm tra để xem chính xác lớp CSS nào được WordPress thêm vào thẻ body.
Bạn có thể sử dụng một trong hai lớp CSS để tạo kiểu khác nhau cho trang danh mục này.
Category-tvcategory-4
Hãy thêm hình nền tùy chỉnh vào trang lưu trữ danh mục. Bạn sẽ cần thêm CSS tùy chỉnh này vào chủ đề WordPress của mình.
body.category-tv { background-image: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); background-position: trung tâm trung tâm; kích thước nền: bìa; background-repeat: no-repeat; background-attachment: cố định; }
Bạn cũng có thể thêm hình nền tùy chỉnh cho các bài đăng và trang riêng lẻ. WordPress thêm một lớp CSS với bài đăng hoặc ID trang trong phần nội dung của thẻ. Bạn có thể sử dụng cùng một mã CSS chỉ cần thay thế .category-tv bằng lớp CSS của một bài đăng cụ thể.
Khám phá thêm một số plugin WordPress cao cấp
Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.
Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.
1. Dễ dàng tùy chỉnh JS và CSS
Ce Plugin WordPress premium là một trình soạn thảo mã CSS và JavaScript mạnh mẽ cho phép bạn thêm chúng vào bất kỳ phần nào trên trang web của mình. Nó cho phép bạn giữ các tùy chỉnh của mình ngay cả sau khi cập nhật lớn cho chủ đề WordPress của bạn. 
Bạn có tùy chọn giới hạn lĩnh vực sử dụng mã được cá nhân hóa của mình. Ví dụ: bạn chỉ có thể sử dụng mã của mình cho một bài báo có định dạng video.
Xem bài viết của chúng tôi trên Cách yêu cầu chấp nhận các điều khoản sử dụng trên WordPress
Hoặc bạn có thể giới hạn mã của mình trong một chủ đề WordPress cụ thể; Điều này rất hữu ích nếu bạn hiện đang thay đổi chủ đề cho blog WordPress của mình.
Tải về | Bản demo | Web hosting
2. Bút chì màu vàng: Trình chỉnh sửa kiểu Visual CSS
Yellow Pencil là một trình chỉnh sửa phong cách trực quan mà bạn có thể sử dụng với bất kỳ chủ đề nào để cá nhân hóa trang web của mình trong vài phút (phông chữ, màu sắc, hoạt ảnh và hơn thế nữa…).
Ce Plugin WordPress premium sẽ tạo kiểu CSS bằng cách lý lịch trong khi bạn chơi với màu sắc như thể đó là một trò chơi. Nó được thiết kế cho người mới bắt đầu cũng như người dùng có kinh nghiệm.
Khám phá cũng của chúng tôi Plugin 5 WordPress để hiển thị thông báo
Không có kiến thức mã hóa được yêu cầu. Tuy nhiên, Plugin WordPress có một trình soạn thảo CSS tốt cho những người thích viết mã. Bạn có thể viết mã trực tiếp với trình chỉnh sửa này và tùy chỉnh CSS của mình.
Tải về | Bản demo | Web hosting
3. Tiện ích nhận xét gần đây của Facebook
Tiện ích này cho phép bạn hiển thị danh sách các nhận xét Facebook mới nhất từ blog WordPress của bạn trên trang đầu tiên hoặc bất kỳ nơi nào có tiện ích được trang web sử dụng.
Như các tính năng bạn sẽ có trong số những tính năng khác: hiển thị tất cả các nhận xét mới nhất về trang web hoặc blog WordPress của bạn,Phê duyệt tự động hoặc thủ công các nhận xét được hiển thị trên tiện ích con,gửi thông báo qua email khi một người nhận xét thông qua plugin nhận xét của Facebook, SEO tốt, tương thích với bất kỳ chủ đề WordPress nào, otùy chọn để tùy chỉnh các widget và nhiều hơn nữa.
Tải về | Bản demo | Web hosting
Tài nguyên đề xuất
Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.
- Cách ẩn tiện ích WordPress trên thiết bị di động
- 10 WordPress plugin để cải thiện hình ảnh của trang web của bạn
- Cách di chuyển thủ công một trang web WordPress: Hướng dẫn
- 7 plugin WordPress cho các nút kêu gọi hành động trên WordPress
Kết luận
Đây ! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm hình nền trong WordPress. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.
Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.
...
