Blog e Manik Arum » plugin wordpress

Ganti font standar website dengan font dari Google font directory

manik arum — Sun, 22 Aug 2010 06:00:08 +0000

Beberapa bulan kemarin Google meluncurkan produk baru, yaitu Google font directory yang masih dalam versi beta (pada saat tulisan ini dibuat). Manfaat dari Google Webfont ini yaitu menggantikan font standar yang biasa dipakai oleh pembuat web atau blog dengan font-font open source yang tersedia di Google font directory. Fungsi yang ditawarkan kira-kira sama dengan yang ditawarkan oleh Typekit dan dan fonts.com, bedanya adalah jenis font yang disediakan di Google font ini sifatnya open-source alias bebas dipakai semaunya. Pada saat tulisan ini dibuat, hanya ada 19 pilihan font yang bisa dipilih oleh user dan dipergunakan dengan bebas di dalam website atau blog, dan kita juga bisa meminta ke google font lebih dari satu jenis font. Contohnya bisa dilihat di bawah ini.

Rubah coklat yang gesit main lompat tali dengan anjing yang pemalas

Type font yang saya pakai di atas adalah “Tangerine”. Untuk meng-embed type font di atas, saya menambahkan kode berikut ke dalam stylesheet atau style.css kalau anda memakai wordpress.

