Loading...
Search
  • 7501 Carrlton Cuevas Rd, Gulfport, MS, 395503
  • Mon - Sat 8.00 - 18.00

Category Archives: Plugin

Cara membuat slider wordpress tanpa lemot

Ingin membuat slider wordpress untuk website yang anda miliki?

Penambahan slider wordpress ini, membuat website kita terlihat elegan dan profesional tentu saja, anda bisa pakai slider ini untuk keperluan berbagai macam website, mulai dari website sekolah hingga blog profesional

Tujuan untuk pembuatan slider ini adalah untuk memprioritaskan beberapa info, agar info tersebut bisa lebih cepat kepada pembaca. Bagi anda yang baru belajar nge”wordpress”, tampilan slide itu seperti ini ya :

slider wordpress

Ada banyak cara, yang bisa anda lakukan untuk membuat slider pada website berbasis wordpress, apalagi jika anda sering membeli plugin page builder seperti elementor atau divi, kedua plugin tersebut memiliki fungsi slider pada versi premiumnya.

Selain itu, pada beberapa tema juga, biasanya memiliki menu slider yang dimasukan langsung di dalam temanya.

Anda juga bisa memakai plugin yang tersedia pada menu wordpress, tinggal anda ketikan slider, maka akan ada ratusan plugin yang bisa anda pakai untuk membuat slider, mulai dari yang berbayar hingga yang gratis. Dan tentu saja, style dari slide tersebut berbeda-beda pada setiap plugin.

Hanya saja, jika anda salah memilih plugin slider, biasanya fungsi slider ini sendiri berdampak pada kecepatan website, sehingga website yang anda miliki, lebih lemot dari biasanya.

Nah pada kesempatan kali ini, saya akan memberikan tutorial kepada anda, bagaimana cara untuk membuat slider di dalam wordpress, tanpa mempengaruhi performa dari website anda. Bagaimana caranya?

BACA JUGA : Wajib di coba, 10 Extension chrome yang berguna untuk produktivitas kamu

Cara membuat slider wordpress tanpa lemot

Pada kesempatan kali ini, kita akan menggunakan sebuah plugin slider wordpress yang bernama soliloquy. Mungkin agak aneh namanya, namun slider ini sudah aktif di 80.000 lebih website dengan rating bintang 4.5

1. Silakan langsung saja untuk masuk ke menu plugin, dan langsung saja ketikan kata kunci “soliloquy” di menu pencarian. Atau anda juga bisa download di sini. Bagi anda yang masih pemula dan belum paham mengenai plugin, boleh baca artikel Mengenal plugin wordpress dan kegunaannya

slider wordpress

2. Anda akan menemukan beberapa item, silakan pilih item yang sama dengan gambar di bawah ini, lalu klik instal now. Tunggu proses ini hingga selesai

slider wordpress

3. Setelah terinstall, silakan aktivasi plugin tersebut dengan menekan tombol activate.

4. Sebuah menu baru bertuliskan “soliloquy”, akan muncul di dashboard wordpress anda, silakan klik langsung menu tersebut.

slider wordpress

5. Anda akan diarahkan ke halaman “soliloquy”, dihalaman inilah nanti anda akan melihat slide yang sudah dibuat. Silakan klik “add new” untuk membuat sebuah slider wordpress

slider wordpress

6. Bisa dilihat pada gambar, silakan pada kolom “add title”, anda bisa mengisinya dengan nama slide anda misalnya “slide pariwisata”, lalu pilih native slider, pilih foto yang ingin anda jadikan slide di pc anda lewat “select files from computer” atau anda juga bisa memilih file photo dari media wordpress anda dengan menekan tombol “select file from other sources”

slider wordpress

Catatan : Karena soliloquy yang kita download merupakan versi free, maka beberapa fitur dalam plugin menjadi dibatasi atau tidak bisa digunakan seperti external slider, thumbnail, carousel, pinterest, lightbox, dan schedule. Namun plugin ini tetap powerful ya

7. Tunggu beberapa saat, hingga foto yang sudah kita pilih tampil, di bagian bawah, seperti pada foto. Jika anda ingin menghapus foto, anda bisa menekan tombol merah untuk menghapusnya

