Pilih satu halaman
[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: 0px !penting;border-bottom-width: 0px !important;padding-bottom: 0px !important;}"][vc_column_text]

Divi: tema WordPress termudah untuk digunakan

[/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"] UNDUH [/vcex_button][/ vc_column][/vc_row]

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis.

[Ad_1]

Menambahkan gambar latar belakang ke situs WordPress Anda sangatlah mudah. Hukum?

Untuk sebagian besar, ya. Kecuali jika tema Anda tidak mendukungnya. Sebenarnya, banyak tema WordPress saat ini memiliki pengaturan cepat dan mudah untuk menambahkan atau mengubah gambar latar belakang yang ada. Sama seperti kustomisasi tampilan WP default.

Anda juga dapat mengubah latar belakang menggunakan CSS atau melalui berbagai plugin, membuka opsi untuk mengatur gambar latar belakang pada halaman, posting, dan kategori.

Dalam artikel ini, kami akan menunjukkan cara melakukan semua hal di atas dan membuat situs Anda menonjol dengan tampilan pilihan yang menarik.

Baca terus atau lanjutkan menggunakan tautan ini:

Mengapa mengubah latar belakang? Nah, gambar default tema Anda mungkin tidak menarik bagi Anda, atau mungkin terlihat cocok dengan pencitraan merek Anda. Atau, mungkin itu bukan gambar sama sekali, hanya warna. Atau mungkin Anda awalnya menyukai gambar itu, tetapi Anda muak dengan itu.

Apapun alasannya, mari kita coba untuk mengubahnya.

Tambahkan gambar latar belakang menggunakan kustomisasi WordPress default

Tema WordPress dapat memiliki latar belakang warna-warni atau foto default di latar belakang. Kebanyakan orang memilih untuk menggantinya dengan gambar dan/atau warna yang lebih sesuai dengan selera dan branding situs mereka.

Untuk menambahkan gambar latar belakang di editor WordPress default, Anda harus mengikuti langkah-langkah ini:

  • Dari dasbor WP, navigasikan ke Penampilan> Sesuaikan> Gambar Latar Belakang ou Penampilan> Latar Belakang / Gambar Latar Belakang.
  • Klik pada Pilih gambar untuk membuka perpustakaan media Anda.
  • Pilih gambar yang diinginkan, baik dengan mengunduhnya dari komputer Anda atau dengan memilih salah satu dari perpustakaan media Anda.
  • Setelah Anda memiliki gambar yang ingin Anda pilih, klik pada warna biru Pilih gambar tombol.
  • Di jendela atas menu kiri, Anda akan melihat pilihan Anda terisi. Di sebelah kanan, Anda akan melihat pratinjau ukuran penuh halaman beranda situs Anda, dengan gambar latar belakang.

Jika Anda menyukai apa yang Anda lihat, klik biru menerbitkan tombol di pojok kanan atas, dan selesai!

Jika Anda ingin mengubah tampilannya sebelum menyelesaikan, ada sejumlah pengaturan dan opsi yang dapat Anda mainkan untuk menemukan tampilan favorit Anda.

Pengaturan latar belakang WP default
Opsi Ulangi paling baik digunakan pada desain yang dirancang agar sejajar dengan tepat, bukan foto.

Alat pengeditan menu gambar latar belakang, dan opsi terkaitnya, adalah:

  • Prasetel
    • Default, Isi Layar, Sesuaikan Layar, Ulangi, Kustom
  • Posisi gambar
    • Tengah, kanan atas, kanan tengah, kanan bawah, tengah bawah, kiri atas, kiri tengah, kiri bawah, tengah atas
  • Ukuran gambar
    • Asli, Sesuai dengan layar, Isi layar
  • Ulangi gambar latar belakang - kotak centang
  • Gulir dengan halaman - kotak centang

Bermain-main dengan alat pengeditan untuk melihat ukuran, pola, dan posisi yang Anda inginkan. Memilih salah satu opsi tarik-turun dari submenu akan memberi Anda pratinjau yang dihasilkan dari halaman Anda di sebelah kanan.

Jangan khawatir tentang terjebak dengan apa pun. Sangat mudah untuk kembali ke pengaturan dan mengubah gambar latar belakang (dan opsi terkait) kapan saja.

Tambahkan gambar latar belakang menggunakan plugin

Ada beberapa plugin di WordPress.org yang menyelesaikan tugas menambahkan gambar latar belakang.

Untuk beberapa nama: latar belakang WordPress canggih, manajer latar belakang penuh, dan gambar latar belakang layar penuh sederhana.

Yang terakhir adalah favorit saya, jadi itulah yang akan saya gunakan untuk tutorial ini.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda membuat Mudah dan Gratis desain situs web atau blog apa pun dengan tampilan profesional. Berhentilah membayar banyak untuk situs web yang dapat Anda lakukan sendiri.

spanduk plugin gambar latar belakang layar penuh sederhana

Gambar latar belakang layar penuh sederhana menyediakan kemudahan instalasi dan konfigurasi gambar layar penuh sebagai latar belakang situs web Anda. Ini secara otomatis menskalakan gambar dengan browser, yang berarti gambar selalu memenuhi layar.

Implementasinya hanya membutuhkan beberapa langkah sederhana. Ada versi berbayar / pro yang tersedia yang menambahkan lebih banyak fitur, tetapi hanya versi gratis yang kita butuhkan untuk latihan ini.

Sekarang mari kita gunakan plugin untuk menambahkan gambar latar belakang layar penuh.

  1. Instal dan aktifkan Gambar latar belakang layar penuh sederhana Menghubung.
  2. Dari dasbor WP, navigasikan ke Penampilan> Gambar latar belakang layar penuh.
  3. Pilih gambar yang diinginkan, baik dengan mengunduhnya dari komputer Anda atau dengan memilih salah satu dari perpustakaan media Anda.
  4. Setelah Anda memiliki gambar yang ingin Anda pilih, klik pada warna biru Gunakan gambar tombol.
  5. Klik biru Simpan opsi tombol, dan kunjungi situs Anda.
pratinjau gambar latar belakang layar penuh
Pratinjau halaman setelah memilih gambar di Gambar latar belakang layar penuh.

Di sini adalah! Gambar sekarang akan muncul di situs Anda sebagai gambar latar layar penuh.

Saya ingin menyebutkan bahwa pengaturan plugin ini untuk gambar latar belakang mengesampingkan pengaturan latar belakang kustom WP default. Ini bukan hal yang buruk, hanya sesuatu yang perlu diperhatikan.

Mengatur gambar latar belakang untuk posting, halaman, kategori, tag, dan lainnya dengan plugin khusus ini dimungkinkan, tetapi akan memerlukan pembelian versi pro.

Tambahkan gambar latar belakang menggunakan CSS

Sekarang kita akan mengeksplorasi cara memodifikasi gambar latar belakang menggunakan kode CSS. Ini dapat dilakukan untuk membuat latar belakang seluruh situs atau untuk kategori tertentu, menggunakan Penyesuai Tema WP.

WP Default Sesuaikan Menambahkan CSS
Kustomisasi WP default CSS tambahan menu masukan.
  1. Dari dasbor WordPress Anda, navigasikan ke Penampilan> Sesuaikan.
  2. Gulir ke bawah dan klik CSS tambahan.
  3. Rekatkan kode yang sesuai ke dalam bidang CSS sebagai berikut:

Gambar latar belakang seluruh situs:

Pastikan untuk mengganti teks pemilik dengan " URL Gambar Dalam kode dengan nama URL sebenarnya dari file gambar. Untuk melihatnya, pilih gambar apa pun di perpustakaan media Anda dan lihat informasi gambar di sisi kanan layar.

Salin dari perpustakaan media ke papan klip
Klik pada Salin URL ke papan klip tombol yang digunakan untuk menempelkan kode CSS.

Gambar latar belakang khusus kategori:

Pastikan untuk mengganti dua kotak teks pemegang kartu pada kode di atas:

  • Nama URL sebenarnya dari file gambar untuk " URL Gambar« 
  • Nama kategori yang valid untuk nama kucing

Untuk menemukan nama kategori:

  1. Buka dasbor situs web WordPress Anda
  2. Cliquer sur Artikel> Kategori
  3. Pilih kategori yang ingin Anda rujuk, dan arahkan kursor ke " Sunting"Tautan untuk ini; Anda akan melihat URL di kiri bawah halaman, yang menampilkan ID Kategori
ID Kategori
Dalam hal ini, ID Kategori akan menjadi 428.

Ingatlah bahwa ini adalah kode keras, jadi beberapa plugin mungkin tidak memuat gambar dengan lambat atau mungkin tidak dapat mengindeksnya ke CDN.

Tambahkan gambar latar belakang ke area tertentu

Ada plugin keren lain yang akan membantu Anda menambahkan gambar latar belakang ke area konten tertentu.

Spanduk plug-in AWB

Apakah Anda ingin menjual produk Anda di internet?

Unduh WooCommerce secara gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress dan dengan mudah membuat toko online Anda. Sempurna untuk pemula.

itu Latar belakang WordPress tingkat lanjut Plugin untuk WordPress memungkinkan menambahkan latar belakang menggunakan blok Gutenberg. Anda dapat mengatur warna, gambar, atau bahkan video apa pun sebagai latar belakang, dan ini dapat dilihat di perangkat seluler.

Ini juga membantu menambahkan efek paralaks ke gambar dan video latar belakang.

Dalam hal ini, kami hanya akan menambahkan gambar latar statis ke tempat konten, khususnya pos.

Karena ini berfungsi dengan blok Gutenberg, Anda harus menggunakan editor Gutenberg, jadi pastikan untuk beralih ke mode Editor Klasik jika perlu.

Setelah plugin diinstal dan diaktifkan, buka dasbor WordPress.

1. Klik pada Terbitkan> Tambahkan baru.

2. Klik tanda plus + tombol, gulir ke Desain judul dan klik pada LTA untuk memblokir.

Bilah alat untuk semua perubahan yang ingin kita buat terletak di dua area: bilah ikon atas dan kolom menu samping.

3. Di salah satu menu (saya lebih suka menggunakan kolom samping satu), klik Gambar bar up (antara Warna & Video), lalu klik warna biru Pilih gambar tombol di bawah, dan itu akan membuka perpustakaan media Anda.

4.Pilih gambar yang Anda inginkan, lalu klik warna biru memilih tombol.

Setelah Anda selesai melakukannya, Anda akan melihat bahwa gambar tersebut sekarang menjadi bagian dari blok AWB. (Jika Anda tidak melihatnya, klik ikon gambar di bilah ikon AWB dan itu akan muncul.)

Alat Pengeditan AWB
Plugin AWB memiliki dua area menu terpisah untuk mengedit.

Dengan menggunakan pengaturan menu, Anda dapat mengubah posisi gambar (tergantung pada indikator pada sumbu), ukuran, jarak, dll. Saya meninggalkan pengaturan persentase default 50/50 (yang menempatkannya tepat di tengah), dan ukuran penuh dan cakupan default.

Jadi sekarang kita memiliki latar belakang posting kita, kita perlu menambahkan konten / teks posting yang sebenarnya.

1. Klik tanda plus + tombol yang terletak di blok di atas gambar latar belakang.

2. Klik pada ayat icon, yang akan menambahkan blok teks di atas gambar latar belakang kita.

Tambahkan paragraf ke blok latar belakang gambar
Blok "Stack" dimungkinkan di LTA; Anda dapat menempatkan teks di atas gambar latar belakang.

Ketik konten teks Anda, lalu ubah perataan atau warna teks jika Anda mau (saya melakukannya, tetapi ini opsional), dan voila! Kami memiliki pesan dengan kekacauan individualnya sendiri.

Publikasikan dengan gambar latar belakang menggunakan plugin AWB
Plugin AWB memungkinkan Anda membuat artikel dengan gambar latar belakang, terlepas dari halamannya.
Publikasikan dengan blok paragraf gambar latar belakang
Beberapa blok teks dengan gambar latar belakang / kombinasi blok teks di antaranya.

Anda hanya dapat membuat satu bagian dari posting Anda untuk memiliki gambar latar belakang, yang memberikan sedikit semangat. Cukup tambahkan blok paragraf tambahan sebelum dan sesudah yang ada di gambar latar belakang.

Sangat keren.

Kembali ke dasar

Menambahkan latar belakang ke situs WordPress Anda mungkin tampak seperti hal kecil. Tapi jika dilakukan dengan benar, itu bisa berdampak besar. Ini juga dapat membantu menjaga keberadaan online Anda tetap up to date, sehingga pengunjung tidak bosan melihat gambar yang sama berulang-ulang.

Sangat ideal untuk menggunakan kustomisasi built-in dari fungsi tema untuk menambahkan gambar latar belakang ketika ada, karena dirancang khusus untuk bekerja sebagai kode.

Namun, Anda memiliki opsi lain untuk menyiapkan gambar latar WordPress. Kustomisasi WP dasar, plugin, pembuat halaman, dan tweak CSS, semuanya memberikan kontrol halus atas gambar mana yang digunakan dan di mana.

Jadi lanjutkan dan berkreasilah dengan latar belakang Anda. Ciptakan dampak tematik dan pertahankan pengunjung Anda secara visual.

Catatan Editor: Posting ini telah diperbarui untuk akurasi dan relevansi.
[Awal Diterbitkan: Agustus 2014 / Direvisi: November 2021]

Mots clés:

[Ad_2]

0 saham
saham
menciak
Register