Bagaimana untuk menetapkan latar belakang imej dalam WordPress

Bagaimana untuk menetapkan latar belakang imej dalam WordPress
Imej Latar Belakang WordPress untuk Halaman Utama dengan elemen lain.

Terdapat lebih banyak cara untuk menambah imej latar belakang dalam WordPress. Daripada asas kepada yang paling maju dengan perubahan kod tema. Walau bagaimanapun, kami berbesar hati untuk memperkenalkan alat mesra pengguna yang sesuai untuk pentadbir tapak web tanpa pengetahuan pengekodan dan reka bentuk. pemalam Citadela Pro datang dengan banyak ciri dan tetapan untuk penyesuaian tapak web.

Try the powerful blocks, settings and features in the Citadela Pro plugin. You can explore the perfect tool that allows you to add background images to WordPress pages, posts and custom post types.

Kluster ialah blok Gutenberg dalam WordPress yang membolehkan anda menambah imej latar belakang. Elemen pelbagai fungsi membolehkan anda menukar latar belakang WordPress daripada lalainya. Anda bukan sahaja boleh menambah imej latar belakang, dan anda juga boleh menggabungkannya dengan blok lain. Anda mendapat banyak variasi dan serba boleh.

Digabungkan dengan Blok Tajuk Halaman, anda mendapat tapak web yang kelihatan hebat dengan mudah. Anda boleh menambah lebih banyak blok Gutenberg dan menyesuaikan imej latar belakang dalam WordPress. Selain itu, anda boleh menyimpan satu set blok seperti blok boleh guna semula dan menambah tema di mana-mana sahaja di tapak web anda. Jadi anda boleh menukar latar belakang laman web WordPress sekaligus.

Bagaimana untuk menambah imej latar belakang dalam WordPress menggunakan blok Gutenberg

Mulakan sekarang

One-time payment. 30-day money-back guarantee.

Imej Latar Belakang WordPress melalui blok Kluster

Kami memperkenalkan anda blok berguna yang kami buat untuk blok WordPress Gutenberg untuk imej latar belakang – Blok Kluster. Ia adalah sebahagian daripada kumpulan blok kami sendiri. Pemalam Citadela Pro mempunyai banyak ciri untuk membantu anda membuat tapak web yang cantik. Semua blok tersuai AitThemes tersedia dalam pemalam Citadela Pro.

Sila baca Dokumentasi Blok Kluster untuk tetapan terperinci.

Blok kluster membolehkan anda mengumpulkan berbilang blok menjadi satu. Anda boleh bekerja dengan berkesan dengan keseluruhan kumpulan berkelompok kerana ia adalah satu blok. Lebar kluster boleh ditetapkan kepada lebar halaman penuh yang bermakna anda mempunyai ruang yang lebih besar untuk menambah pelbagai blok.

Kluster tidak akan meregang sehingga lebar penuh jika:

  • Anda mempunyai bar sisi aktif
  • Jika anda menggunakan lajur yang akan mengehadkan ruang untuk Kluster

Oleh kerana beberapa blok teras WordPress boleh diselaraskan hanya dengan lebar kandungan, blok Kluster menawarkan kebolehubahan yang lebih besar dalam membina tapak web anda. Ciri yang hebat juga ialah, anda boleh menetapkan kepada WordPress imej latar belakang, menukar warnanya atau menetapkan tindanan imej latar belakang. Oleh itu, latar belakang boleh dikonfigurasikan kepada reka bentuk laman web.

Dalam artikel ini kami akan menunjukkan kepada anda:

Bagaimana untuk menambah blok Kluster

Blok kluster ialah blok premium dan hanya tersedia jika anda memasang dan mengaktifkan Pemalam Citadela Blocks. Selepas memasang pemalam, blok Kluster akan ditambahkan secara automatik pada editor blok WordPress dan anda boleh mula bekerja dengannya dengan serta-merta.

Blok kluster boleh ditambah ke dalam kedua-dua catatan dan halaman. Hanya klik pada tanda "+" di bar atas atau di mana-mana sahaja pada desktop editor. Selepas itu baru cari blok Kluster.

Tambah blok Kluster ke editor WordPress dengan mengklik pada "+"
Menambah blok Kluster dengan mengklik pada "+"

Pilihan kedua untuk menambah blok Kluster adalah dengan menaip "/" dan nama blok selepas itu. Blok kluster kemudiannya sedia untuk digunakan.

