Loncat ke Konten Utama

Bagaimana untuk mengukir dan mengekspor Visual Composer tata letak

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]

Banyak dari Anda sudah pernah mendengar tentang Visual Composer. Ini adalah plugin WordPress premium yang memungkinkan Anda membuat tata letak profesional tanpa harus menggunakan kode (atau hampir).

Banyak tema WordPress hari ini yang kompatibel dengan plugin ini dan Anda akan sering melihat bahwa dalam demo tema ini, ada bagian yang menarik bagi Anda dan Anda ingin menyalin ke halaman Anda lagi.

Hanya saja, pada saat menulis tutorial ini, Visual Composer tidak memungkinkan Anda untuk menyalin bagian (baris) dan menempelnya di halaman yang ada.

Dalam tutorial ini, saya akan menjelaskan kepada Anda bagaimana saya lakukan untuk mencapai hasil ini.

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.

Buat salinan dari halaman yang relevan

Kami akan membuat perubahan yang dapat membatalkan tata letak. Karena itu Anda harus membuat salinan dari halaman Anda saat ini. Halaman tempat Anda ingin perubahan diterapkan.

Anda dapat membaca tutorial ini pada duplikasi halaman WordPress.

Apa yang perlu Anda ketahui tentang Komposer Visual sebelum Anda mulai

Jika komposer Visual membuat pekerjaan Anda lebih mudah, itu pasti karena pekerjaan kotor di latar belakang, yaitu menambahkan tag WordPress (shortcode). Pekerjaan yang dilakukannya adalah mengatur tata letak Anda yang banyak terinspirasi oleh bootstrap (Kerangka HTML5).

Ini adalah alasan mengapa ketika Anda mengaktifkan mode klasik, konten editor akan hampir tidak dapat dibaca untuk Anda.

Mengapa mengekspor bagian dari satu halaman ke halaman lain

Biasanya penulis tema WordPress menawarkan demo dengan fitur yang berbeda (bagian), dan kadang-kadang bisa terjadi bahwa Anda hanya perlu satu bagian pada satu halaman, jadi bagaimana cara menyalin hanya bagian ini di halaman lain?

Solusi mudahnya adalah menghapus elemen dari halaman ini satu per satu dan menyalin konten terakhir, tetapi metode ini agak panjang.

Temukan juga tutorial kami di Cara Membuat Halaman Web Pro

Di sini, saya akan menunjukkan kepada Anda cara mengekspor bagian dari satu halaman ke halaman lain menggunakan kode pendek yang dihasilkan oleh Visual Composer.

Cara menggunakan shortcode Visual Composer

Visual Composer menggunakan kode pendek berpasangan, sebagai lawan dari kode pendek tunggal. Berikut adalah contoh kode pendek berpasangan:

[Contoh] ... [/ instance]

Dalam hal ini, konten antara [example] dan [/ example] akan dikendalikan oleh kode pendek. Jadi untuk menyalin bagian, kami akan menggunakannya.

Langkah Satu: Temukan bagian yang ingin Anda salin

Kami akan mulai dengan menemukan bagian yang ingin kami salin. Mari kita ambil halaman ini sehingga bagian yang ingin kita salin disebut " BISNIS YANG DIDUKUNG '.

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]

Apa yang akan kita lakukan adalah memodifikasi halaman ini dan menemukan elemen pada mode " Penerbit Komposer visual.

Kami kemudian akan menambahkan pengidentifikasi ke bagian ini dengan mengklik " pengubah Dari bagian.

Dari sana, gulir ke bawah sampai Anda menemukan " Id Baris "Siapa yang seharusnya bersamamu" Id baris Dan tambahkan "bagian-untuk-menyalin".

Setelah selesai, klik " Simpan Perubahan " Anda akan melihat teks di bagian atas bagian ini seperti pada gambar berikut:

Langkah Dua: Cara Menyalin Konten Lokal

Kami akan beralih ke mode editor " modus klasik "Atau" Mode Klasik Yang seharusnya menampilkan editor visual WordPress. Dari sana, lakukan pencarian untuk ekspresi yang kami tambahkan sebagai pengidentifikasi bagian. Di Windows Anda akan menggunakan " CTRL-F "Di mac adalah" PERINTAH + F '.

Anda harus memiliki hasil yang mirip dengan ini.

