Arsip Untuk Post Dengan Tag ‘Wordpress Theme’

link akhir pekan

link akhir pekan

Masuk ke awal September setelah kita melewati 2 minggu dalam bulan puasa, Semoga anda yang muslim tetap bersemangat ngeblog selama puasa. Kembali lagi dengan link-link akhir pekan yang sempat kami sadurkan untuk pembaca bloggingly. Ini dia link-link yang menarik kami pilihkan untuk anda.

Fikri’s

http://fanari-id.com/seo/excessive-seo/

Post yang sangat apik dari Fanari. Menjelaskan mitos-mitos mengenai SEO yang akhirnya membuat blogger/webmaster mengoptimasi blog/situs-nya secara berlebihan

Klik disini untuk membaca selengkapnya..

3 komentar untuk post ini
Wordpress Theme

Wordpress Theme

Kembali lagi dengan koleksi wordpress theme. Kali ini saya ingin sedikit berbagi tema wordpress bergaya majalah atau magazine style wordpress theme. Yap, bagi sebagian blogger yang memiliki jumlah posting yang lebih dari satu untuk satu hari, mungkin tema bergaya majalah ini bisa menjadi salah satu solusi untuk tampilan blog anda. Karena tema bergaya majalah ini memang sedikit mengambil ide dari situs-situs koran atau majalah online yang memang setiap harinya akan menerbitkan lebih dari satu posting. Tapi diluar itu tak ada salahnya juga untuk menggunakan tema bergaya majalah ini untuk tampilan blog personal anda.

Klik disini untuk membaca selengkapnya..

12 komentar untuk post ini

Desain tema blog mempunyai pengaruh yang cukup kuat bagi blog anda. Kesan ketika pertama kali melihat satu halaman blog yang mempunyai disain yang bagus biasanya kita akan langsung tertarik untuk melihatnya. Setelah melihatnya ternyata blognya punya tulisan yang bagus. Ya sudah, biasanya anda akan seminimalnya membookmarked blog tersebut. Daripada kesan ketika berkunjung ke blog yang disainnya kurang sedap dipandang mata. Kecuali karena informasi yang kita cari didalamnya, biasanya blog itu jarang untuk kita kunjungi kembali. Ini sebenarnya tidak mutlak. Tetapi sangat penting untuk diperhatikan.

Pada postingan kali ini akan saya sajikan list tema wordpress yang gratis untuk personal blog. Jika anda ingin mengubah penampilan untuk memaksimalkna blog anda, tema-tema ini bisa saja anda gunakan bahkan anda lakukan kostumisasi sesuai keinginan anda.

Agregado

Agregado

Agregado

Demo | Download

Annexation

Annexation

Annexation

Demo | Download

ASCIIone

ASCIIone

ASCIIone

Demo | Download

Black Power

Black Power

Black Power

Demo | Download

Blog Theme

BlogTheme

BlogTheme

Demo | Download

Blue Grace

BlueGrace

BlueGrace

Download

Charade

Charade

Charade

Download

Clean Home

Clean Home

Clean Home


Demo | Download

Coffee Desk

CoffeeDesk

CoffeeDesk

Demo | Download

Color Paper

Color Paper

Color Paper

Demo | Download

Compositio

Compositio

Compositio

Demo | Download

Creative Art

CreativeArt

CreativeArt

Demo | Download

Curious

Curious

Curious

Demo | Download

Dark Forest

Deskspace

Deskspace

Demo | Download

Deskspace

Deskspace

Deskspace

Demo | Download

EcoPress

EcoPress

EcoPress

Demo | Download

Elegant Grunge

Elegant Grunge

Elegant Grunge

Download

Evolution

Evolution

Evolution

Demo | Download

Google Chrome

Google Chrome

Google Chrome

Demo | Download

Grid Focus

Grid Focus

Grid Focus

Demo | Download

Infinity

Infinity

Infinity

Preview | Download

Intaglio

Intaglio

Intaglio

Demo | Download

Irresistible

Irrestible

Irrestible

Demo | Download

Maasahan

Maasahan

Maasahan

Demo | Download

Magaling

Magaling

Magaling

Demo | Download

Magazeen

Magazeen

Magazeen

Demo | Download

Magzine