Tambahkan blok Kluster dengan garis miring “/”
Menambah blok Kluster menggunakan slash “/”

Mengumpulkan blok menggunakan Kluster

Ciri utama blok Kluster ialah mengumpulkan berbilang blok menjadi satu. Mari kita lihat bagaimana ia berfungsi. Jika anda memasukkan blok Kluster ke halaman anda, anda akan segera melihat pemegang tempat "Masukkan lagi blok di sini". Jika anda mengklik padanya, anda akan mendapat senarai semua blok yang tersedia. Anda juga boleh mencari blok yang diminta menggunakan bar carian di bahagian atas senarai.

Proses memilih blok bersarang
Proses memilih dan memasukkan blok bersarang

Semua blok bersarang akan mempunyai semua pilihan dan tetapan lalai yang tersedia. Contohnya jika anda memasukkan blok Imej, anda akan mempunyai pilihan untuk memuat naik imej atau memilihnya daripada Pustaka Media.

Menggunakan blok Kluster, anda boleh contohnya membuat bahagian yang menarik perhatian di tapak web anda untuk membentangkan kerja terbaharu anda. Tambahkan imej daripada portfolio anda dan selepas itu tetapkan imej latar belakang di bawahnya. Anda baru sahaja mencipta pautan yang bagus ke portfolio anda.

Blok imej bersarang dalam blok Kluster
Laman web portfolio dibuat dengan bantuan blok Kluster

Blok kluster juga boleh digunakan untuk membuat persembahan produk yang menarik. Anda boleh menetapkan imej produk sebagai latar belakang bahagian dan pilih warnanya. Blok perkhidmatan boleh juga bersarang di dalam blok Kluster.

Blok perkhidmatan bersarang dalam blok Kluster
Gunakan blok Perkhidmatan dalam blok Kluster untuk mempersembahkan produk anda (dan ciri-cirinya) dengan cara yang lebih menarik

Berbilang blok dalam satu

Jika anda ingin menambah berbilang blok bersarang ke dalam Kluster, anda boleh menggunakan blok Lajur. Menggunakan blok Lajur anda boleh menambah beberapa blok bersebelahan. Setiap lajur boleh mempunyai jenis kandungan yang berbeza, seperti imej, perenggan, senarai atau butang.

Contoh lazim berbilang lajur dalam kombinasi dengan blok Kluster ialah tapak web satu halaman.

Blok lajur bersarang dalam blok Kluster
Bagaimanakah sekatan Kluster boleh digunakan dalam laman web Satu halaman

Tetapan asas dalam bar alat: Pilihan penjajaran kandungan

Secara lalai, lebar blok Kluster ditetapkan kepada saiz kandungan. Anda boleh menukar tingkah laku ini dalam bar alat. Terdapat pilihan berikut yang tersedia:

  • Saiz kandungan - pilihan lalai, blok Kluster mempunyai lebar yang sama dengan kandungan.
  • Saiz lebar – kandungan dalam Kluster lebih luas daripada lebar kandungan.
  • Saiz lebar penuh – dalam kes ini Lebar kluster adalah dari sisi ke sisi tetingkap penyemak imbas.

Adalah penting untuk ambil perhatian bahawa tetapan ini hanya akan mempengaruhi kandungan Kluster jika tema aktif anda menyokongnya. Semua blok bersarang boleh dikonfigurasikan berdasarkan ketersediaan pilihannya.

Download CitadelaWP WordPress Theme & Plugins

One-time payment. 30-day money-back guarantee.

Tetapan Warna Tajuk dan Pemisah

Perubahan warna tajuk

Sejak WP 5.3 anda boleh menukar warna pengepala anda melalui blok Tajuk. Ini adalah ciri yang sangat berguna - terutamanya jika anda mempunyai susun atur gelap dan skema warna, lebih baik menukar warna teks lalai (iaitu hitam) kepada warna yang lebih terang.

Tidak mungkin menukar warna tajuk sehingga keluaran baharu yang menyebabkan masalah dengan keterlihatan pada pangkalan gelap. Oleh itu ia sering berlaku bahawa tajuk digabungkan dengan imej latar belakang WordPress atau foto yang anda tambah. Kini anda boleh memilih warna tajuk yang betul untuk menyerlahkan tapak anda.

Warna baharu untuk Pemisah yang digunakan di tapak web anda

