• Membuat Website Gratis dan Toko Online Gratis

    Kursus Bogor
  • ebook php Web Design
  • Partner Kami

  • Facebook Kami

  • Follow Twitter Kami

  • Menambahkan Custom CSS Style Pada Editor WordPress

    Posted on: February 1st, 2011 by IW

    IW
    Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis.

    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafisBanyak hal yang istimewa dari wordpress, mulai dari ringannya database “bila dibandingkan dengan senyumanmu membuat akuuu… jatuh bangun…” halah. Mulai dari ringannya database bila dibandingkan dengan CMS lain, kemudian user friendly, search engine friendly dan banyak lagi yang lain, alasan-alasan inilah yang membuat lembaga-lembaga korporat menjadikan wordpress sebagai base engine websitenya. Kuat, begitulah wordpress.

    Begitu powerfullnya wordpress hingga semuanya bisa di tangani oleh plugin apabila terdapat fitur yang kurang. Pernyataan ini bukan berarti penulis mendewakan wordpress, tapi berawal dari kekaguman akan engine wordpresslah yang membuat penulis mengatakan seperti ini.

    Oke, kita melenceng dari topik bahasan intinya. Seorang web developer biasanya menyediakan style style css tertentu yang membuat entah itu post atau page memiliki tampilan yang di inginkan. WordPress menyediakan editor yang ciamik, namun tetap saja kurang karena untuk menambahkan style tertentu si pembuat artikel yang entah dia seorang yang advanced atau pemula terlebih dahulu masuk ke dalam mode HTML kemudian menambahkan style css ke dalam tag html yang di inginkan, untuk seorang advanced tidak masalah, namun bagaimana dengan seorang pemula yang tidak mengerti CSS dan HTML sama sekali? Baginya menambahkan style ke dalam tag dengan cara mengetik dalam mode HTML itu wasting time saja. Betul?

    Solusinya adalah plugin Insert Link Class. Anda dapat mendownloadnya di sini http://downloads.wordpress.org/plugin/insert-link-class.zip, cukup download terlebih dahulu kemudian lakukan instalasi plugin tersebut.

    Caranya adalah masuk ke dalam plugin | Install Plugins | upload setelah upload kemudian pilih activate saja.

    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafis

    Setelah plugin tersebut aktif siapkan terlebih dahulu classnya dengan cara menyisipkan class css style ke dalam file style.css themes yang sedang Aktif. Misalnya seperti ini themes yang Anda gunakan saat ini adlaah Twenty Ten, cari file style.css di dalam? direktori wordpress Anda/wp-content/themes/twentyten kemudian sisipkan class css style nya ke dalam file style.css. Atau Anda juga bisa menggunakan Appearance | Editor kemudian klik stylesheet di sebelah kanan, seperti gambar di bawah ini …

    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafis

    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafis

    Kemudian tambahkan class baru, dan update.

    Setelah itu masuk ke bagian Link Class Setting …

    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafis

    Tambahkan dengan cara mengklik button Add Class, kemudian masukkan name yang akan tampil di editor wordpress dan class yang baru saja di buat. Dan secara otomatis class tersebut akan muncul di editor wordpress Anda.

    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafis

    Oke Terima Kasih. Selamat Mencoba.


    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafisCara Membuat Website dengan Adobe Dreamweaver

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website? Store Ilmuwebsite menyediakan CD Tutorial Interaktif dengan harga murah, mengantar Anda menjadi seorang web designer yang handal


    Menambahkan Custom CSS Style Pada Editor Wordpress web desain grafisMahir PHP MySQL Membuat Aplikasi Dinamis Berbasis Web

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website dinamis atau aplikasi berbasis web? Kami punya solusi yang sangat sangat murah! Lebih ampuh dari hanya sekedar membaca buku, interaktif layaknya kursus PHP biasa

    10 Responses

    1. tutorilanya cukup jelas namun setelah saya praktekin kok g bisa ya

    2. Tak nyoba ya gan. Ngelmu baru nih.

    3. thank’s gan atas infonya dengan menggunakan plugin link class akan mempermudah dalam modifikasi wordpress nantinya saya mesti pake ini biar tambah mantap blog saya….

    4. adhown says:

      Hallo pak,,
      Sya ingin tny bagaimana membuata dropdown pages di wordpress,,
      Terimakasih..

    5. loket ppob says:

      mantap tutorialnya gan sangat bagus untuk di praktekkan dan di pelajari… sekali lagi terimakasih untuk agan..salam sukses dan salam kenal

    6. Oke,,, ini yang ane cari, thanks ya bro

    7. togel says:

      bang, webblog gw koq selalu jelek banget ya, ga boleh liat orang lain punya blog, selalu mo ngikut.

    8. Amang Gayam says:

      Wah, ada tutorial mantap nih… langsung praktek :D

    9. jiiahhh !! ternyata harus pakai plugin yah.. :D

      aku juga mau mencss kan sebagian gambar ke tema ku gan..
      biar mantep !!

      Terima kasih ya sob.. :D

    10. Jefry says:

      dengan plugin yang bisa menyisipkan kode css ke dalam css file themes wordpress jadi sangat mudah sekarang
      terima kasih ijin mendownload pluginnya

    Leave a Reply