slider wordpress

8. Setelah itu anda bisa masuk ke menu config, untuk mengatur slider wordpress yang sudah di buat. Berikut adalah beberapa pengaturan yang bisa anda pelajari :

slider wordpress

1. Slider theme : tema dari slider yang akan di buat, pada versi gratis anda akan menemukan dua tema saja, yaitu classic dan base. Berikut adalah tampilannya

slider wordpress
Tampilan slide base
slider wordpress
Tampilan slide classic

2. Slider dimension : ukuran dari slider yang ada buat
3. SIider transition : Transisi antar slider (hanya satu pilihan saja)
4. Slider transition duration : Waktu durasi setiap slider, format dalam milidetik, jadi jika anda ingin mengatur 10 detik, anda harus mengisinya dengan 10.000
5. Slider transition speed : Kecepatan transisi slide ke slide selanjutnya
6. Slider Gutter : Mengatur jarak antara konten dengan slide dalam satuan pixel
7. Crop Images in Slider? : Potong otomatis gambar sesuai ukuran, saya sarankan anda mencentang opsi ini

Selain itu anda juga bisa mengatur css untuk slider yang sudah anda buat, di menu misc. Untuk pengaturan CSS ini, kita akan bahas di pertemuan selanjutnya ya.

slider wordpress

Nah setelah selesai, mengatur slider, maka saatnya anda mengaktifkan slider wordpress yang sudah di buat. Namun jangan lupa ya, untuk menyimpan terlebih dahulu pengaturan slide yang sudah anda buat dengan menekan tombol update

slider wordpress

BACA JUGA : 10 Trik wordpress yang jarang diketahui orang

Bagaimana cara mengaktifkan, slider yang sudah di buat?

Slider yang sudah anda buat, bisa anda simpan dimana saja, bisa di halaman atau di postingan, sesuai dengan kebutuhan anda. Misal jika anda membuat slider untuk menjelaskan konten postingan mengenai “pariwisata”, anda bisa simpan di postingan.

1. Langkah pertama yang bisa anda lakukan adalah, setelah anda menekan tombol update, maka akan muncul soliloquy slider code, nah pilihlah salah satu kode tersebut, lalu copy.

slider wordpress

2. Atau jika anda, tidak menemukannya, anda bisa masuk lagi ke halaman soliloquy di menu dashboard, lalu silakan copy codenya dari slide yang anda pilih

slider wordpress

3. Silakan untuk masuk ke menu postingan atau halaman, anda bisa buat baru, atau edit postingan yang lain, lalu paste kode tadi di halaman yang sudah anda buat

slider wordpress

Dan selamat, anda sudah berhasil membuat slide yang di inginkan.

slider wordpress

BACA JUGA : 9 tool terbaik untuk cek kecepatan website anda

Baiklah itu saja, yang bisa kami sampaikan. Jika anda menyukai artikel ini, anda dapat bagikan artikel ini kepada orang terkasih anda. Selain itu anda juga bisa menemukan kita di channel youtube untuk tutorial wordpress. Atau anda juga bisa mengunjungi facebook dan instagram kita, untuk insight menarik lainnya

 


.

Ketika anda sedang membuat website berbasis wordpress, (cek juga pengertian wordpress di sini)

seringkali ada saatnya kita harus mengupload beberapa file yang dibutuhkan untuk kepentingan website itu sendiri, apalagi kalau anda sedang membuat sebuah website download.

Namun, wordpress memiliki keterbatasan dalam mengupload file, demi alasan keamanan pada website, anda hanya di ijinkan untuk mengupload beberapa file saja, yaitu sebagai berikut :

gambar dengan extensi (.jpg, .png, dan gif)
dokumen dengan ektensi (.doc, .xls, .ppt, .pdf)
file audio dengan ektensi (.wav, .mp3, .mp4)
dan file video dengan ektensi (.mpg, .mov, dan .wmv)

 

Anda mungkin suka : 10 Alasan kenapa harus menggunakan wordpress

