Ganti SemPress, Theme WordPress dengan Structured Data Schema

SemPress WordPress Theme

Senang, akhirnya idnetter.com telah tuntas berganti kulit. Sebelumnya  web log ini dibalut dengan HTML5Blank sebuah starter theme yang dirancang khusus untuk membangun web WordPress dengan cepat, ringan, kaya akan fitur dan yang paling penting mudah untuk dikustomisasi.

Sekarang idnetter menggunakan theme SemPress, project dari Matthias Pfefferle. Tema responsive, begitu tampil apik di layar desktop maupun di 4.7 inchi layar smartphone. Fitur yang ditawarkan sangat menggoda, beberapa seperti : Continue reading

Threaded Comments dan Modifikasi CSS Pada WordPress

Membuat Threaded Comments dan Modifikasi CSS Pada WordPress

Membuat sedikit perubahan pada website atau blog agar pengunjung tidak bosan adalah hal yang menarik. Jika anda mempunyai waktu luang hal berikut ini bisa anda lakukan dan artikel berikut ini akan membimbing anda untuk membuat Threaded Comments (komentar yang tersusun atau bertingkat) serta memodifikasi CSS (Cascading Style Sheets) default pada WordPress.

Anda bisa melihat demo tutorial ini pada artikel : Cara Setting All in One SEO Pack WordPress Plugin lihat pada bagian komentarnya.

Continue reading

Cara Membersihkan dan Mengoptimalkan WordPress

Mengoptimalkan WordPress, Satu hal yang penting dalam mengelola website WordPress adalah membuatnya tetap cepat diakses, ringan dan bersih dari sampah. Sampah disini saya maksudkan untuk file-file yang tidak lagi digunakan, seperti gambar dan file-file yang tidak anda gunakan namun berada dalam server anda.

Cara Mengoptimalkan WordPress

Pada artikel ini akan kita bahas bagaimana cara membersihkan dan Mengoptimalkan website WordPress mulai dari membersihkan file sampai mengoptimalkan database WordPress anda agar tetap bersih dan membuat space pada server anda semakin lega. Tutorial akan dimulai dari membersihkan file-file yang ada di server hingga cara mengoptimalkan database WordPress anda. Berikut langkah-langkah untuk memulai.

 

Perlu diingat ada baiknya dan saya sarankan agar anda membackup website anda terlebih dahulu untuk keamaanan jika terjadi hal-hal yang tidak diinginkan. Cara membackup WordPress pada VPS telah saya posting sebelumnya silahkan anda baca disini.

 

Hapus File Pada Server

Sudah waktunya untuk membuang yang tidak perlu, login melalui SSH, lihat file-file yang ada didirektori dokumen root anda dengan perintah berikut:

ls -lah

maka akan tampil nama-file-file yang ada pada dokumen root beserta size file tersebut.

Pilih file kemudian hapus, sebagai contoh dengan perintah rm berikut

rm nama_file.mp4

menghapus file-file yang berekstensi sama misalnya *.mp3

rm -*.mp3

kemudian ketik y dan enter sampai semua file terhapus.

menghapus folder dan seluruh isinya yang tidak lagi anda butuhkan dengan perintah berikut

rm -rf /nama/folder/

Langkah selanjutnya adalah menghapus unused image seperti yang saya jelaskan dibawah ini.

 

Hapus Gambar-gambar Yang Tak Terpakai

cara mengoptimalkan wordpress

WordPress otomatis meng-generate ukuran gambar untuk ukuran thumbnal, medium dan large size tanpa menghapus file gambar aslinya, tentu ini akan banyak space yang dibutuhkan mengingat 1 gambar yang anda upload akan menjadi 3 gambar thumbnail yang masing-masing punya ukuran berbeda.

Menghapus gambar yang tak terpakai terlalu rumit jika dilakukan manual, untuk itu perlu adanya plugin yang bisa menghapus file gambar baik thumbnail maupun file gambar yang asli tanpa repor menghpausnya satu persatu.

 

 

Plugin itu adalah Image Cleanup – Oleh Opicron

Meski sudah lama plugin ini tak diupdate hingga 2 tahun (saat artikel ini dibuat) namun plugin ini masih ampuh berjalan di WordPress 4.4.2 dan sangat efektif menghapus gambar-gambar unused di folder wp-content/upload.

 

