Loncat ke Konten Utama

Bagaimana meningkatkan desain item WordPress Anda dengan shortcode gratis

Divi: tema WordPress termudah untuk digunakan

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. [Direkomendasikan]

Ledakan plugin menghasilkan shortcode yang dirancang dengan baik datang terlambat. Plugin ini dengan mudah menampilkan posting atau halaman Anda dengan membuat hal-hal seperti kolom, tab, tabel harga, header khusus, dan banyak lagi terlihat sangat profesional.

Karena terlambatnya peningkatan plugin ini, plugin lain yang tidak berevolusi dari waktu ke waktu telah ditinggalkan. Dan bahkan jika mereka telah menambahkan fitur pustaka "bootstrap" (Seperti beberapa di bawah ini), mereka tidak meningkat di bidang lain.

Dalam tutorial ini, daripada menyertakan sekumpulan plugin yang tidak berfungsi dengan baik, kami akan membatasi diri pada plugin yang berhasil.

Tetapi sebelum Anda mulai, luangkan waktu untuk melihatnya Cara menginstal tema WordPressBerapa banyak plugin saya harus menginstal pada WordPress.

Kalau begitu mari kita mulai bekerja!

1. Shortcode Boostrap Mudah

Le Plugin Shortcode Bootstrap yang Mudah sangat baik untuk elemen dasar seperti kolom, tombol, kotak berwarna, progress bar, untuk memberikan efek berbeda pada gambar, dll ...

mudah-bootstrap-fitur

Salah satu hal terbaik tentang plugin ini adalah adanya banyak ikon yang bisa Anda taruh di mana-mana - pada tombol, kotak, pada tajuk, dll… Anda dapat dengan mudah mengubah ukuran dan warna ikon untuk mendapatkan tampilan yang Anda inginkan. Plugin ini idealnya memiliki tombol Kode pendek di editor visual sebagai baris ketiga.

mudah-bootstrap-visual-editor

Ketika salah satu tombol ini diaktifkan, Anda mendapatkan pop-up dengan banyak opsi (tergantung tombolnya, tentu saja). Saat memesan sesuai, seringkali ada banyak pilihan ikon yang menarik. Dan Anda bahkan dapat mengubah warna ikon ini.

Berikut adalah pratinjau parsial pada pop-up saat memasukkan tombol.

Baca juga: Cara menambahkan tombol untuk WordPress tanpa menggunakan shortcode

mudah-bootstrap-popup

Ada semua jenis kode pendek yang dapat Anda masukkan. Dan tentu saja, Anda juga bisa menggabungkannya.

Berikut adalah contoh singkat dari beberapa kode pendek yang digabungkan: sebuah kotak (latar belakang biru), ikon untuk judul (warna dan ukuran yang saya inginkan), kemudian sebuah tombol dengan ikon lain (berwarna-warni seperti yang saya inginkan).

mudah-bootstrap-kotak

Berikut adalah daftar berbagai kode pendek:

  • Akordeon
  • Kemajuan Bars dengan label
  • Tabs
  • Ikon
  • Daftar
  • Label
  • Pemberitahuan
  • kancing-kancing
  • popover
  • IconHeading
  • Tooltip
  • Meja
  • Panel
  • Gambar responsif
  • efek gambar
  • Kelompok tombol toolbar
  • Baik
  • Daftar Keterangan
  • ButtonDropdown
  • Box Layanan
  • tombol Grup
  • Slider responsif

Berikut adalah video tindakan shortcode yang disediakan oleh pembuat plugin di sini.

DownloadDemoHébergement Web

2. Kode pendek utama

Le Plugin Ultimate shortcode memiliki rangkaian kode pendek yang sangat mengesankan untuk digunakan, serta sejumlah ikon yang mengesankan untuk ditambahkan ke berbagai elemen. Selain itu, kemampuan untuk mengontrol kode pendek atau ikon (ubah ukuran, warna, posisi, dll.) juga mengesankan.

shortcode-ultimate-fitur

Singkatnya, itu adalah plugin kode pendek paling mengesankan yang pernah saya lihat. Anda mulai dengan mengklik tombol yang ditempatkan pada editor visual.

shortcode-ultimate-tombol

Anda kemudian mendapatkan daftar shortcode mungkin dalam pop-up.

shortcode-ultimate-pilihan

Seperti yang pasti akan Anda perhatikan, tidak hanya ada beberapa (tepatnya 51), Anda juga dapat memfilternya berdasarkan jenis dari bagian atas halaman atau bahkan mencari yang Anda inginkan.

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]

Lihat juga: Bagaimana menambahkan gaya visual untuk editor WordPress

Selain jumlah kode pendek dan kontrol yang Anda miliki, ini juga memungkinkan Anda untuk melihat pratinjau kode pendek Anda sebelum memasukkannya.