@import url(http://fonts.googleapis.com/css?family=Tangerine:bold);

Atau bisa juga dengan cara lain, yaitu menambahkan tag link ke dalam tag yang ada di dokumen HTML. Contoh kode di bawah ini meminta izin ke Google font directory untuk menggunakan 3 type font sekaligus, yaitu ‘Tangerine’, ‘Inconsolata’ dan ‘Droid Sans’.

<a link href='http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans' rel=''stylesheet' type='text/css'>

Anda bisa meletakkan kode di atas di dalam tag di dalam script website. Setelah itu anda bisa menentukan di mana type font itu akan dipakai melalui stylesheet, misalnya seperti ini,

.single h2 {
font-family: 'Tangerine', Georgia, sans-serif;
}

Anda bisa memilih-milih type font mana yang cocok untuk website anda. Dan sebelum menentukan pilihan, anda juga bisa melihat preview-nya di Google font previewer. Khusus buat pengguna wordpress, kalau anda terlalu malas untuk mengedit file style.css atau header.php, anda bisa memanfaatkan plugin Google Web Fonts WordPress Plugin. Plugin ini saya belum coba, jadi saya belum tahu apakah bisa jalan atau tidak.

Displaying posts under specified category within theme without plugin

manik arum — Thu, 12 Aug 2010 06:00:05 +0000

Bukannya mau nggaya, tapi judulnya agak susah dimengerti kalau ditulis dalam bahasa indonesia. Dan semoga judulnya yang bahasa inggris juga gak salah, yang penting tahu maksudnya. Sebelum dilanjut, saya cuma ingin mengingatkan, tips ini hanya bisa diaplikasikan untuk blog wordpress yang self-hosted saja. Intinya begini, misalkan kita ingin menampilkan daftar tulisan yang berada di kategori tertentu di halaman depan blog WP, di post, page, footer atau di mana saja, kita bisa menggunakan codex yang sudah disediakan oleh wordpress. Contohnya bisa dilihat di gambar.

Judul postingan yang ditampilkan di gambar merupakan judul postingan yang ada di blog saya dan tersimpan di kategori “kurang kerjaan“. Untuk mendapatkan hasil seperti di atas, cukup tambahkan script berikut ke dalam file theme wordpress di bagian yang kita inginkan.


   < ?php
   global $post;
   $myposts = get_posts('numberposts=10&category=7');
   foreach($myposts as $post) :
   setup_postdata($post);
   ?>
    the_permalink(); ?>">< ?php the_title(); ?>
   < ?php endforeach; ?>

Nilai argumen “numberposts” bisa kita ganti dengan jumlah post yang ingin ditampilkan, di contoh di atas saya isi dengan nilai “10″. Sedangkan argumen “category” kita isi dengan “id” kategori yang ingin kita tampilkan. Kalau belum tahu id kategori yang ingin ditampilkan, masuk ke submenu “Categories” yang ada di menu “Posts” dari wp-admin. Arahkan pointer mouse ke daftar kategori yang ada di panel kanan. Ketika pointer mouse berada di atas nama kategori, maka di status bar akan muncul URL yang akan dituju. Nah, di situ kita bisa lihat id dari kategori tersebut. Angka yang berada di ujung kanan merupakan id dari kategori yang bersangkutan.

Kalau ada yang masih bingung dengan bahasa indonesia, silahkan baca versi bahasa inggrisnya di dokumentasi wordpress.org. Dan kalau ingin memanfaatkan fitur seperti di atas tapi di bagian sidebar tapi malas untuk mengedit file sidebar.php, maka kita bisa menggunakan plugin wordpress “List Category Post“.

Semoga bermanfaat

Plugin WordPress yang made in Indonesia

manik arum — Mon, 10 May 2010 04:08:33 +0000

Kaskus Emoticons

Sebenarnya saya tidak tahu pasti apakah plugin ini benar-benar hasil karya anak bangsa atau tidak. Tapi kalau melihat website pembuatnya (nartzco.com), saya yakin kalau pembuat plugin ini benar-benar orang Indonesia. Sesuai namanya, plugin ini berfungsi untuk menambahkan emoticon atau smiley ala kaskus di dalam postingan dan di kotak komentar dengan mudah. Setelah plugin di-install, silahkan masuk ke menu ‘Settings/Pengaturan > Kaskus Emoticons‘ untuk mengatur atau memilah-milah emoticon/smiley yang tidak ingin anda tampilkan.

Setelah mendapat pengaturan yang diinginkan, anda bisa mencobanya dengan membuat postingan baru atau menyunting postingan yang sudah ada. Kalau anda perhatikan, di toolbar post editing area akan muncul icon baru bersimbol huruf “K”. Anda bisa meng-klik icon tersebut untuk menambahkan emoticon ala kaskus pada artikel.

Sedangkan pada bagian “add comment”, akan ada penambahan slide menu di bawah textarea komentar yang jika di-klik akan memunculkan sederetan emoticon ala kaskus.

Meskipun kelihatan kurang bersih jika ditampilkan di depan latar belakang berwarna gelap dan layout yang agak berantakan, tapi plugin ini boleh dicoba sekedar untuk mempertegas suasana hati dan meramaikan tampilan blog. Selain itu, emoticon atau smiley dari plugin ini juga akan menggantikan smiley bawaan WordPress secara otomatis. Satu hal yang menurut saya kurang adalah tidak adanya pilihan untuk mengaktifkan plugin ini di dalam postingan saja atau di komentar saja. Untuk lebih mantapnya silahkan baca di sini atau langsung download Kaskus Emoticons.

WP FB Like

Saya mengasumsikan plugin ini adalah hasil karya orang Indonesia karena nama-nama punggawa website-nya berbau Indonesia, meskipun content-nya totally written in english. Plugin yang satu ini juga beberapa kali saya temukan terpasang di blog-blog berbahasa inggris. Proses instalasinya tidak repot dan bertele-tele. Setelah di-install, di bagian bawah (default) postingan akan muncul menu tombol “Like” seperti ini

Kalau menu tersebut di-klik, maka akan muncul jendela baru yang menuntun kita untuk log in ke account facebook. Untuk lebih detailnya, silahkan mampir ke sini atau download plugin WP FB Like di directory plugin WordPress.

myBlogRoll

Jika kita menambahkan widget “Link” bawaan WordPress di sidebar, maka link-link itu akan ditampilkan seluruhnya secara vertikal. Dengan memanfaatkan plugin ini, maka link-link itu akan ditampilkan dalam menu dropdown, sehingga lebih simpel dan tidak banyak makan tempat. Contoh nyatanya bisa dilihat pada blog seng rapatinggena ini.

Untuk penjelasan yang lebih rinci, silahkan dibaca sendiri di tipis.web.id. Sepertinya plugin ini belum ada di directory plugin WordPress, tapi anda bisa mengunduh myBlogRoll langsung dari blog pembuatnya.

WP Kurs

Sewaktu saya mencoba plugin WP Kurs, plugin ini tidak berjalan sebagaimana mestinya, jadi saya tidak bisa menampilkan screenshotnya. Entah kesalahan terletak di mana. Tapi bagaimanapun juga, plugin ini hasil karya orang Indonesia. Plugin ini berfungsi untuk menampilkan Rate / Kurs Rupiah Indonesia terhadap mata uang asing. Data yang ditampilkan merupakan tampilan realtime dari website bank-bank terkemuka di Indonesia. Kalau anda ingin mencobanya, silahkan unduh WP Kurs di directory plugin WordPress.

Sejauh ini, hanya empat plugin di atas yang saya ketahui sebagai hasil karya orang Indonesia. Tapi saya yakin ada lebih banyak lagi plugin wordpress yang made in indonesia, cuma saya saja yang belum tahu. Kalau ada yang tahu, dipersilahkan untuk menginformasikannya. Terima kasih.

[ updated 06.06.2010 ]

DynamicWP Pop-Up Menu

Plugin yang umurnya masih sangat muda ini sangat berguna jika kita ingin menambahkan menu yang eye-catching. Setelah di-install dan diaktifkan, plugin akan menambahkan sebuah icon keranjang di sisi kanan bawah layar. Jika keranjang tersebut di-klik, maka akan muncul pop-up menu plus icon. Kita bisa mengatur link yang ingin dituju menu-menu tersebut. Sayangnya, tidak ada pilihan untuk mengubah icon dengan mudah. Jadi untuk mengubah icon kita harus mengganti image yang sudah disediakan.

Penjelasan lebih detail bisa dibaca di dynamicwp.net. Plugin DynamicWP Pop-Up Menu juga sudah bisa di-download di plugin directory wordpress.

Selain plugin DynamicWP Pop-Up Menu, pabrikan yang sama juga memiliki plugin DynamicWP Image Flipper. Sesuai namanya, plugin ini berguna untuk menampilkan galeri foto di sidebar. Yang bikin keren yaitu animasi peralihan foto seperti membuka lembaran album foto konvensional. Silahkan baca detailnya di sini, atau download di gudang wordpress.

Siapa bilang ganti theme repot?

manik arum — Mon, 08 Mar 2010 06:33:55 +0000

Awalnya agak males ganti theme blog, maklum file theme-nya udah banyak mengalami editan. Apalagi file header.php, di sini banyak disisipi script-script web service. Kalo boleh disebutin satu satu, ada yang dari Google Webmaster, Yahoo Site Explorer, Bing, Alexa, Blog catalog, MyBlogLog, terus juga ada script buat manggil file javascript.

Think ho….think! Setelah searching di wordpress plugin dengan keyword “header and footer”, nemu juga plugin yang tugasnya menyisipkan script ke dalam header dan footer. WP Hooks, itulah namanya, pengoperasiannya mudah, tinggal copas script yang ingin di-include ke dalam header atau footer. Udah, gitu aja….

Alhasil, per 7 maret 2010 saya ganti theme, dari BlogOhBlog 2.0 menjadi HemingwayEx. Kalo baca nama authornya, kayaknya dua theme itu yang bikin orang india. Thanks to you guys. धन्यवाद

Mengelola database blog WordPress

manik arum — Fri, 27 Nov 2009 15:21:53 +0000

Ada plug-in bagus yang bisa kita manfaatkan untuk mengelola database blog di WordPress (saya juga pakai), yaitu WP-DBManager. Plug-in sangat berguna terutama buat temen-temen yang masih numpang hosting di wordpress.org. Salah satu manfaat yang paling sering saya gunakan yaitu menghapus revisi postingan. Karena setiap kali kita meng-edit sebuah artikel dan meng-klik “Save”, secara otomatis WP akan menulis revisi postingan tersebut di database. Jadi semakin sering kita meng-edit artikel, semakin banyak pula revisi yang tersimpan di database, dan konsekuensinya semakin gemuk pula ukuran database yang ujung-ujungnya bisa membuat waktu loading semakin lama.

Dengan plug-in ini, menghapus revisi post bisa dilakukan dengan mudah. Tinggal klik menu Run SQL Query dan jalankan query di bawah.

DELETE FROM wp_posts WHERE post_type = “revision”;

Query ini akan menghapus semua postingan revisi sehingga database menjadi lebih ramping tanpa obat pelangsing. Disarankan untuk melakukannya dengan hati-hati, kalau perlu back up dulu database-nya, bisa melalui tools import atau bisa juga dengan memanfaatkan menu Backup DB bawaan plug-in WP-DBManager.

Kalau anda sama sekali tidak menginginkan fitur revisi, anda bisa mencoba tips ini (khusus buat pengguna WordPress self-hosting). Buka dan edit file wp-config.php. Lalu tambahkan statement di bawah untuk me-nonaktif-kan fitur post revision.

define(‘WP_POST_REVISIONS’, false);

Plug-in WP untuk membalik teks

manik arum — Wed, 18 Nov 2009 02:33:02 +0000

Ngomongin soal prediksi kalender maya tentang apa yang terjadi di tahun 2012, ada beberapa orang yang katanya ahli berpendapat bahwa di tahun itu akan terjadi pembalikan kutub. Maksudnya kutub utara bergeser ke selatan (menurut perspektif kita sekarang) dan sebaliknya. Saya tidak sedang bercinta lagi ingin membahas soal pembalikan kutub di tahun 2012. Tapi yang ingin saya bagi di sini sama-sama mengandung kata ‘pembalikan’, yaitu bagaimana cara membalik teks. Sebelumnya saya juga pernah memasang postingan yang berjudul cara membalik teks (ıuı ıʇɹǝdǝs). Tapi kali ini lebih fokus kepada pengguna wordpress. Ternyata ada plug-in yang bisa berguna untuk membalik teks. Upside Down Text, itulah namanya.

Penggunaannya cukup gampang, install dan aktifkan plugin-nya. Lalu untuk membalik teks, tinggal dijepit teks yang ingin dibalik dengan tag . Contohnya, ketik teks di sini. Jangan lupa, buat postingan-nya di mode HTML, kalau di mode visual dijamin tidak bisa. Dan hasilnya bisa dilihat di gambar. Sewaktu saya coba di localhost dengan menggunakan browser IEv6, ternyata outputnya jauh dari harapan. Sedangkan di browser opera, firefox, chrome dan safari, outputnya baik-baik saja.

Warning! Plug-in ini diciptakan khusus buat orang-orang yang kurang kerjaan

Blog e Manik Arum » plugin wordpress

Ganti font standar website dengan font dari Google font directory

Baca juga ya...

Displaying posts under specified category within theme without plugin

Baca juga ya...

Plugin WordPress yang made in Indonesia

Kaskus Emoticons

WP FB Like

myBlogRoll

WP Kurs

DynamicWP Pop-Up Menu

Baca juga ya...

Siapa bilang ganti theme repot?

Baca juga ya...

Mengelola database blog WordPress

Baca juga ya...

Plug-in WP untuk membalik teks

Baca juga ya...