Loncat ke Konten Utama

Menggunakan latar belakang yang berbeda WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

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

WordPress adalah alat yang memiliki berbagai kegunaan. Keduanya dapat digunakan sebagai sistem manajemen konten dan sebagai platform blogging (CMS).

Ini tentu saja karena alat ini mudah dipelajari, digunakan, dan dikustomisasi. Maksud saya, Anda dapat mengubah situs web sesuai keinginan tanpa banyak usaha. Anda bahkan dapat menambahkan latar belakang yang berbeda ke artikel dan halaman WordPress Anda, dan inilah bagian terakhir yang menjadi subjek tutorial ini.

Jika Anda ingin menambahkan beberapa warna dan gaya ke artikel dan halaman WordPress Anda, panduan ini membahas topik menggunakan pendekatan dua cabang. Pertama, kami akan menambahkan latar belakang yang berbeda ke artikel atau halaman menggunakan CSS dan fungsi PHP sederhana.

Namun, jika itu bukan cangkir teh Anda (katakanlah Anda adalah pemula yang sempurna dan kode itu bukan urusan Anda), kami akan menawarkan plugin yang akan membantu Anda melakukannya.

Bagaimanapun, Anda tidak perlu membuang banyak waktu karena ini adalah proyek yang relatif mudah. Plus, selalu menyenangkan untuk mempelajari sesuatu yang baru.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda

Lalu kembali ke mengapa kita ada di sini.

Bagaimana cara menambahkan latar belakang dengan kode di WordPress

Bagian ini akan sangat bermanfaat jika Anda memiliki pengetahuan tentang PHP, HTML dan CSS. Jangan khawatir, Anda selalu dapat menyalin dan menempelkan cuplikan yang disediakan di sini. Anda hanya perlu tahu di mana file yang berbeda berada di instalasi WordPress Anda.

Temukan alasannya latar belakang video tidak selalu merupakan ide yang baik

Tambahkan latar belakang berbeda dengan CSS di WordPress

Banyak gaya yang masuk ke artikel WordPress dan halaman (dan seluruh situs web Anda) dikendalikan oleh file bernama "stylesheet ". File stylesheet di WordPress biasanya dinamai "style.css". Anda dapat mengakses " style.css Dengan mengakses " Penampilan> Editor Di dasbor WordPress Anda:

Mengedit tema wordpress

Kami akan menambahkan latar belakang (dan gaya lainnya) artikel dan halaman WordPress Anda di file style.css, jadi penting untuk memiliki tab terbuka kedua tempat Anda dapat melihat pratinjau berbagai perubahan.

Temukan juga ini Beberapa editor teks untuk pengembang WordPress

Saat menavigasi ke " Penampilan> Editor Anda juga akan melihat daftar semua templat tema WordPress di sebelah kanan layar. Jika Anda menggunakan tema anak, Anda harus memuat file template untuk tema orang tua Anda.

Anda perlu fokus pada file " header.php '. Mengapa header.php ? Karena file ini ditambahkan ke semua halaman dan artikel lainnya. Dengan kata lain, kode di dalam header.php muncul di setiap halaman atau artikel yang Anda buat.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Temukan cuplikan kode ini:

<body <? php body_class (); ? >>

Fungsi ini memiliki tujuan. Ini menawarkan kelas CSS yang dapat Anda gunakan untuk mengubah gaya artikel dan halaman Anda. Yang harus Anda lakukan adalah menargetkan kelas CSS tertentu ke halaman atau artikel yang ingin Anda sesuaikan, tambahkan latar belakang dan gaya Anda. Yang harus Anda lakukan sekarang adalah menyimpan perubahan Anda.

Temukan ini yang dapat Anda lakukan secara konkret dengan plugin WordPress Yellow Pencil?

<body class = "blog rumah log-in admin-no-sesuaikan-dukungan-bar" "

Jadi "<? Php body_class (); Adalah bagian dari cuplikan kode yang menyediakan semua kelas, misalnya .home, .blog, .logged-in, dll, yang dapat Anda gunakan di CSS untuk gaya dan elemen yang berbeda pada halaman Anda. rumah.

Melihat kode sumber untuk semua artikel atau halaman itu mudah. Jika Anda menggunakan Chrome, klik kanan ruang kosong pada halaman dan klik " Periksa elemen ". Di Mozilla, klik kanan langsung pada artikel / halaman lalu klik " sumber halaman ". Jika Anda menggunakan Microsoft Edge (Internet Explorer), klik kanan halaman / artikel Anda dan pilih " View Source '.

Belajar juga Cara efektif menggunakan tab di browser web Anda

Jika Anda melihat kode sumber halaman WordPress, kode yang dihasilkan hampir sama:

<body class = "page-id-2 page-template-default admin-no-customize-support-bar">

Jika Anda melihat kode sumber untuk satu artikel, fungsi body_class akan menampilkan sesuatu yang mirip dengan:

