[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0 ! important; border-bottom-width: 0px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: chủ đề WordPress dễ sử dụng nhất

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] TẢI XUỐNG [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí.

[Ad_1]

Thêm hình nền vào trang WordPress của bạn thật dễ dàng. Pháp luật?

Đối với hầu hết các phần, có. Trừ khi chủ đề của bạn không hỗ trợ nó. Sự thật là, nhiều chủ đề WordPress ngày nay có cài đặt nhanh chóng và dễ dàng để thêm hoặc thay đổi hình nền hiện có. Cũng giống như các tùy chỉnh giao diện WP mặc định.

Bạn cũng có thể thay đổi hình nền bằng cách sử dụng CSS hoặc thông qua các plugin khác nhau, mở các tùy chọn để đặt hình nền trên các trang, bài đăng và danh mục.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thực hiện tất cả những điều trên và làm cho trang web của bạn nổi bật với giao diện bắt mắt theo lựa chọn của bạn.

Đọc tiếp hoặc tiếp tục bằng cách sử dụng các liên kết sau:

Tại sao phải thay đổi nền? Chà, hình ảnh mặc định của chủ đề có thể không hấp dẫn bạn hoặc có vẻ như nó phù hợp với thương hiệu của bạn. Hoặc, có thể đó không phải là một bức tranh, chỉ là màu sắc. Hoặc có thể bạn thích hình ảnh ban đầu, nhưng bạn đã chán với nó.

Dù lý do là gì, chúng ta hãy cố gắng thay đổi nó.

Thêm hình nền bằng các tùy chỉnh mặc định của WordPress

Các chủ đề WordPress có thể có nền đầy màu sắc hoặc ảnh mặc định trong nền. Hầu hết mọi người chọn thay thế chúng bằng một hình ảnh và / hoặc màu sắc phù hợp hơn với thị hiếu của họ và thương hiệu của trang web.

Để thêm hình nền trong trình chỉnh sửa WordPress mặc định, bạn sẽ cần làm theo các bước sau:

  • Từ bảng điều khiển WP, điều hướng đến Giao diện> Tùy chỉnh> Hình nền ou Giao diện> Hình nền / Hình nền.
  • Bấm vào Chọn một hình ảnh để mở thư viện phương tiện của bạn.
  • Chọn hình ảnh mong muốn, bằng cách tải xuống từ máy tính của bạn hoặc bằng cách chọn một hình ảnh từ thư viện phương tiện của bạn.
  • Sau khi bạn có hình ảnh bạn muốn chọn, hãy nhấp vào màu xanh lam Chọn hình ảnh nút.
  • Trong cửa sổ trên cùng của menu bên trái, bạn sẽ thấy lựa chọn của mình được lấp đầy. Ở bên phải, bạn sẽ thấy bản xem trước kích thước đầy đủ của trang chủ các trang web của mình, với hình nền.

Nếu bạn thích những gì bạn thấy, hãy nhấp vào màu xanh lam xuất bản ở góc trên cùng bên phải và bạn đã hoàn tất!

Nếu bạn muốn thay đổi giao diện của nó trước khi hoàn thiện, có một số cài đặt và tùy chọn bạn có thể sử dụng để tìm giao diện yêu thích của mình.

Cài đặt nền WP mặc định
Tùy chọn Lặp lại được sử dụng tốt nhất trên các thiết kế được thiết kế để xếp hàng chính xác, không phải ảnh.

Các công cụ chỉnh sửa menu hình nền và các tùy chọn liên quan của chúng là:

  • Đặt trước
    • Mặc định, Điền vào màn hình, Màn hình vừa vặn, Lặp lại, Tùy chỉnh
  • Vị trí hình ảnh
    • Chính giữa, trên cùng bên phải, giữa phải, dưới cùng bên phải, giữa dưới, trên cùng bên trái, giữa trái, dưới cùng bên trái, giữa trên cùng
  • Kích thước hình ảnh
    • Nguyên bản, Vừa với màn hình, Làm đầy màn hình
  • Lặp lại hình nền - hộp kiểm
  • Cuộn với trang - hộp kiểm

Hãy thử với các công cụ chỉnh sửa để xem bạn thích kích thước, kiểu mẫu và vị trí nào hơn. Chọn một trong các tùy chọn thả xuống từ menu con sẽ cung cấp cho bạn bản xem trước kết quả của trang của bạn ở bên phải.

Đừng lo lắng về việc bị mắc kẹt với bất cứ điều gì. Thật dễ dàng để quay lại cài đặt và thay đổi hình nền (và các tùy chọn liên quan) bất kỳ lúc nào.

Thêm hình nền bằng plugin

Có một số plugin trên WordPress.org có thể thực hiện nhiệm vụ thêm hình nền.

Có thể kể đến một vài cái tên: hình nền WordPress nâng cao, trình quản lý nền đầy đủ và hình nền toàn màn hình đơn giản.

Cái sau là cái mà tôi yêu thích nhất trong nhóm, vì vậy đó là những gì tôi sẽ sử dụng cho hướng dẫn này.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn tạo Dễ dàng và Miễn phí bất kỳ trang web hoặc thiết kế blog với một cái nhìn chuyên nghiệp. Ngừng trả nhiều tiền cho một trang web mà bạn có thể tự làm.

biểu ngữ plugin hình ảnh nền toàn màn hình đơn giản

Hình nền toàn màn hình đơn giản cung cấp cài đặt và cấu hình dễ dàng hình ảnh toàn màn hình làm nền trang web của bạn. Nó tự động chia tỷ lệ hình ảnh với trình duyệt, có nghĩa là hình ảnh luôn lấp đầy màn hình.

Việc thực hiện nó chỉ cần một vài bước đơn giản. Có sẵn phiên bản trả phí / chuyên nghiệp bổ sung nhiều tính năng hơn, nhưng phiên bản miễn phí là tất cả những gì chúng ta cần cho bài tập này.

Bây giờ chúng ta hãy sử dụng plugin để thêm hình nền toàn màn hình.

  1. Cài đặt và kích hoạt Hình nền toàn màn hình đơn giản kết nối.
  2. Từ bảng điều khiển WP, điều hướng đến Giao diện> Hình nền toàn màn hình.
  3. Chọn hình ảnh mong muốn, bằng cách tải xuống từ máy tính của bạn hoặc bằng cách chọn một hình ảnh từ thư viện phương tiện của bạn.
  4. Sau khi bạn có hình ảnh bạn muốn chọn, hãy nhấp vào màu xanh lam Sử dụng hình ảnh nút.
  5. Nhấp vào màu xanh lam Lưu tùy chọn và truy cập trang web của bạn.
xem trước ảnh nền toàn màn hình
Bản xem trước của trang sau khi chọn một hình ảnh trong Hình nền toàn màn hình.

Đây là! Hình ảnh bây giờ sẽ xuất hiện trên trang web của bạn dưới dạng hình nền toàn màn hình.

Tôi muốn đề cập rằng cài đặt của plugin này cho hình nền sẽ ghi đè cài đặt nền tùy chỉnh WP mặc định. Nó không phải là một điều xấu, chỉ là một cái gì đó cần lưu ý.

Có thể đặt hình nền cho bài đăng, trang, danh mục, thẻ và hơn thế nữa với plugin cụ thể này, nhưng sẽ yêu cầu mua phiên bản chuyên nghiệp.

Thêm hình nền bằng CSS

Bây giờ chúng ta sẽ khám phá cách sửa đổi hình nền bằng cách sử dụng mã CSS. Điều này có thể được thực hiện để tạo nền trên toàn trang web hoặc cho một danh mục cụ thể, bằng cách sử dụng WP Theme Customizer.

WP mặc định Tùy chỉnh Thêm CSS
Tùy chỉnh WP mặc định CSS bổ sung menu đầu vào.
  1. Từ bảng điều khiển WordPress của bạn, điều hướng đến Giao diện> Tùy chỉnh.
  2. Cuộn xuống và nhấp vào CSS bổ sung.
  3. Dán mã thích hợp vào trường CSS như sau:

Hình nền trên toàn trang web:

Đảm bảo thay thế văn bản của chủ sở hữu bằng " URL hình ảnh Trong mã có tên URL thực của tệp hình ảnh. Để xem nó, hãy chọn bất kỳ hình ảnh nào trong thư viện media của bạn và xem thông tin hình ảnh ở phía bên phải của màn hình.

Sao chép từ thư viện phương tiện vào khay nhớ tạm
Bấm vào Sao chép URL vào khay nhớ tạm để sử dụng để dán trong mã CSS.

Hình nền danh mục cụ thể:

Đảm bảo thay thế hai hộp văn bản của chủ thẻ trong mã ở trên:

  • Tên URL thực của tệp hình ảnh cho " URL hình ảnh« 
  • Tên danh mục hợp lệ cho tên mèo

Để tìm tên danh mục:

  1. Đi tới bảng điều khiển trang web WordPress của bạn
  2. Cliquer sur Các bài báo> Thể loại
  3. Chọn danh mục bạn muốn tham chiếu và di chuột qua " Biên tập"Liên kết cho điều này; bạn sẽ thấy URL ở dưới cùng bên trái của trang, hiển thị ID danh mục
Thể loại ID
Trong trường hợp này, ID danh mục sẽ là 428.

Hãy nhớ rằng đây là mã hóa cứng, vì vậy một số plugin có thể không tải hình ảnh một cách lười biếng hoặc không thể lập chỉ mục nó vào CDN.

Thêm hình nền vào các khu vực cụ thể

Có một plugin thú vị khác sẽ giúp bạn thêm hình nền vào các khu vực nội dung cụ thể.

Biểu ngữ trình cắm AWB

Bạn có muốn bán sản phẩm của mình trên internet?

Tải xuống WooCommerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress và dễ dàng tạo cửa hàng trực tuyến của bạn. Hoàn hảo cho người mới bắt đầu.

Les Nền WordPress nâng cao Plugin cho WordPress cho phép thêm hình nền bằng cách sử dụng các khối Gutenberg. Bạn có thể đặt bất kỳ màu sắc, hình ảnh hoặc thậm chí video nào làm nền và chúng có thể được xem trên thiết bị di động.

Nó cũng giúp thêm hiệu ứng thị sai vào hình ảnh nền và video.

Trong trường hợp này, chúng tôi sẽ chỉ thêm một hình nền tĩnh vào vị trí nội dung, cụ thể là một bài đăng.

Vì nó hoạt động với các khối Gutenberg, bạn sẽ cần sử dụng trình chỉnh sửa Gutenberg, vì vậy hãy đảm bảo chuyển sang chế độ Trình chỉnh sửa cổ điển nếu bạn cần.

Sau khi plugin được cài đặt và kích hoạt, hãy truy cập trang tổng quan WordPress.

1. Bấm vào Xuất bản> Thêm mới.

2. Nhấp vào dấu cộng + nút, cuộn đến Thiết kế tiêu đề và nhấp vào LTA để ngăn chặn.

Các thanh công cụ cho tất cả các thay đổi mà chúng tôi muốn thực hiện nằm ở hai khu vực: thanh biểu tượng trên cùng và cột menu bên.

3. Trong một trong hai menu (tôi thích sử dụng cột bên hơn), hãy nhấp vào Hình ảnh thanh lên (giữa Màu & Vidéo), sau đó nhấp vào màu xanh lam Chọn một hình ảnh bên dưới, và nó sẽ mở thư viện phương tiện của bạn.

4. chọn hình ảnh bạn muốn, sau đó nhấp vào màu xanh lam lựa chọn nút.

Sau khi thực hiện xong, bạn sẽ thấy rằng hình ảnh hiện là một phần của khối AWB. (Nếu bạn không nhìn thấy nó, hãy nhấp vào biểu tượng hình ảnh trong thanh biểu tượng AWB và nó sẽ xuất hiện.)

Công cụ chỉnh sửa AWB
Plugin AWB có hai khu vực menu riêng biệt để chỉnh sửa.

Sử dụng cài đặt menu, bạn có thể thay đổi vị trí hình ảnh (tùy thuộc vào chỉ báo trên các trục), kích thước, khoảng cách, v.v. Tôi để cài đặt tỷ lệ phần trăm 50/50 mặc định (đặt nó ngay chính giữa) và kích thước đầy đủ và phạm vi mặc định.

Vì vậy, bây giờ chúng ta đã có nền bài đăng của mình, chúng ta cần thêm nội dung / văn bản thực tế của bài đăng.

1. Nhấp vào dấu cộng + nút nằm trong khối phía trên hình nền.

2. Nhấp vào đoạn biểu tượng này sẽ thêm một khối văn bản phía trên hình nền của chúng tôi.

Thêm một đoạn vào khối nền của hình ảnh
Có thể có các khối "ngăn xếp" trong LTA; bạn có thể đặt văn bản phía trên hình nền.

Nhập nội dung văn bản của bạn, sau đó thay đổi căn chỉnh hoặc màu sắc của văn bản nếu bạn muốn (tôi đã làm, nhưng đó là tùy chọn), và thì đấy! Chúng tôi có một thông điệp với sự lộn xộn riêng của nó.

Xuất bản với hình nền bằng plugin AWB
Plugin AWB cho phép bạn tạo một bài viết với hình nền, độc lập với trang.
Xuất bản với các khối đoạn văn hình nền
Nhiều khối văn bản với hình nền / kết hợp khối văn bản ở giữa.

Bạn chỉ có thể tạo một phần trong bài đăng của mình để có hình nền, điều này tạo cho nó một chút ấn tượng. Chỉ cần thêm các khối đoạn bổ sung vào trước và sau khối trong hình nền.

Tuyệt đấy.

Trở lại vấn đề cơ bản

Thêm hình nền vào trang web WordPress của bạn có vẻ như là một việc nhỏ. Nhưng nếu làm đúng, nó có thể có tác động lớn. Nó cũng có thể giúp cập nhật sự hiện diện trực tuyến của bạn, vì vậy khách truy cập không cảm thấy nhàm chán khi nhìn thấy những hình ảnh giống nhau lặp đi lặp lại.

Lý tưởng nhất là sử dụng tùy chỉnh tích hợp chức năng của chủ đề để thêm hình nền khi nó tồn tại, vì nó được thiết kế đặc biệt để hoạt động dưới dạng mã hóa.

Tuy nhiên, bạn có các tùy chọn khác để thiết lập ảnh nền WordPress. Tùy chỉnh WP cơ bản, plugin, trình tạo trang và chỉnh sửa CSS, tất cả đều cung cấp khả năng kiểm soát chi tiết đối với hình ảnh nào được sử dụng và ở đâu.

Vì vậy, hãy tiếp tục và sáng tạo với hình nền của bạn. Tạo tác động theo chủ đề và giữ chân khách truy cập của bạn một cách trực quan.

Ghi chú của biên tập viên: Bài đăng này đã được cập nhật để đảm bảo tính chính xác và phù hợp.
[Xuất bản lần đầu: Tháng 2014 năm 2021 / Sửa đổi: Tháng XNUMX năm XNUMX]

Từ khóa:

[Ad_2]

0 cổ phiếu
cổ phiếu
tweet
Enregistrer