Magzine

Magzine

Demo | Download

Mainstream

Mainstream

Mainstream

Demo | Download

Meta-Morphosis

Meta-Morphosis

Meta-Morphosis

Demo | Download

Modern Clix

Modern Clix

Modern Clix

Demo | Download

Mortgages

Mortgages

Mortgages

Demo | Download

Mysticgrunge

Mysticgrunge

Mysticgrunge

Demo | Download

Notepad Chaos

Notepad Chaos

Notepad Chaos

Preview | Download

Oulipo

Oulipo

Oulipo

Demo | Download

Outdoorsy

Outdoorsy

Outdoorsy

Demo | Download

Polaroid press

Polaroid Press

Polaroid Press

Demo | Download

Portofolio Press

Portofolio Press

Portofolio Press

Demo | Download

Sans-serif Racer

Sans-serif Racer

Sans-serif Racer

Preview | Download

Satorii

Satorii

Satorii

Demo | Download

Seabreeze

Seabreeze

Seabreeze

Demo | Download

Sharpfolio

Sharpfolio

Sharpfolio

Demo | Download

Simply Ornate

Simply Ornate

Simply Ornate

Demo | Download

The Unstandard

The Unstandard

The Unstandard

Demo | Download

Tomodachi

Tomodachi

Tomodachi

Demo | Download

TypeBased

Typebased

Typebased

Demo | Download

Typograph

Typograph

Typograph

Demo | Download

Undedicated

Undedicated

Undedicated

Demo | Download

Versatility

Versatility

Versatility

Demo | Download

Vintage

Vintage

Vintage

Demo | Download

WP Space Fholio

WP Space Fholio

WP Space Fholio

Demo | Download

Zinepress

Zinepress

Zinepress

Demo | Download

Enjoy! :D

P.S.

Jika masih kurang, bisa juga anda melihat 50 Free WordPress Themes Buatan Blogger Indonesia

12 komentar untuk post ini
Colour Theme by Toxi

Colour Theme by Toxi

Masih berkaitan dengan disain tema untuk blog, pada postingan kali ini, Bloggingly ingin berbagi source yang bagus untuk mencari tema pilihan. Anda juga bisa mencari tema-tema via @Google dengan keyword wordpress theme dan akan muncul hasil yang sangat banyak. Untuk itu kami pilihkan tempat yang bisa anda jadikan pilihan.

Free Wordpress Theme Directory

Free Wordpress Themes Directory Direktori tema wordpress gratisan dari wordpress.org. Jika anda ingin mencari tema wordpress yang bagus dan gratis direktori ini bisa anda jadikan salah satu alternatifnya. Dengan jumlah 868 tema yang sudah dikontribusikan oleh wordpress theme designer secara gratis untuk anda. Dan diantaranya juga terdapat pada layanan blog wordpress.com mereka. Walau gratis tapi disainnya sangat bervariatif dan masih bisa anda kostumisasi untuk keperluan selanjutnya.

Indonesian Flavour Wordpress Theme

  • Free Wordpress Theme by Jauhari . Web disainer asal gunung kidul ini sudah menghasilkan tema-tema wordpress yang bagus dan dengan baik hati disebarkan gratis. Namun jika anda juga menginginkan disain tema yang custom Jauhari juga bersedia untuk di hire mengerjakannya.
  • Arthemia Premium Theme by Colorlabsproject. Tema yang satu ini adalah karya web disainer Michael Jubel Hutagalung dari Indonesia. Sudah banyak yang menggunakan tema ini baik dalam atau luar negeri dengan modifikasi tampilan yang bagus.

Selain itu jika anda membutuhkan disain tema sendiri untuk keperluan personal branding anda, tidak ada salahnya anda menggunakan jasa web designer dan web developer lokal. Dan ini dia sederetan web design artist Indonesia yang hasil kerja tangan mereka sangat worth it :D