Mengoptimalkan Database

Optimize database akan menghapus table database yang Overhead dan ini perlu paling tidak dilakukan dalam sebulan sekali atau tergantung kebutuhan, anda bisa memantau dan mengeksekusi dengan menggunakan Plugin WP-DBManager karya Lester ‘Gamerz’ Chan

 

Menginstall Plugin SEO WordPress

Dan yang terakhir adalah menginstall plugin ciamik karya Yoast, WordPress SEO by Yoast Settingan lengkap anda bisa ikuti disini. Pada sesi ini kita akan clean up tag Headnya saja yaitu sebagai berikut:

Pada settingan Yoast SEO > Advanced > Permalinks

Hide RSD Links – Centang
Hide WLW Manifest Links – Centang
Hide Shortlink for posts – Centang

Hide RSS Links – Biarkan

 

Catatan

Ada banyak cara atau plugin untuk mengoptimalkan kinerja website WordPress serta cara-cara untuk mengelola server diluar sana, tapi pada tutorial ini bisa anda coba pada website dan server anda sebagai pengetahuan tambahan dan pengingat bagi saya pribadi khususnya

Plugin AntiSpam Bee WordPress, Mudah dan Ampuh

Antispam bee - Pluginkollektiv, WordPress

idnetter menggunakan Plugin Anti Spam Antispam Bee dari pluginkollektiv, selain settingannya yang mudah Antispam Bee juga ampuh untuk menangani spam pada komentar & trackback secara efektif dengan fitur tanpa captcha. Plugin anti spam gratis ini telah di download dan aktif  sebanyak 200.000 lebih pengguna. Berikut fitur dari antispam bee yang saya ambil dari situs resmi download plugin di WordPress.

Antispam bee, Pluginkollektiv - WordPress
Antispam bee, Pluginkollektiv – WordPress

Fitur Ampuh Antispam Bee

  • Trust approved commenters.
  • Trust commenters with a Gravatar.
  • Consider the comment time.
  • Treat BBCode as spam.
  • Validate the IP address of commenters.
  • Use regular expressions.
  • Search local spam database for commenters previously marked as spammers.
  • Match against a public anti-spam database.
  • Notify admins by e-mail about incoming spam.
  • Delete existing spam after n days.
  • Limit approval to comments/pings (will delete other comment types).
  • Select spam indicators to send comments to deletion directly.
  • Optionally exclude trackbacks and pingbacks from spam detection.
  • Optionally spam-check comment forms on archive pages.
  • Display spam statistics on the dashboard, including daily updates of spam detection rate and a total of blocked spam comments.

Quote dari Matt Mullenweg

“…another popular solution to fight spam is Antispam Bee”—Matt Mullenweg, Q&A WordCamp Europe 2014

Mau coba? Download

Selamat mencoba kawan.

 

Solved, WooCommerce CSS Style Not Working

This issue occurs if you create a custom page or if you create your own theme . I found the people experiencing the same issue here and here. CSS Style WooCommerce but the problem can be solved easily

Add Class woocommerce

Solved, WooCommerce CSS Style not working by adding class ‘woocommerce’ inside <body> tag. I get it from github users Manovotnni , you can read more details here. Now open the header file in your theme and find the <body> change to

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

This method works well for each custom page.

Cara Setting All in One SEO Pack WordPress Plugin

Cara setting All in One SEO Pack Plugin WordPress, dengan screenshoot. Banyak situs-situs besar sukses memakai plugin SEO ini. Plugin SEO yang handal dengan konfigurasi yang simple dan kaya fitur menarik untuk mengoptimalkan website anda, mempunyai fitur unggulan auto generate Meta Description pada tiap artikel yang dibuat, dan tak perlu repot untuk membuat meta deskripsi lagi, apalagi memikirkan “Apakah web sudah SEO?”.

 

Cara Setting All in One SEO Pack WordPress

Berikut panduan cara setting All in One SEO Pack berikut ini sudah saya urutkan, serta dilengkapi dengan screenshot untuk memudahkan anda mengikuti tutorial Plugin SEO WordPress kali ini.

 