Hanya itu saja yang di ijinkan, lalu bagaimana jika anda misalnya memiliki tutorial mengenai blender dan memiliki file dengan format ektensi 3d. atau file program python dengan extensi .py.

Ya kalau anda mengupload file, diluar ektension tersebut, maka biasanya akan di tolak. Seperti kasus saya mengupload file photoshop, maka akan muncul tampilan seperti di bawah ini :

Lalu bagaimana cara untuk mengupload ke media wordpress?

Anda bisa melakukannya dengan cara mudah seperti di bawah ini :

Untuk dapat mengupload file yang tidak dijinkan ke dalam wordpress, maka anda bisa menggunakan bantuan plugin di bawah ini

plugin wordpress

Untuk pertama, Silakan untuk masuk ke menu plugin, terlebih dahulu.

Dan ketikan nama plugin ini, File Upload Types by WPForms.

 

Untuk anda yang baru memakai wordpress dan baru mengetahui mengenai plugin,

anda bisa melihat materi perkenalan plugin di sini.

 

Maka akan muncul berbagai macam plugin, lalu pilih plugin File Upload Types by WPForms, lalu instal

Setelah menginstall plugin tersebut, silakan untuk di aktifkan

Selanjutnya, masuk ke menu setting, yang ada di sebelah kanan. Lalu pilih file upload types

Setelah itu, anda akan mendapatkan beberapa pilihan ektension yang akan diberikan izin oleh anda, supaya dapat diupload ke dalam media wordpress. Untuk mengijinkan ekstensi, silakan untuk centang kotak kecil di sebalah ektensi tersebut.

Ektensi saya tidak bisa di temukan

Anda sudah mencari daftar ektensi pada kolom yang sudah disediakan, tapi anda tidak menemukannya, apa yang terjadi?

Jangan khawatir, itu karena memang ektensi tersebut memang tidak tersedia, dan anda bisa menambahkan dengan cara berikut ini :

 

Masih dalam settingan file upload types, silakan anda cari pada bagian paling bawah, disana ada cara menu add custom file types, dan silakan isi data sebagai berikut :

File description : isi dengan deskripsi dari ektensi yang akan di masukan misal : adobe photoshop
MIME Type : isi dengan protokol mime yang sudah diakui secara umum, untuk lebih lengkapnya cek di disini
Ektension : isi dengan ektensi file yang ingin kita masukan ke wordpress, karena tadi kita mengisi, adobe photoshop, maka saya akan memasukan ektension .psd (jangan lupa untuk selalu memasang tanda titik di depan ektensi nya)

Bila sudah, klik save setting, dan selamat anda sekarang sudah bisa memasukan ektensi .psd dan juga file apapun yang anda inginkan. Selamat Mencoba

cara membuat daftar isi wordpress

Jika berbicara mengenai pembuatan daftar isi, saya yakin, anda akan teringat lagi, waktu jaman sekolah dulu, ketika buat makalah hehe

Nah, untuk pembuatan daftar isi sekarang, tenang saja kita akan membuatnya bukan untuk kepentingan sekolah tapi untuk kepentingan website kita.

1. Kenapa harus menggunakan daftar isi di wordpress?

Daftar isi bukan saja di gunakan untuk mempermudah navigasi pengunjung dan menunjukan poin-poin penting di dalam website kita

namun, daftar isi juga dibuat agar website kita friendly terhadap SEO, karena pembuatan daftar isi, menjadi tambahan poin dalam peringkat SEO website milik kita seperti dilansir dari wptechs.net

lalu daftar isi seperti apa yang di maksud oleh saya??

Jika anda sering memperhatikan, di setiap tulisan yang saya buat, pasti di selalu ada daftar isi, di bagian awal artikel, seperti ini :

daftar isi

Nah daftar isi, seperti inilah yang saya maksud, lalu bagaimana cara membuatnya?

2. Cara membuat daftar isi wordpress

Untuk membuat daftar isi, sebenarnya cukup mudah, hanya saja, cara yang akan saya sampaikan berlaku untuk anda yang memakai wordpress,

Bagaimana caranya??

Silakan untuk pertama-tama, anda masuk ke dalam menu plugin,