Wordpress Theme from Outside

  • Themeforest . ThemeForest adalah blog membeli dan menjual tema atau template untuk web dan merupakan bagian dari jaringn Envato. Di themeForest anda bisa menemukan tema-tema yang bagus untuk Wordpress, Drupal, dan Joomla. Atau anda ingin mencari PSD templates, javascript dan PHP script yang bisa menghemat pekerjaan coding anda. Walaupun layanannya berbayar tapi bisa anda jadikan sebagai rujukan jika anda ingin mencari inspirasi disain untuk blog anda
  • Blogohblog. Blogohblog juga merupakan blog yang cocok untuk mencari tema yang gratis untuk blog. Jika anda ingin yang lebih professional Blogohblog juga menjual Premium Theme yang berbayar tentunya. Selain itu cocok juga untuk anda yang membutuhkan layanan disain tema wordpress, modifikasi tema, PSD to CSS/XHTML, PSD to WordPress Theme, dan graphic design.
  • Woothemes. Wootheme merupakan blog mencari tema wordpress yang memiliki konsep yang bagus. Di dukung dengan support team yang siap melayani customernya dengan dukungan support forum. Memang tema yang ditawarkan merupakan tema berbayar, tetapi ada beberapa tema yang sudah dirilis gratis.
  • WPZoom. WPZoom adalah blog tentang showcase tema-tema bagus worpdress pilihan yang tersebar di internet. WPzoom juga menawarkan tema buatan mereka sendiri.

Yap, tentunya masih banyak lagi blog-blog atau website yang menyediakan ribuan tema gratis ataupun yang berbayar. Tinggal sesuaikan saja kebutuhan untuk blog anda :D

Happy Blogging! :D

P.S.
Mungkin jika saatnya sudah tepat, Bloggingly bisa juga menawarkan jasa pembuatan tema wordpress untuk anda. Ada yang berminat? :D

9 komentar untuk post ini
Bagaimana Cara Mengganti Tampilan Tema Blog
Yap tiga postingan sebelumnya, Bloggingly sudah membahas tentang disain atau tampilan blog. Mulai dari kenapa aspek disain itu perlu diperhatikan dalam berblogging-ria dan juga pilihan mana yang lebih anda suka, disain tema sendiri atau disain tema orang lain. Dan saya yakin pasti anda sudah punya persepsi tentang disain tampilan blog anda dan pilihan yang tepat untuk blog anda.
Langsung saja, pada postingan kali ini saya ingin berbagi cara untuk mengganti tema blog anda. Mungkin bagi yang sudah pernah melakukan pergantian tema di wordpress, blogspot, atau blog-blog lainnya tentunya bukan menjadi masalah untuk mengganti tema blognya masing-masing. Tapi tak ada salahnya jika saya sedikit mengulangnya kembali untuk anda :D
Cara mengganti tema di Wordpress.com dan Wordpress Self Hosted
Sejalan dengan versi wordpress yang sudah mencapai 2.8 dengan salah satu kemampuan tambahan untuk menginstall tema baru, anda tidak lagi perlu mengakses file server blog anda melalui FTP untuk mengupload tema baru ke dalam direktori theme anda. Saya asumsikan anda menggunakan Wordpress Self Hosted karena cara yang sama akan bisa digunakan untuk wordpress.com dengan perbedaan tidak bisa menambah tema sendiri pada wordpress.com
Pertama siapkanlah tema yang sudah anda buat ata pilih untuk dijadikan tema blog anda
Kemudian masuklah ke dashboard blog anda
Lalu pilih appearance dan masuk ke dalam tab Add New Theme
Di dalamnya anda akan melihat tampilan search jika anda ingin mencari tema yand sudah disediakan wordpress dengan berbagai filter fiturnya
Jika anda ingin menginstall tema barunya klik lah tab Upload
Lalu browse file tema blog anda dalam format .zip dan wordpress akan mengekstraknya secara otomatis nantinya
Kalau sudah terpilih maka pilihan install now akan muncul lalu klik tombol tersebut
Setelah proses upload selesai maka dibawah tulisan Theme Installed successfully bisa anda lihat ada preview, activate, dan return to themes page. Klik activate untuk langsung mengaktifkan tampilan blog anda yang baru.
Jika sudah akses lah halaman home blog anda untuk melihat perubahan yang terjadi pada blog wordpress anda.
Cara Mengganti Tema di Blogspot
Akseslah blog blogspot anda
Setelah masuk ke dashboard anda, lihatlah Layout di sebelah tulisan Settings dan klik
Jika anda belum memiliki template blogspotnya masuklah ke tab Pick New Template dan didalamnya anda bisa memilih template blogspot yang anda inginkan.
Kalau anda memiliki template blogspot dengan rancangan sendiri klik lah tab Edit HTML
Setelah masuk anda akan melihat barisan coding untuk template halaman blogspot
Hal penting yang perlu anda lakukan adalah menyimpan file .xml template sebelumnya agar jika terjadi suatu yang tidak diinginkan anda bisa melakukan restore kembali. Download Full Template untuk memback-upnya
Jika sudah, klik lah browse untuk mencari template yang sudah anda siapkan kemudian upload
Dan jika berhasil anda akan melihat tampilan coding baru dari template yang sudah anda upload. Lalu save template tersebut.
Kini halaman blogspot anda sudah berganti dengan tampilan yang baru :D
Beberapa situs yang menyediakan tema-tema untuk wordpress dan blogger baik free atau premium theme.
http://topwpthemes.com/
themeforest.net
http://www.wpthemespot.com/
50 Free WordPress Themes Buatan Blogger Indonesia http://zamdesign.wordpress.com/2008/11/18/50-free-wordpress-themes-buatan-blogger-indonesia/
www.woothemes.com/
http://www.premiumwp.com/
http://www.blogohblog.com/
http://www.bloggertemplates.org/
http://btemplates.com/
http://www.deluxetemplates.net/
Well, jika anda sudah tidak sabar untuk mencobanya langsung saja ganti tema atau template anda dengan tampilan yang fresh :D
Happy Blogging! :D
Blog Theme Design by liamuk7