Hal baik lain yang dimiliki plugin ini adalah bahwa ini memberikan beberapa contoh shortcode serta kode mereka untuk mereka yang kurang berpengalaman.

Berikut adalah video tindakan shortcode yang disediakan oleh pembuat plugin di sini.

Dan berikut adalah daftar kode pendek yang tersedia.

  • Kepala
  • Pembagi
  • Pullquote
  • Daftar
  • Lightbox
  • Vimeo
  • Meja
  • menu
  • slider
  • boneka Gambar
  • Contoh
  • Tabs
  • Pengatur jarak
  • dropcap
  • Tombol
  • Tooltip
  • Screenr
  • Permalink
  • sub halaman
  • korsel
  • animasi
  • tab
  • Menyoroti
  • Bingkai
  • Jasa
  • Swasta
  • Dailymotion
  • Anggota
  • saudara
  • Galeri
  • meta
  • Spoiler
  • label
  • Baris
  • Kotak
  • Youtube
  • Audio
  • Tamu
  • Dokumen
  • Posts
  • pemakai
  • Akordeon
  • kutipan
  • Kolom
  • Catatan
  • canggih YouTube
  • Video
  • RSS feed
  • GMap
  • teks boneka
  • Pos

DownloadDemoHébergement Web

3. Olemedia

Plugin ini sangat mendasar dibandingkan dengan dua sebelumnya pada banyak elemen. Pada saat yang sama ia bersinar dengan beberapa elemen yang tidak dimiliki plugin lain.

olevmedia fitur

Misalnya, plugin ini memungkinkan Anda melakukan gaya tertentu untuk area teks dengan sangat baik. Perhatikan ikon yang ditempatkan secara profesional di tengah. Tidak ada plugin lain yang saya lihat memungkinkan Anda melakukan hal yang sama.

Lihat juga: Bagaimana membedakan link eksternal pada blog WordPress

olevmedia-kotak

Ini memiliki penghitung animasi yang dimulai dari nol hingga nomor yang Anda masukkan.

Nomor-counter

Plugin ini juga memungkinkan Anda untuk melakukan banyak gaya dengan tombol. Anda juga bisa dengan mudah tambahkan posting terbaru ke konten Anda dan daftar harga Anda yang menyenangkan.

Kelemahan dari plugin ini adalah ketika ia memberi Anda ikon untuk digunakan, itu hanya menampilkan daftar nama dan bukan representasi grafis dari ikon. Beberapa dari mereka cukup mudah ditebak dengan namanya. Dan yang lainnya tidak.

Tetapi meskipun Anda dapat menemukan ikon berdasarkan namanya, itu tidak berarti Anda akan menyukai tampilannya. Tetapi Anda hanya akan mengetahuinya setelah memasukkan dan menyimpan proyek dan pratinjau pos.

Karena beberapa plugin bekerja dengan sangat baik, Anda mungkin tidak mengadopsi yang ini sebagai plugin utama Anda; Namun, tidak ada yang menghalangi Anda untuk menggunakan yang satu ini selain yang lain.

Berikut adalah daftar shortcode utama yang ditawarkannya.

<

  • Akordeon
  • Toogle
  • Tabs
  • blockquote
  • Kotak
  • kancing-kancing
  • Kolom
  • Melawan
  • Pembagi
  • Caps penurunan
  • Ikon
  • Infobox
  • daftar
  • logo
  • Lokasi
  • Marker
  • Tulisan Terbaru
  • tabel
  • Tabel harga
  • Video

DownloadDemoHébergement Web

4. Shortcode CPO

Plugin ini memiliki sejumlah kode pendek dasar yang mungkin Anda harapkan akan ditemukan, seperti kolom dan kotak.

Karena itu, agak frustasi untuk bekerja dengannya. Ini sering memasukkan kode pendek ke dalam posting Anda tanpa memungkinkan Anda membuat pilihan, seperti memilih warna atau ukuran.

cpo fitur

Cara menggunakan shortcode di widget WordPress adalah harus dibaca.

Kode pendek itu sendiri terkadang memiliki spasi untuk hal ini, tetapi tidak ada penjelasan untuk semua ini. Akan sangat mudah untuk mengeluarkan plugin ini dari daftar; Namun, itu datang dengan beberapa hal yang membuatnya berbeda. Jadi, untuk item tersebut, luangkan waktu untuk memeriksanya.

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]

Salah satu elemen ini adalah "bagian latar belakang" yang berlaku letakkan latar belakang warna-warni pilihan Anda di seluruh halaman Anda. Perhatikan bahwa jika Anda memiliki bilah sisi hadiah, itu akan menutupinya juga (yang tentu saja tidak menyenangkan), jika Anda hanya ingin menggunakannya dalam tampilan penuh pada halaman.