<body class = "single-post-postid-1 format-tunggal-standar admin-no-kustomisasi-dukungan-bar">

Seperti yang Anda lihat, Anda akan memiliki set pemilih CSS yang dapat Anda gunakan untuk menyesuaikan latar belakang blog Anda.

Bagaimana cara menambahkan latar belakang khusus dengan plugin

Anda juga dapat menyesuaikan latar belakang artikel dan halaman WordPress seperti yang kami tunjukkan sebelumnya, menggunakan plugin WordPress. Jadi, jika Anda tidak punya waktu untuk memanipulasi kode, atau ikuti petunjuk ini, berikut adalah plugin yang akan membantu Anda sampai di sana.

Backgrounds Premium WordPress Kustom

Dalam beberapa menit, dengan Backgrounds kustom Anda akan dapat membuat latar belakang bergilir untuk artikel, halaman, format publikasi khusus, taksonomi, dan arsip. Anda bahkan akan memiliki kemungkinan untuk menyesuaikan efek paralaks, timer, dan lainnya.

Latar belakang khusus untuk wordpress

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Anda bahkan dapat mengatur latar belakang yang dapat diklik untuk artikel Anda dan halaman WordPress tanpa banyak konfigurasi. Penulis juga memungkinkan Anda untuk menguji plugin sebelum membelinya, sehingga Anda bisa tahu apa yang diharapkan.

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Zxeion

Zxeion adalah plugin WordPress yang kuat yang meningkatkan keamanan situs web Anda. Plugin ini berisi kumpulan tambalan dan alat untuk perlindungan tambahan, serta perlindungan waktu nyata untuk jaringan Anda, yang dapat membantu Anda mengidentifikasi ancaman ke situs web Anda dan memblokirnya tanpa harus melakukan apa pun. apa saja.Firewall keamanan Zxeion menyembunyikan plugin wp saya wordpress

Fitur-fiturnya meliputi: perlindungan waktu nyata, kemampuan untuk menyembunyikan bagian admin, larangan otomatis firewall, perlindungan file, IP blocker, perlindungan terhadap serangan Brute Force, deteksi kesalahan server, perlindungan terhadap spam dan banyak lagi

Download | Demo | Hosting Web

2. SearchAzon

Plugin SearchAzon WordPress memungkinkan Anda untuk mengintegrasikan fitur Pencarian Amazon ke situs web Anda. Ini akan memungkinkan Anda memilih untuk menampilkan hasil pencarian di Amazon ke situs web Anda dan mengarahkan pengunjung ke Amazon.

Searchazon woocommerce amazon afiliasi pencarian otomatis plugin

Dengan menggunakan SearchAzon, Anda akan mendapat komisi dan pelanggan Anda akan senang. Ini adalah konsep yang sangat sederhana yang akan menghasilkan pendapatan dari uji coba otomatis situs web Anda. Misalkan Anda sudah memiliki toko online yang hanya menawarkan ceruk produk tertentu, seperti: Apple. Pelanggan meluncurkan pencarian "Samsung S8 +", yang akan terjadi adalah Anda akan kehilangan pelanggan ini. Di sinilah SearchAzon beraksi.

Jika pelanggan mencari produk yang tidak dapat ditemukan di situs web Anda, berdasarkan kata kunci / frasa itu, pencarian otomatis akan diluncurkan di Amazon dan pelanggan Anda akan mendapatkan hasil terbaik Amazon langsung di situs web Anda. Jadi, lebih banyak pelanggan yang hilang atau kecewa. Setiap orang akan menemukan apa yang mereka inginkan di situs web Anda dan Anda akan menghasilkan pendapatan tambahan dari Amazon.

Download | Demo | Hébergement Web

3. Guru Slider

Tidak heran bahwa plugin WordPress Master Slider adalah favorit abadi di CodeCanyon. Slider responsif dan responsif ini menawarkan lebih banyak model 70 yang sangat dapat disesuaikan dan mudah digunakan.

Master penggeser penggeser lapisan penggeser wordpress

Anda dapat memasukkan atau menyematkan teks HTML, tautan, gambar, atau video langsung ke setiap slide, dan kemudian menganimasikan setiap layer secara independen. Dengan lebih dari opsi konfigurasi 70, Master Slider tetap menjadi salah satu plugin yang sangat dapat disesuaikan untuk niche ini.

Fitur-fiturnya adalah: pembuat peragaan slide visual, kemudahan penggunaan, kehadiran tombol navigasi, kemampuan memuat dan menampilkan galeri dari layanan seperti Flickr dan WooCommerce, dan banyak lagi

Download | Demo | Hébergement Web

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

Kesimpulan

Itu dia! Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk mengubah latar belakang dengan mudah di WordPress. Jika Anda menyukai artikel ini, maka jangan ragu untuk melakukannya berbagi dengan teman-temanmu.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Tetapi sementara itu, beri tahu kami tentang Anda komentar dan saran di bagian khusus.

...

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
11 saham
saham5
menciak1
Register5