Blog Theme Design by liamuk7

Yap, tiga postingan sebelumnya, Bloggingly sudah membahas tentang disain atau tampilan blog. Mulai dari kenapa aspek disain itu perlu diperhatikan dalam berblogging-ria dan juga pilihan mana yang lebih anda suka, disain tema sendiri atau disain tema orang lain serta apa yang anda butuhkan untuk mendisain tema blog anda. Dan saya yakin pasti anda sudah punya persepsi tentang disain tampilan blog anda dan pilihan yang tepat untuk blog anda.

Langsung saja, pada postingan kali ini saya ingin berbagi cara untuk mengganti tema blog anda. Mungkin bagi yang sudah pernah melakukan pergantian tema di wordpress, blogspot, atau blog-blog lainnya tentunya bukan menjadi masalah untuk mengganti tema blognya masing-masing. Tapi tak ada salahnya jika saya sedikit mengulangnya kembali untuk anda :D

Cara mengganti tema di Wordpress.com dan Wordpress Self Hosted

Sejalan dengan versi wordpress yang sudah mencapai 2.8 dengan salah satu kemampuan tambahan untuk menginstall tema baru, anda tidak lagi perlu mengakses file server blog anda melalui FTP untuk mengupload tema baru ke dalam direktori theme anda. Saya asumsikan anda menggunakan Wordpress Self Hosted karena cara yang sama akan bisa digunakan untuk wordpress.com dengan perbedaan tidak bisa menambah tema sendiri pada wordpress.com

  1. Pertama siapkanlah tema yang sudah anda buat ata pilih untuk dijadikan tema blog anda
  2. Kemudian masuklah ke dashboard blog anda
  3. Lalu pilih appearance dan masuk ke dalam tab Add New Theme
  4. Di dalamnya anda akan melihat tampilan search jika anda ingin mencari tema yand sudah disediakan wordpress dengan berbagai filter fiturnya
  5. Jika anda ingin menginstall tema barunya klik lah tab Upload
  6. Lalu browse file tema blog anda dalam format .zip dan wordpress akan mengekstraknya secara otomatis nantinya
  7. Kalau sudah terpilih maka pilihan install now akan muncul lalu klik tombol tersebut
  8. Setelah proses upload selesai maka dibawah tulisan Theme Installed successfully bisa anda lihat ada preview, activate, dan return to themes page. Klik activate untuk langsung mengaktifkan tampilan blog anda yang baru.
  9. Jika sudah akses lah halaman home blog anda untuk melihat perubahan yang terjadi pada blog wordpress anda.

