Membuat Theme WordPress dengan Framework Responsive

Apa itu Responsive Design?

Responsive Design intinya membuat halaman sebuah website “fluid” dan bisa menyesuaikan dengan browser bahkan dengan media yang digunakan, misalnya HP, android dan sebagainya. (entah nanti ada apa lagi)

Membuat Responsive WordPress Theme dengan Bootstrap

Bootstrap adalah framework Responsive untuk membuat Website dan aplikasi. Kita akan memanfaatkannya untuk membuat Theme WordPress.
Dengan Bootstrap kita tidak usah membuat Theme WordPress dari Nol.
Tutorial kali ini akan mengambil contoh dari halaman Theme Hero dari Bootstrap
Kita akan membuat sebuah theme dengan halaman-halaman sebagai berikut :

  • Homepage dengan desain custom
  • Halaman About
  • Halaman Contact
  • Sebuah section dengan komentar
  • Sidebar yang bias diisi dengan widget wordpress

Memulai
Sebelum kita mulai, beberapa hal ini harus dilakukan :

  • Install WordPress
  • Download dan Unzip Bootstrap
  • Install Plugin WP Test Drive (install plugin ini jika kita tidak ingin pengunjung melihat Theme WordPress saat sedang kita buat)

Tambahkan folder wpbootstrap  dalam folder theme wordpress

Tambahkan folder wpbootstrap atau namakan dengan nama apa saja terserah kita.
Struktur WordPress nya akan seperti ini

Membuat Theme WordPress dengan Framework Responsive

Folder bootstrap berisi file hasil unzip dari Bootstrap :

css
img
js

Buat File index.php dalam folder wpbootstrap

Copy source code dari halaman sample “hero”

Copy source code dari halaman sample hero dan paste ke dalam file index.php

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
        <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
      </div>

Buat File style.css di dalam folder wpbootstrap

WordPress membutuhkan file css dengan nama style.css jadi jangan namakan dengan nama lain. Dalam file style.css tersebut masukkan komentar berikut ini :

/*
 Theme Name: WP Bootstrap
 Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
 Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
 Author: Zac Gordon
 Author URI: http://teamtreehouse.com/
 Version: 1.0
 Tags: responsive, white, bootstrap
 License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
 License URI: http://creativecommons.org/licenses/by-sa/3.0/
 This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
 */

Buat gambar sebagai screenshot theme
Buat gambar dengan ukuran 300 x 225 px dan namakan screenshot.png. Contoh gambarnya seperti di bawah ini :
Membuat Theme WordPress dengan Framework Responsive

Cek di wp-admin

Sekarang Log in ke wp-admin. Dan klik appearance-theme. Theme baru sudah ada di sana.

Membuat Theme WordPress dengan Framework Responsive

Klik “activate” dan cek tampilan wordpress baru

Belum ada kode CSS nya.

Belajar Ngeblog di “UntanNET”

Duh… setelah semalam sibuk “Kerja Bakti” di Saigon.NET (warnet yang ada di saigon) bantu temannya Bang Teguh meremajakan Warnetnya, mulai dari Install Komputer, Program Warnet, Game’s sampai Ngerimping kabel RJ 45, sampai penyetingan Server MIKOCOK (panggilan akrab Mikrotik).

Read the rest of this entry

Mengatasi Kemiskinan

fakir-miskinPunya pendidikan tinggi merupakan impian tiap orang. Tapi, bagaimana jika kemiskinan terus menghadang. Jangankan untuk biaya kuliah, buat makan saja susah.

Berikut ini penelusuran dan wawancara Eramuslim dengan seorang pemulung yang kini bisa terus kuliah di jurusan akuntansi di Pamulang, Tangerang. Mahasiswi berjilbab itu bernama Ming Ming Sari Nuryanti.

Sudah berapa lama Ming Ming jadi pemulung?

Sejak tahun 2004. Waktu itu mau masuk SMU. Karena penghasilan ayah semakin tidak menentu, kami sekeluarga menjadi pemulung.

Read the rest of this entry

Islam dan Ketaqwaan

islamcoverIslam adalah agama yang diwahyukan Allah kepada umat manusia melalui utusan-Nya, Nabi Muhammad Saw. Ini berarti bahwa ajaran Islam itu adalah wahyu dari Allah Swt. Dari sudut pandang ini dapat disebut bahwa Islam bersifat “shistoris”, dalam arti berwujud ajaran-ajaran murni yang bersifat mutlak dan universal (berlaku umum tanpa terikat ruang dan waktu). Oleh karena itu, apa yang dilakukan umat dalam kehidupan mereka sehari-hari dapat dikatakan, berdasarkan wahyu dari Allah Swt. Tetapi, karena Islam adalah untuk kepentingan manusia dalam mewujudkan kebahagiaan, maka ia harus menyejarah, yakni menyatu dengan pengalaman hidup manusia sendiri yang menjelma dalam sejarah. Artinya, Islam dalam realitas kehidupan umatnya terkait erat dengan ruang dan waktu. Hal ini terbukti dengan jelas dalam kenyataan sejarah pemikiran dan praktik keagamaan umat Islam. Dari sudut pandang inilah akan dikaji keberagamaan masyarakat Islam di Kalimantan Selatan.