Berikut ini adalah pratinjau item dengan latar belakang biru.

cpo-background

Ini juga memiliki kode pendek untuk bagian anggota tim. Ini pada dasarnya memungkinkan Anda untuk memasang gambar, nama, judul, beberapa teks yang kemudian dapat ditautkan ke jejaring sosial.

cpo-tim-anggota

Ini juga termasuk kisi harga cantik.

cpo-harga

DownloadDemoHébergement Web

Gambaran

  • Kode Pendek Utama: 5/5
  • Shortcode Boostrap Mudah: 4/5
  • Olevmedia: 3,5 / 5
  • Kode Pendek CPO: 2,5 / 5

Menurut pendapat saya, plugin Ultimate Shortcode adalah yang terbaik yang saya miliki. Meskipun beberapa plugin lain sangat bagus, itu benar-benar bolak-balik untuk apa yang ditawarkannya.

Namun, jika saya mencari kode pendek untuk digabungkan dengan Shortcode Ultimate, saya akan memilih untuk menginstal Olevmedia sebagai plugin pelengkap.

Baca juga Mengapa WordPress dan nama domain Anda harus dipisahkan

Satu-satunya hal yang perlu Anda perhatikan saat memasang dua plugin adalah memastikan bahwa keduanya tidak menggunakan nama kode pendek yang sama.

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. TPlayer

Plugin WordPress tPlayer yang responsif membantu Anda mengintegrasikan pemutar audio dan radio di situs web Anda. Ini sangat fungsional dan mendukung banyak kemungkinan penyesuaian. Itu juga dapat menampilkan detail tentang audio dan aliran radio, serta statistik tentang kebiasaan mendengarkan audio pengguna.

Plugin wordpress premium tPlaye Audio Player menambahkan pemutar audio

Plugin ini mendukung daftar putar tanpa batas dan jumlah trek yang tidak terbatas pada setiap daftar putar. Anda akan memiliki kemungkinan untuk memulihkan lagu-lagunya dari sistem penyimpanan eksternal seperti Google Drive, Amazon S3, dll ...

Baca juga artikel kami di 10 WordPress plugin untuk melindungi blog Anda

Ada juga fitur putar otomatis yang akan meluncurkan radio, atau file audio tertentu segera setelah pengunjung mengunjungi halaman atau posting. Ia juga menawarkan opsi penyesuaian lain untuk membantu mengubah tampilan pemutar audio.

Download | Demo | Hébergement Web

2. Xili-bahasa

xili-bahasa adalah plugin terjemahan WordPress yang kuat yang tersedia di direktori plugin WordPress resmi. Agar dapat menggunakan bahasa xili dengan sukses, Anda harus menggunakan tema WordPress yang siap diterjemahkan di situs web Anda.

bahasa xili

Karena tidak semua tema WordPress mendukung multibahasa, sangat disarankan untuk memastikan bahwa milik Anda mendukung fitur ini sebelum menginstal plugin ini.

Baca juga artikel kami di Cara menerjemahkan blog WordPress Anda ke beberapa bahasa

Bahasa Xili tidak hanya memungkinkan Anda membuat konten multibahasa, tetapi juga mengubah file bahasa tema WordPress Anda sesuai dengan bahasa konten. Ini ramah pengembang dan dilengkapi dengan daftar titik jangkar dan API yang memungkinkan Anda menyesuaikan perilaku situs web Anda.

Download Demo | Hébergement Web

3. WooCommerce Table Rate Shipping Plugin

Le Plugin Tabel Tingkat Pengiriman untuk WooCommerce memiliki kemampuan untuk menambahkan beberapa tarif untuk pelanggan tertentu berdasarkan berbagai kondisi yang ditetapkan oleh administrator. Ini dapat mencakup tujuan pengiriman, subtotal keranjang, kategori barang yang dikirim, harga, berat, dan banyak lagi.

Tabel Tarif Pengiriman untuk WooCommerce 2

Buat Toko Online Anda dengan mudah

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

Plugin WordPress ini akan menambahkan yang baru metode pengiriman langsung ke pengaturan WooCommerce.

Temukan juga 7 WordPress plugin untuk meningkatkan sistem pengiriman Anda

Il berguna bagi siapa saja yang perlu menghitung biaya pengiriman relatif terhadap tujuan, berat, dan / atau seluruh keranjang.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Sini! Itu saja untuk tutorial ini, saya harap ini memungkinkan Anda untuk meningkatkan desain posting WordPress Anda dengan kode pendek gratis ini. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

... 

Artikel ini berisi komentar 2

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
2 saham
saham
menciak
Register2