Cara Mengganti Tema di Blogspot

  1. Akseslah blog blogspot anda
  2. Setelah masuk ke dashboard anda, lihatlah Layout di sebelah tulisan Settings dan klik
  3. Jika anda belum memiliki template blogspotnya masuklah ke tab Pick New Template dan didalamnya anda bisa memilih template blogspot yang anda inginkan.
  4. Kalau anda memiliki template blogspot dengan rancangan sendiri klik lah tab Edit HTML
  5. Setelah masuk anda akan melihat barisan coding untuk template halaman blogspot
  6. Hal penting yang perlu anda lakukan adalah menyimpan file .xml template sebelumnya agar jika terjadi suatu yang tidak diinginkan anda bisa melakukan restore kembali. Download Full Template untuk memback-upnya
  7. Jika sudah, klik lah browse untuk mencari template yang sudah anda siapkan kemudian upload
  8. Dan jika berhasil anda akan melihat tampilan coding baru dari template yang sudah anda upload. Lalu save template tersebut.
  9. Kini halaman blogspot anda sudah berganti dengan tampilan yang baru :D

Beberapa situs yang menyediakan tema-tema untuk wordpress dan blogger baik free atau premium theme.

Well, jika anda sudah tidak sabar untuk mencobanya langsung saja ganti tema atau template anda dengan tampilan yang fresh :D

Happy Blogging! :D

16 komentar untuk post ini

Yep, themes ketiga buatan bloggingly! :D

Agustus lalu, saya sempat berbagi satu themes buatan saya : wpressbook. wpressbook adalah theme wordpress yang saya buat berdasarkan tampilan profile facebook yang lama. Ketika itu facebook belum sepopuler sekarang. Dan layoutnya pun masih layout – 800 piksel.

Waktu bergulir, dan facebook pun mengganti tampilannya. Berhubung saya adalah penggemar facebook, saya pun kembali tergelitik untuk membuat theme wordpress berdasarkan tampilan baru facebook. Terlebih lagi, wordpress 2.7 yang beberapa saat lalu dirilis memberikan peningkatan fitur, yang patut untuk di pelajari. Gabungan dari “pendalaman” saya terhadap enhancement pada wordpress 2.7 dan “jurus mencontek” yang dialamatkan kepada tampilan baru facebook :

new wpressbook theme

new wpressbook theme

The New Wpressbook
Free Wordpress Theme based on new facebook home design.

Untuk download, silahkan klik link ini : [Download not found]

Fitur – fitur wpressbook :

  • New facebook looks! LOL
  • 2 kolom
  • widget ready ( terdapat dua widget )
  • image caption ready
  • kompatibel dengan fitur thread comment wordpress 2.7. NOTE : Setting default nya off. Aktifkan dulu fitur threaded comments wordpress 2.7 di SETTINGS > DISCUSSION
  • Sudah di test di FireFox 3, Opera 9.63, Safari 3.2.1 dan Internet Explorer.
  • Facebook bookmarklet di setiap post
  • screenshot image post di halaman index

Note :
Saya membiarkan tampilan di IE seadanya. Sekedar “berada di tempatnya saja”, dan tidak memaksimalkan setiap efek tampilan. Seperti dashboard wordpress yang dibuka melalui IE lah. IE sucks, semua orang juga ( seharusnya ) tahu :P .

Gambar yang muncul di posisi avatar utama sudut kiri atas merupakan Gravatar dari admin.

Pada pengerjaan theme ini saya belajar banyak hal baru. Mengenai tag – tag author, mengkompatibelkan theme dengan fitur threading wordpress 2.7, membuat screenshot image menggunakan css, dll. Di kesempatan yang tepat, akan saya terbitkan beberapa artikel mengenai teknik yang sangat berguna :D

Special credit untuk Pak Jauhari dengan theme Hamasaki dan Prosumer-nya yang saya “otak – atik” . Belajar banyak trik baru nih. Salah satu trik keren yang saya pelajari dari theme Pak jauhari adalah menyelipkan screenshot gambar menggunakan CSS, unik sekali. Sekali lagi, terima kasih Pak Jauhari! :D

Yep, silahkan di download dan sampaikan komentar anda mengenai wpressbook! Jika menemukan bug ( pasti ada ) , silahkan sampaikan, tidak perlu sungkan.