Masyarakat Kalimantan Selatan adalah mayoritas beragama Islam. Data yang diperoleh dari Kantor Wilayah Departemen Agama Kalimantan Selatan pada tahun 1999 tentang jumlah pemeluk agama menunjukkan, bahwa dari 2.855.869 penduduk Kalimantan Selatan, 2.768.726 penduduk (96.9%) beragama Islam. Sebagai umat Islam tentu meyakini bahwa apa yang selama ini diperbuat telah sesuai dengan ajaran Islam sebagaimana yang diajarkan oleh Rasulullah Saw. Meskipun demikian ternyata dalam siklus kehidupan sebagian masyarakat Islam di sini masih terdapat pelbagai kepercayaan, aktivitas ritual dan upacara keagamaan yang bermuatan budaya lokal.
Read the rest of this entry

Iklan Moderen via Website

www.fadlie.web.idIklan merupakan bagian dari reklame yang berasal dari bahasa prancis, yaitu re-clame yang berart “meneriakkan berulang-ulang” (Dendi sudiana,1995). Dalam Advertising Exellance sebagimana dituliskan arena ( dalam ratna Noviani,2002).iklan adalah struktur informasi dan susunan komunikasi non personal yang biasanya dibiayai dan bersifat persuasif, tentang produk (barang, jasa, dan gagasan) oleh sponsor yang terindentifikasikan, melalui berbagi macam media. Jadi hakikat iklan adalah pesan yang disampaikan dari komunikator pada komunikan. Oleh karena itu iklan adalah bentuk kegiatan komunikasi.Iklan merupakan komponen yang vital dalam organisasi dan reproduksi kapital.

Iklan televisi (television commercial) adalah iklan yang ditayangkan melalui media televisi, melalui media ini, pesan dapat disampaikan dalam bentuk audio visual, dan gerak. Bentuk pesan audio visual dan gerak. Bentuk pesan audio visualdan gerak tersebut pada dasarnya merupakan sejumlah tanda. Dalam kajian semologi, iklan adalah seperangkat tanda yang berfungsi meyampaikan sejumlah pesan ( kasiyan 2001)
Read the rest of this entry

Sejarah Islam di KALBAR

Peneliti dari Amerika J Davidson pernah menyampaikan ketertarikannya mengenai perkembangan Islam di Kapuas Hulu. Katanya, bagaimana di pedalaman Kapuas Hulu ini, Islam menjadi agama mayoritas? Kok, komposisinya bisa 60:40 ? Padahal Sintang, Sanggau, yang lebih dekat dekat pusat Islam, lebih dekat dengan pantai, konon lebih terbuka, penduduk yang bukan Islam jumlahnya lebih banyak.

Dua tahun sudah berlalu. Sampai hari ini pertanyaan itu sedang berusaha dijawab. Sekaligus melengkapi informasi yang sampaikan Departemen Agama Kapuas Hulu hampir 20 tahun lalu, ketika Tim Peneliti Depag yang dipimpin Moch Malik berhasil menerbitkan naskah yang diberi judul Masuk dan Berkembangnya Islam di Kapuas Hulu. Yusriadi, Zainuddin Isman, dan Hermansyah mencoba menyumbangkan jawabnya melalui tesis masing-masing.
Read the rest of this entry

Da’wah dan tarbiyah

Da’wah dan tarbiyah adalah amanah Allah yang wajib diemban dengan penuh kesungguhan sebagai manifestasi kesungguhan kita pada-Nya atas hidayah-Nya kepada kita sehingga kita dapat mengenal dan menelusuri jalan yang mulia ini. Selain bahwa kesadaran kita terhadap amanah besar ini adalah merupakan syarat utama untuk beristiqmah di jalan ini. Makanya seluruh bentuk futur, kelalaian dan kemalasan, bersumber dari kurangnya kesadaran terhadap amanah ini dan kurang syukur terhadap ni’mat Allah yang amat besar ini, sekaligus !

Da’wah dan tarbiyah adalah perjalanan panjang, sepanjang hayat kita, selama jantung masih berdetak, selama darah masih mengalir, kapan dan dimanapun kita berada, maju terus pantang mundur, betapa dan bagaimanapun tantangan yang kita hadapi !!