bagi anda yang belum memahami apa itu plugin wordpress, boleh cek artikel saya mengenai plugin dalam wordpress,

lalu silakan ketikan, table of content, nanti akan keluar banyak plugin, tapi pilihlah plugin seperti pada gambar yang saya tunjukan (dengan kotak merah)

silakan install dan aktifkan

cara setting daftar isi

3. Cara setting table of contents

Pada tahap ini, sebenarnya anda sudah bisa membuat daftar isi, namun agar daftar isi ini, bisa muncul secara otomatis,

silakan untuk melakukan pengaturan terlebih dahulu dengan masuk ke menu setting lalu pilih table of contents,

daftar isi wordpress

lalu atur seperti gambar di bawah ini :

cara membuat daftar isi

Numeration : berfungsi untuk penomoran otomatis, jadi setiap heading akan diberi nomor jika anda mengaktifkannya, saya lebih memilih without numeration alias tanpa penomoran agar heading bisa diberi nomor sesuai yang saya inginkan

Title : Rubah namanya menjadi daftar isi

Toggle : Anda bisa mengaktikan atau tidak, menu untuk menyembunyikan daftar isinya


Lalu kita masuk ke menu apperance

Di menu ini,  anda dapat menggunakannya untuk merubah tampilan warna, lebar dari daftar isi

daftar isi wordpress


Lalu di menu selanjutnya, ada menu auto insert,

isi sesuai yang disarankan, ini berfungsi untuk menampilkan daftar isi secara otomatis di halaman

daftar isi wordpress


Pada pengaturan selanjutnya, ada menu misc

Silakan isi pada bagian hash, isi seperti di bawah ini :

daftar isi

Baiklah untuk settingan daftar isi, selesai sampai disana, nah lalu bagaimana cara membuat daftar isi


4. Cara membuat daftar isi

Daftar isi bisa dibuat dengan menggunakan heading.

Jadi ketika anda sedang membuat konten artikel, buatlah poin-poin penting , terlebih dahulu.

Seperti artikel ini, terdiri dari empat poin penting.

Setelah itu, blok poin tersebut dan pilih menu heading pada menu. Contoh :

daftar isi

Catatan : 

Heading 1 merujuk pada poin utama, sedangkan heading 2, 3 dan selanjutnya merujuk pada subtopik di dalamnya


Baiklah itu saja pembahasan saya mengenai bagaimana cara membuat daftar isi di wordpress, jika anda belum mengenal wordpress, anda bisa membaca artikel mengenai sejarah lengkap wordpress

Mudah-mudah2an bermanfaat 🙂

wp fastest cache

Apa itu wp fastest cache?

Eittt, sebentar dulu, sebelum kita ngebahas wp fastes cache, kita ngebahas, apa itu cache ya …

Sederhananya, Cache merupakan kumpulan data yang disimpan sementara agar dapat mempercepat akses pengguna ketika menjalankan aplikasi di dalam komputer

Contoh, Ketika anda menjalankan aplikasi powerpoint, setelah komputer baru di nyalakan, maka aplikasi akan berjalan sedikit lama.

Ini karena PC anda, harus memproses berbagai macam eksekusi di belakang layar, untuk menampilkan powerpoint tersebut

Tapi setelah cukup lama, anda akan merasa bahwa membuka aplikasi powerpoint, terasa lebih cepat dari sebelumnya.

Ini karena aplikasi powerpoint, menyimpan cache pengguna di dalam memori, sehingga ketika anda mengakses kembali, komputer tidak harus melakukan pekerjaan yang sama dua kali, dan anda pun membuka aplikasi powerpoint akan menjadi lebih cepat

Itulah Cache, semoga anda paham dengan penjelasannya

Nah begitu pula penggunaannya dalam wordpress.

Ketika website anda, dikunjungi pertama kali oleh pengguna, maka cache akan membuat salinan halaman yang dikunjungi oleh pengguna, sehingga ketika pengunjung anda mengunjungi website anda untuk kedua kalinya, halaman cache inilah yang sudah siap melayani

Sehingga website pun bisa berjalan dengan lebih cepat.

Tapi itu adalah cache dilihat dari sisi pengguna, bukan dari sisi anda sebagai developer