Enjoy! :D

Download wpressbook disini : [Download not found]

13 komentar untuk post ini
plurking, by rosefirerising

plurking, by rosefirerising

Microblogging = kegiatan update status dalam 140 karakter berdasarkan pertanyaan “sedang apa sekarang?” yang sangat – sangat addicting. Penyedia jasa layanan ini pun banyak. Mulai dari Twitter, Plurk, Pownce, Jaiku, hingga kronologger, moodmill, ngecap, dll yang “made in Indonesia”.

Semua layanan tersebut sangat “memfasilitasi” kegiatan microblogging anda, tapi pernahkah terpikir oleh anda untuk membuat layanan microblogging milik anda sendiri?

;)

Caranya?
menggunakan wordpress, engine blog terpopuler di dunia dengan theme khusus : prologue.

Poin penting pertama : Microblogging hadir setelah blogging hadir. Jika wordpress sanggup mengelola kegiatan blogging, mengapa Wordpress tidak bisa mengelola kegiatan microblogging yang notabene “lebih kecil formatnya” dari blogging?

Ide ini yang membuat Automattic pada januari 2008 lalu merilis satu theme bernama Prologue. Ketika itu Twitter sedang hot – hotnya, dan Automatticians, para karyawan Automattic – perusahaan yang mendevelop wordpress, keranjingan twitter. Dari kondisi tersebut, lahirlah Prologue.

Prologue adalah theme yang membuat wordpress notabene mesin blogging menjadi “nampak” seperti “mesin microblogging”

Install dan activate theme ini seperti layaknya theme biasa. Lalu datang lah ke home blog anda :

Tampilan wordpress yang menggunakan theme prologue

Tampilan wordpress yang menggunakan theme prologue

Tada! Jika anda sedang login, di halaman home anda sekarang muncul satu form “what are you doing now”, disertai dengan kolom untuk tagging. Aha! satu nilai tambah pada mesin microblogging wordpress ini : tagging.

Jika halaman home ini dikunjungi pengunjung yang sedang tidak login, mereka tidak dapat mengakses kolom update tersebut. Namun mereka masih bisa memberikan komentar atas konten selayaknya blog wordpress biasa. Well, hal ini bisa jadi salah satu nilai tambah lain, menimbang platform microblogging lain hanya mengizinkan komentar untuk pengunjung yang login.

Lalu, jika anda menginginkan orang lain untuk berparitisipasi, daftarkan dia sebagai user dari “mesin microblogging wordpress” anda. Jika mereka login, mereka pun dapat memberikan status update anda.

Dan selayaknya engine wordpress, dengan “microblog” ini :

  • Anda bisa memprotect “update status” anda dengan password
  • Anda bisa membuat microblog wordpress anda ini “tidak muncul” di search engine
  • Image author yang menggunakan gravatar
  • Dan semua yang dapat dilakukan wordpress lainnya

Well, sounds interesting right? mendadak beberapa ide segar muncul. Jika ada niche blog, mengapa tidak membuat niche microblog?
Jika ada personal blog, mengapa tidak ada personal microblog? Ohwell, ide mengenai ini biar kita develop di lain kesempatan agar lebih dalam.

Tertarik mencobanya? Anda bisa download theme prologue versi 1.3 disini.

Enjoy! :D

11 komentar untuk post ini
Front Page

Front Page

Post ini akan berguna untuk anda yang membuat theme wordpress. Yang belum memahami sistem theme wordpress, anda dapat mempelajari dasar membuat theme wordpress melalui serial tutorial cara membuat wordpress theme. :)

Begini kondisinya : Anda sedang mendesain halaman home dari sebuah blog wordpress. Anda ingin membuat halaman home anda menampilkan cuplikan (bukan keseuruhan) konten + caption image. Masalahnya adalah :

Untuk menampilkan cuplikan konten, digunakan tag <?php the_excerpt(); ?>
tag the_excerpt(); tidak menampilkan image / caption image.

Jadi bagaimana solusinya?

Kami pernah mendapati beberapa theme magazine style yang menggunakan kode php tertentu untuk mengeluarkan image pertama dari sebuah konten post untuk dimunculkan beriringan dengan excerpt. Tapi teknik ini akan sangat menyebalkan jika anda belum menguasai php. maka dari itu, kita teknik yang ini :