Ini adalah jalan kesungguhan ! Ini adalah jalan jihad ! Ini adalah jalan kesetiaan terhadap Allah SWT dan Rasul-Nya SAW ! Ini adalah jalan para mujahidin sepanjang zaman. Jalan kemuliaan dan keselamatan hakiki. Jalan ini menuntut peningkatan pemahaman dan budaya saling menasehati atas dasar keikhlasan, secara berkesinambungan, yang akan menjadi motor penggerak untuk mewujudkan mujahadah disegala aspek amal jama’i secara seimbang.

Read the rest of this entry

Islam in Eropa

Sumber: http://www.harunyahya.com

Selama 20 tahun terakhir, jumlah kaum Muslim di dunia telah meningkat secara perlahan. Angka statistik tahun 1973 menunjukkan bahwa jumlah penduduk Muslim dunia adalah 500 juta; sekarang, angka ini telah mencapai 1,5 miliar. Kini, setiap empat orang salah satunya adalah Muslim. Bukanlah mustahil bahwa jumlah penduduk Muslim akan terus bertambah dan Islam akan menjadi agama terbesar di dunia. Peningkatan yang terus-menerus ini bukan hanya dikarenakan jumlah penduduk yang terus bertambah di negara-negara Muslim, tapi juga jumlah orang-orang mualaf yang baru memeluk Islam yang terus meningkat, suatu fenomena yang menonjol, terutama setelah serangan terhadap World Trade Center pada tanggal 11 September 2001. Serangan ini, yang dikutuk oleh setiap orang, terutama umat Muslim, tiba-tiba saja telah mengarahkan perhatian orang (khususnya warga Amerika) kepada Islam. Orang di Barat berbicara banyak tentang agama macam apakah Islam itu, apa yang dikatakan Al Qur’an, kewajiban apakah yang harus dilaksanakan sebagai seorang Muslim, dan bagaimana kaum Muslim dituntut melaksanakan urusan dalam kehidupannya. Ketertarikan ini secara alamiah telah mendorong peningkatan jumlah warga dunia yang berpaling kepada Islam. Demikianlah, perkiraan yang umum terdengar pasca peristiwa 11 September 2001 bahwa “serangan ini akan mengubah alur sejarah dunia”, dalam beberapa hal, telah mulai nampak kebenarannya. Proses kembali kepada nilai-nilai agama dan spiritual, yang dialami dunia sejak lama, telah menjadi keberpalingan kepada Islam.

Read the rest of this entry

Indahnya Cinta dalam Islam

Cinta di dalam Islam sebenarnya tiada hubungan romantic atau caring atas alasan jika benar pencinta yang memahami corak Islam lebih ke arah menulis peringatan-peringatan Allah di dalam konteks cara perhubungan walaupun mungkin tidak pernah berdating…malah orang yang bercinta dalam bentuk syariat Islam takut untuk berhubungan secara menulis…kerana was-was dengan keupayaan menahan bentuk luahan hati yang akan menimbulkan *zina hati*. Malah orang yang benar-benar beriman takut untuk berhubungan melalui telefon atau kaedah bercakap yang penuh lemah-lembut dalam bentuk hubungan lain seperti chatting kerana biasanya kekerapan hubungan percakapan lebih ke arah tidak tertapis dan bisa ~menggoda keimanan~ dengan rasa ^rindu^ dengan suara dan gurauan sehingga akhirnya membuat tautan rasa cinta ~asmaradana~ bermula kecuali bagi mereka yang benar-benar tiada masalah hati…itu pun boleh menjadi satu bentuk perhubungan awalan jika tidak disekat.

Read the rest of this entry

Jangan Putus Asa Dalam Berdo’a…

Janganlah membuatmu putus asa dalam mengulang doa-doa, ketika Allah menunda ijabah doa itu

Ibnu Athaillah as-Sakandari mengingatkan kepada kita semua agar kita tidak berputus asa dalam berdoa.Mengapa demikian? Karena nafsu manusia seringkali muncul ketika Allah menunda ijabah atau pengabulan doa-doa kita. Dalam kondisi demikian manusia seringkali berputus asa, dan merasa bahwa doanya tidak dikabulkan. Sikap putus asa itu disebabkan karena manusia merasa bahwa apa yang dijalankan melalui doanya itu, akan benar-benar memunculkan pengabulan dan Allah.Tanpa disadari bahwa ijabah itu adalah Hak Allah bukan hak hamba. Dalam situasi keputusasaan itulah hamba Allah cenderung mengabaikan munajatnya sehingga ia kehilangan hudlur (hadir) bersama Allah.
Read the rest of this entry