General Setting

Pastikan anda mencentang opsi : Use Schema.org Markup

Cara-Setting-All-in-One-SEO

 

Home Page Setting

Atur relevansi Home title dan Description dan pastikan karakter tidak kurang dan tidak melebihi jumlah yang disarankan.

all-in-one-seo-pack-2

 

Keyword Setting

Untuk bagian tab ini didisable, cukup menggunakan meta description saja untuk SEO.

all-in-one-seo-pack-3

 

No Index Setting

Atur opsi noindex agar search engine tidak mendeteksi adanya duplicate content.

all-in-one-seo-pack-4

 

Advanced Setting

Jika anda lebih tidak ingin repot, anda bisa cek pada opsi Autogenerate Descriptions

Cara Setting All in One SEO Pack WordPress Plugin

 

Fitur Manager All in One SEO Pack

Pada bagian Fitur Manager, yang perlu diaktifkan adalah:

  • XML Sitemaps
  • Social Meta
  • Robot.txt

Untuk Setting XML sitemap silahkan ikuti seperti pada screenshot berikut

 

Setting XML Sitemaps All in One SEO Pack

Biarkan settingan yang lain default dan biarkan Robot Search Engine datang pada website kapanpun dia ingin.

 

Cara Setting All in One SEO Pack - XML Sitemaps

Klik tombol: Update Sitemap

Kemudian lihat sitemap baru anda melalui URL http://websiteanda.tld/sitemap.xml

 

Submit ke Webmaster Tools

Setelah selesai dan berhasil setting plugin SEO di WordPress yang perlu dilakukan seleanjutnya adalah submit Sitemap website ke webmaster tools, agar website cepat di index oleh mesin pencari. Link webmaster tools sebagai berikut:

 

Catatan

Plugin SEO pada WordPress adalah sifatnya membantu agar website dapat berkembang dengan visitor lebih banyak. Bukan berarti setelah menginstall plugin All in One SEO Pack dan dengan settingan ini volume trafik website akan langsung naik, Namun perlu juga hal-hal penting lainnya yang sifatnya sangat berpengaruh pada Search Engine, silahkankan baca artikel terbaru tentang SEO : Cara SEO yang Sebenarnya.

Selamat mencoba.

Membuat Button Like Dengan Icon Hati

Membuat Button Like WordPress

Button like ini seperti yang ada di idnetter.com, untuk membuat button like dengan icon hati ini saya memakai plugin ZillaLikes. Plugin Like WordPress Heart Icon dari ThemeZilla ini gratis bisa anda download melalui situs resmi ThemeZilla.com

Berikut tutorial untuk menampilkan button like heart icon dengan plugin ZillaLikes:

Install ZillaLikes

Download Plugin ZillaLikes, kemudian upload plugin melalui menu Plugins > Add New di dashboard Admi WP.

Konfigurasi Button Like

Setelah plugin terinstall, aktifkan plugin ZillaLikes, kemudian pada bagian Automatically show likes on:

Centang : Post
Jika Anda menampilkan pada template single post.
Centang : Pages
Jika Anda ingin menampilkan pada halaman type Pages
Centang : Blog Index Page, Archive Pages, and Search Results
Jika anda ingin menampilkan pada halaman FrontPage, Archive & Search Result.

Atau menggunakan shortcode : [[zilla_likes]] pada postingan anda.

Hasilnya: [zilla_likes]

Anda juga bisa menambahkan kode PHP seperti berikut pada theme WordPress yang anda gunakan

<?php if( function_exists('zilla_likes') ) { ?>
            <?php zilla_likes(); ?>
 <?php } ?>

Selamat Mencoba.

 

Membuat Multi Halaman di Post WordPress

Tutorial singkat kali ini akan memandu anda bagaimana cara membuat multi halaman pada postingan di WordPress. Ini berfungsi untuk membagi posting yang panjang menjadi beberapa halaman, multi page pada ptype post selain memudahkan visitor untuk memahami isi dari postingan anda juga berguna agar pengunjung lebih lama berada di situs anda. Contohnya seperti pada artikel ini. Anda bisa melihat halaman 1, dua dan tiga yang sebenarnya adalah single post.