Gunakan plugin Get The Image.

Apa gunanya pugin Get The Image ini?

Plugin Get The Image bertugas menampilkan caption berukuran 150 X 150 piksel dari gambar pertama yang ada dalam konten post anda.

Ditampilkan dimana?

Ditampilkan ditempat anda meletakkan tag khusus untuk memanggilnya.

Bagaimana jika post saya tidak ada image-nya?

Anda bisa menset agar plugin get the image menampilkan gambar default yang anda inginkan, seperti “image unavailable”. Anda bisa lihat halaman utama bloggingly sebagai contoh.

Cukup teorinya. Sekarang implementasinya :

  1. Download plugin Get The Image disini. Lalu Install dan Activate
  2. Masuk ke ( untuk versi 2.6 ) Design > Theme Editor > index.php (jika theme anda memiliki file home.php, maka yang di pilih home.php saja)
  3. Sebelum tag <?php the_excerpt(); ?>, copy pastekan tag ini : <?php echo get_the_image_link(array(‘Thumbnail’,'My Thumbnail’),’thumbnail’,'http://test.com/unavailable.jpg’); ?>
  4. Tekan update file.

Lihat halaman utama anda. Sekarang setiap post yang memiliki image, memiliki image di halaman utamanya. Tinggal anda rapihkan menggunakan CSS. :)

Lalu apa yang sebenarnya terjadi? Bisa jelaskan tag asing pada langkah ketiga?

Oke, Mari kita bahas. Tag tersebut merupakan tag dari plugin Get The Image :

<?php echo get_the_image_link(array(‘Thumbnail’,'My Thumbnail’),’thumbnail’,'http://example.com/unavailable.jpg’); ?>

  1. get_the_image_link(array memanggil image + link menuju post
  2. ('Thumbnail','My Thumbnail') Memberikan parameter class pada image. Jadi untuk stylingnya, anda bisa atur cssnya melalui .thumbnail atau .my-thumbnail pada style.css theme anda
  3. 'thumbnail' merupakan parameter untuk menentukan ukuran yang akan dipanggil. FYI, setiap image yang diupload ke blog anda, oleh wordpress secara otomatis akan dibuat kan tiga ukuran : thumbnail (150 X 150 piksel), medium, dan full. Untuk memahami step ini, ganti saja nilai ‘thumbnail’ dengan ‘medium’ atau ”full’
  4. 'http://example.com/unavailable.jpg' merupakan path image yang akan ditayangkan jika dalam post anda tidak memiliki image.

Well, cukup mudah kan? ;)

Enjoy! :D

8 komentar untuk post ini

Pendahuluan Tutorial Cara Membuat Theme Wordpress Sendiri

WordPress.org

WordPress.org

Ok. Kami yakin topik “Tutorial Cara Membuat Theme Wordpress Sendiri” ini dibutuhkan banyak orang. Karena meskipun banyak theme dengan kualitas premium bertebaran secara gratis di luar sana, permasalahnya hanya satu : Setiap orang memiliki selera masing – masing. Dan meskipun bagus, belum tentu theme gratis tersebut cocok untuk anda. Betul begitu? ;)

Hal yang menjadi tantangan untuk kami dalam membuat tutorial ini adalah kenyataan bahwa tidak semua pembaca tutorial ini memiliki dasar – dasar mengenai web design dan web developing yang mana keduanya merupakan hal yang dibutuhkan dalam membuat theme wordpress. Rumus sederhana membuat Theme Wordpress :

WordPress Theme = XHTML + CSS + tag-tag PHP untuk memanggil fungsi WordPress + Javascript ( untuk efek2 tertentu )

Maka dari itu, kami akan berusaha semaksimal mungkin untuk menjelaskan semua aspek dalam membuat Wordpress Theme. Sedetil mungkin, sepengetahuan kami, dalam bahasa yang semudah mungkin. Ok, kenyataan bahwa membuat theme itu agak sulit memang benar, namun jika anda mempelajarinya dengan tepat, pasti bisa. buktinya ada banyak sekali orang yang bisa membuat theme wordpress sendiri kan? ;)

Tools yang dibutuhkan untuk membuat Wordpress Theme sendiri

hal – hal yang kita butuhkan untuk membuat Wordpress Theme kita sendiri :

  1. Wordpress Theme yang terinstal dan dapat berjalan secara lokal di komputer anda.
  2. Editor untuk mengedit source code
  3. Software untuk image editing.

Engine Wordpress yang terinstal dan dapat berjalan secara lokal di komputer anda.

maksudnya adalah komputer anda berperan sebagai server dan ada engine wordpress yang terinstall di server komputer anda. Jadi anda tidak perlu terkoneksi ke internet : Nyalakan PC anda, Nyalakan program server di komputer anda, buka browser, dan akses localhost. Gunanya? agar proses pengeditan berjalan cepat, dan anda tidak mubazir Bandwith. :)

  1. Untuk melakukan ini, download XAMPP, software yang akan membuat PC anda mampu bekerja sebagai server ( download yang installer ) disini lalu install pada PC anda
  2. Download versi terbaru dari Wordpress disini