Ucapan : Untuk kompatibilitas yang lebih baik, saya mengundang Anda untuk beralih ke mode editor teks sebelum membuat salinan ini.

Sekarang kita telah menemukan kode ini, kita akan membaca teks dari sana secara terbalik untuk menemukan kode pendek berikut "

" Anda bahkan dapat mencari di " vc_row Ini akan menyoroti kode pendek pembukaan dan penutupan yang membungkus bagian yang ingin kita salin.

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]

Kami akan mulai dengan kode pendek pertama yang berisi pengenal kami ke kode pendek berikutnya. Ini adalah bagian yang akan kita tambahkan ke halaman baru kita.

Anda dapat mengulangi prosedur dengan item lain yang ingin Anda tambahkan.

Temukan juga beberapa tema dan 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. Iklan Flap Pro

Advert Flap Pro adalah plugin WordPress premium untuk mengelola iklan animasi. Ini adalah salah satu cara paling efektif jika Anda ingin mengiklankan atau mengiklankan pengunjung situs web Anda tanpa menggunakan sembulan.

Membuat iklan semudah memilih gaya Anda, memasukkan teks Anda, dan mempratinjau iklan Anda. Setelah Anda puas, pilih halaman yang ingin Anda tampilkan atau sembunyikan dan klik terbitkan. Sesederhana itu!

Temukan Bagaimana mengubah tata letak blog WordPress Anda

Ini berfungsi pada semua browser modern (termasuk iPad dan iPhone). Ini sempurna untuk penawaran khusus, pemberitahuan penjualan, promosi barang, ulasan cookie, berita penting, produk baru, dan banyak lagi ...

Download | Demo | Hébergement Web

2. Dinding Sosial Addon untuk UserPro

UserPro dapat menjadi jauh lebih menyenangkan dengan dinding sosial. Inilah yang dibawa ekstensi Wall Sosial. Dengan ekstensi Dinding Sosial, Anda dapat membuat dinding di situs web Anda dan menawarkan anggota Anda cara menyegarkan untuk berinteraksi dengan komunitas.

Plugin WordPress Social Wall memungkinkan pengguna Anda untuk: berbagi pesan satu sama lain, berbagi gambar, mengomentari publikasi orang lain, pengguna dapat menyukai atau tidak menyukai pesan, mereka dapat memilih untuk menampilkan dinding hanya untuk pengguna yang masuk atau untuk semua pengguna, administrator dapat menghapus posting atau komentar dari pengguna, dll.

Download | Demo | Hébergement Web

3. sopir

Chauffeur adalah plugin reservasi limo WordPress premium yang tangguh untuk bisnis dari semua ukuran. Ini dapat digunakan oleh operator limusin dan antar-jemput. Dengan plugin ini, Anda dapat dengan mudah melakukan reservasi untuk rute yang ditentukan. Ini akan membantu Anda meningkatkan layanan pelanggan dan mengelola bisnis penyewaan limusin Anda secara online.

Ini menawarkan proses pemesanan sederhana, langkah demi langkah dengan dukungan untuk beberapa gateway pembayaran, pemberitahuan email dan SMS, Plugin WooCommerce, Google Kalender, dan panel kontrol intuitif.

Sebagai fitur yang akan kami miliki antara lain: kemampuan untuk membuat, mengubah atau menghapus formulir reservasi, dukungan kode pendek, spesifikasi jenis layanan yang ditawarkan, ketepatan waktu sewa minimum dan maksimum limusin, spesifikasi periode pemesanan, ketepatan interval waktu antara pemesanan untuk kendaraan yang sama, geolokasi fisik Anda perusahaan, spesifikasi rute yang tersedia dalam sistem pemesanan, dan banyak lagi.

Buat Toko Online Anda dengan mudah

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

Temukan juga ini plugin 10 WordPress untuk meningkatkan penelitian di blog Anda

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Temukan sumber daya lain yang direkomendasikan yang akan menemani Anda dalam membuat dan mengelola situs web Anda.

Kesimpulan

Di sini! Itu saja untuk tutorial ini, saya harap ini akan membantu Anda dengan mudah menyalin bagian-bagian tertentu pada halaman Anda. Jangan ragu untuk melakukannya berbagi dengan teman-teman Anda di jejaring sosial favorit Anda.

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.

Dan jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

...

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
12 saham
saham10
menciak
Register2