Bagaimana cache dilihat dari sisi developer, atau oleh anda yang berada di belakang layar website. Tentu pengertiannya berbeda

Cache dilihat dari sisi pengelola

Nah ketika anda sedang memperbaiki suatu website, menyetting menu atau mengatur plugin atau sebagainya,

lalu tiba-tiba ketika anda akan menyimpan pengaturan tersebut, website tidak merespon,

tidak ada perubahan dalam website anda,

Nah tenang saja, anda tak perlu panik, bisa aja itu adalah wordpress milik anda yang sudah menyimpan cache nya,

di sinilah peran wp fastest cache diperlukan untuk menghapus cache tersebut, atau dikenal dengan caching

Mengapa Caching sangat penting?

Caching pada sebuah website sangatlah penting, karena ini akan mengurangi beban pada server hosting wordpress anda. Sehingga membuat website anda kembali berjalan lebih cepat, karena website tidak terbebani oleh cache yang tidak diperlukan

Karena website berjalan lebih cepat, ini juga akan mengurangi tingkat bounce rate pada website anda, dan ini sangat disukai oleh SEO

Karena website berjalan menjadi lebih cepat, ini juga akan meningkatkan pengalaman pengguna di website anda, sehingga mendorong mereka untuk mengunjungi lebih banyak halaman, dan ini sangat disukai oleh SEO

Karena website anda lebih disukai oleh SEO, itu artinya, kesempatan website anda ada dihalaman pertama google menjadi lebih tinggi

Lalu bagaimana saya mengatur cache pada website saya?

Untuk mengoptimalkan cache pada website, anda bisa menggunakan plugin untuk cache, kalau saya sendiri, saya menggunakan wp fastest cache.

wp-fastest-cache

Sesuai dengan namanya, wp fastest ini, memang membantu website menjadi lebih cepat daripada sebelumnya menurut saya. Plugin ini sangat membantu website saya dalam meningkatkan performanya, dan juga membantu website saya ketika mengalami error yang tidak di duga

Wp fastest cache ini terdapat dua versi, yaitu gratis dan pro, namun untuk versi gratis sendiri, menurut saya sudah cukup baik dalam fitur-fiturnya sehingga tidak perlua diragukan lagi

Untuk mendownloadnya, ada dua cara, anda bisa langsung download di sini, atau silakan anda masuk ke menu plugin anda dan pilih > add new, setelah itu ketikan di kolom pencarian wp fastest cache,

Bagi anda yang masih baru di wordpress, dan belum mengenal plugin, silakan baca artikel saya mengenai plugin ya

wp fastest cache

Setelah itu klik install dan aktifkan

setting wp fastest cache

Bagaimana cara setting WP fastest Cache?

Untuk anda yang masih awam, mungkin akan kebingungan bagaimana cara setting WP fastest Cache ini, karena banyaknya istilah-istilah yang tidak kita mengerti, namun tenang saja saya akan memberitahu cara setting nya untuk anda

Silakan untuk pengaturannya, anda bisa masuk ke menu WP fastest cache,

wp fastest cache

setelah itu anda akan diarahkan ke pilihan fitur yang harus di centang.

Untuk bagian settings, silakan untuk centang semuanya

setting wp fastest cache

Masih di bagian setting, untuk bagian preload, atur settingannya supaya seperti ini

wp fastest cache

dan untuk new post, silakan atur seperti ini

new post

Untuk update post, silakan atur seperti ini

wp fastest cache

 

Setelah itu, anda bisa langsung coba untuk menghapus cache yang ada diwordpress anda, silakan masuk ke menu delete cache,

Selain itu anda juga bisa mengatur jadwal untuk penghapusan cache setiap harinya, kalau saya memilih sekali sehari

delete cache

Baiklah itu saja untuk cara pengaturan wp fastest cache, untuk menu lainnya, seperti optimalisasi gambar, hanya tersedia dalam versi premium, namun anda dapat mengakalinya dengan memakai plugin smush

Dan silakan untuk langsung mengecek kecepatan website kamu ya

Semoga bermanfaat, dan selamat membuat website 😉