Tutorial lengkap untuk menjalankan Wordpress pada PC anda, baca halaman ini.

Editor untuk mengedit Source Code

Website tersusun atas code. baik itu HTML, CSS, JavaScript, kesemuanya adalah kode. maka dari itu anda membutuhkan Software editor kode.

Sofware Editor Code :

  1. Macromedia Dreamweaver. bagus untuk pemula karena ada fitur autocompletenya. Seperti Google Suggestion namun untuk kode lah. Pewarnaan code juga cukup membantu sih. Saya pribadi dulu menggunakan software ini saat awal – awal belajar web developing. Masalahnya adalah : software ini cukup berat dan berbayar.
  2. NotePad ++ . jika anda kesulitan mendapatkan DreamWeaver, gunakan Notepad ++ saja. Gratis, ringan, dan bekerja dengan baik. Download NotePad ++ disini, lalu install

Software untuk image Editing

Software untuk mengolah gambar. Well, sepertinya tidak perlu dijelaskan lagi : Adobe PhotoShop dan CorelDraw.

Ok, langkah pendahuluan dan tools yang akan kita butuhkan cukup sampai disini. Berlanjut di post selanjutnya.

Ada pertanyaan? atau Ada langkah yang kurang jelas? Atau mungkin ada yang terlewat? izinkan kami mengetahuinya. silahkan sampaikan pandangan anda melalui kolom komentar

Enjoy!

P.S. :

Ngomong – ngomong, untuk mengetahui lebih jauh, ini alamat website tempat saya mempelajari cara membuat Theme Wordpress. ( in English ) : WpDesigner.com

Selanjutnya : Langkah #1 : Memahami Sturktur File Wordpress Theme

38 komentar untuk post ini

Bosan dengan tampilan blog anda? sedang mencari – cari theme untuk blog anda? mencari theme wordpress yang bagus, unik dan tidak pasaran? Coba buka blog yang satu ini :

FreeThemeLayouts – Amazing, Free Wordpress Themes for Instant Download

jadi ceritanya kemarin kami melihat sebuah iklan di banner salah satu blog yang kami kunjungi, dan iseng – iseng kami mengkliknya dan nyasarlah kami ke blog yang satu ini. Kesan pertama yang kami dapat setelah datang ke FreeThemeLayouts biasa saja. Terlihat seperti “another place to download free themes”. Namun setelah kami perhatikan, eh, beberapa theme GRATIS yang di tawarkan untuk di download keren juga! “Kena banget” kalau kita berbicara berdasarkan 2008 design trends yang dipublish oleh Webdesignerwall. Ada CreativeArt Theme dengan pattern Grunge, ada Seabreeze Theme dengan pattern flower dan vector art, DarkSpace dengan efek paperclip yang pas, WarmAutumn dengan gradasi warna yang indah, dan beberapa theme lain dengan tampilan yang luar biasa. Meskipun ada juga beberapa tampilan juga themes yang “terlihat biasa”, tapi banyak diantaranya disediakan secara GRATIS UNTUK Di DOWNLOAD dengan kualitas premium.

Well well, sedang mencari themes untuk blog anda? segera meluncur ke FreeThemeLayouts.

Enjoy! :D

jadilah yang pertama berkomentar!