Apabila anda menambah imej latar belakang atau sebarang jenis kandungan lain pada WP anda, kadangkala anda mungkin perlu mengasingkannya daripada tapak web yang lain. Untuk tujuan ini anda boleh menggunakan blok khas yang dipanggil Separator. Dengan memasukkan Separator anda boleh:

  • Asingkan blok tertentu
  • Pisahkan keseluruhan teks kepada bahagian yang lebih kecil
  • Serlahkan bahagian penting
  • Pastikan kebolehbacaan kandungan yang lebih baik
  • Permudahkan navigasi di tapak web anda

Di samping itu, anda kini boleh menukar warna garisan Pemisah dengan WordPress yang dikemas kini. Pemisah Berwarna sesuai untuk melengkapkan skema warna laman web anda.

Bagaimana untuk menambah imej latar belakang di bawah blok berkumpulan

Kekuatan sebenar blok Kluster ialah anda boleh menambah imej latar belakang dan menetapkan warna latar belakang di bawah blok berkumpulan. Semuanya boleh dikonfigurasikan dengan mudah di dalam pemeriksa WordPress. Mari kita lihat bagaimana untuk melakukannya.

  1. Klik pada imej latar belakang dan aktifkan fungsi "Tunjukkan imej latar belakang".
  2. Klik pada "Pilih imej". Perpustakaan Media akan dibuka. Anda boleh memilih imej sedia ada atau memuat naik imej baharu ke pustaka anda.
  3. Imej latar belakang juga boleh ditetapkan kepada tetap. Ini bermakna jika anda menatal halaman, latar belakang tidak akan bergerak dengan kandungan dan kedudukannya akan diperbaiki.
  4. Anda juga boleh memilih bahagian imej latar belakang yang harus ditunjukkan menggunakan "Pemilih Titik Fokus". Anda juga boleh memilih sebahagian daripada imej menggunakan peratusan.
Bagaimana untuk menambah imej latar belakang di bawah blok berkumpulan
Panduan langkah demi langkah tentang cara menambah imej latar belakang

Mulakan sekarang

One-time payment. 30-day money-back guarantee.

Tindanan latar belakang

Salah satu pilihan lanjutan dalam Kluster ialah tindanan imej latar belakang. Anda boleh memilih salah satu daripada warna lalai atau memilih warna tersuai menggunakan pemilih warna. Ia juga mungkin untuk menetapkan kelegapan warna. Tetapan blok Kluster ini membantu anda membuat persembahan tapak web yang sangat menarik.

Tindanan Imej Latar Belakang WordPress
Tetapkan tindanan latar belakang dan tukar kelegapannya untuk mencipta reka bentuk yang menarik perhatian

Blok Kumpulan baharu tersedia dalam teras

Apakah perbezaan antara blok Kumpulan dan blok Kluster AitThemes?

Blok Kluster buatan tersuai kami dikeluarkan lebih awal daripada blok Kumpulan dan menyediakan penyelesaian yang lebih kompleks. Anda boleh menggunakan blok Kumpulan untuk mengumpulkan berbilang blok, tetapi ia masih mempunyai fungsi terhad. Contohnya anda tidak dapat menetapkan tindanan warna dalam blok - anda hanya boleh memilih warna latar belakang asas yang akan berada di sekeliling imej, bukan di atasnya.

Penyuntingan imej latar belakang ialah sekeping kek dalam blok Kluster kami.

Anda boleh memuat naik ke imej latar belakang WordPress anda, tetapkan warna latar belakang untuknya dan juga tindanan warna latar belakang (dan menyesuaikan kelegapan tindanan juga!). Ia mengambil masa beberapa minit sahaja.

4 memikirkan "How to set image background in WordPress"

  1. terima kasih kepada tema ait untuk membantu semua tuan web
    web anda sangat bagus

  2. Adakah mungkin untuk membenarkan pelawat ke tapak web anda menggunakan blok Kluster untuk memilih imej latar belakang dan imej tindanan daripada pilihan imej?

    1. Hello John,

      Terima kasih kerana berminat dengan produk Citadela. Ya, untuk menyediakan latar belakang anda boleh memilih daripada pilihan yang berbeza. Maklumat terperinci boleh didapati di: https://www.ait-themes.club/citadela-doc/cluster-block/

      salam hormat!
      Zlatko
      pasukan AIT

Ruangan komen telah ditutup.