1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

(share) Dasar membuat theme wp

Discussion in 'Wordpress' started by jazzrs, Apr 21, 2014.

  1. jazzrs

    jazzrs Hero

    Joined:
    Sep 14, 2013
    Messages:
    688
    Likes Received:
    12
    sebelumnya silahkan mendownload notepad++ untuk melakukan coding :D
    xxx://notepad-plus-plusdotorg/download/v6.5.5dothtml
    View attachment 40620
    saya akan memberikan sebuah ilustrasi cara pembuatan template wp dasar meliputi:

    -index.php
    -style.css
    Dengan dua berkas ini, kita sudah bisa membangun sebuah themes WordPress. Tapi, untuk menampilkan hasil yang lebih fantastis, kita membutuhkan beberapa berkas lain untuk mendukung themes kita.
    [h=3]Berkas Tambahan
    [/h] Inilah berkas-berkas yang bisa dipakai sekalian dengan fungsi-fungsinya:
    - home.php : digunakan untuk menampilkan halaman depan blog
    - header.php : Digunakan untuk menampilkan bagian header blog
    - sidebar.php : digunakan untuk menampilkan bagian sidebar blog
    - footer.php : digunakan untuk menampilkan bagian footer blog
    - single.php : digunakan untuk menampilkan artikel.
    - page.php : digunakan untuk menampilkan page.
    - search.php : digunakan untuk menampilkan hasil pencarian.
    - archive.php : digunakan untuk menampilkan arsip blog (arsip tanggal, bulan, dll).
    - functions.php : digunakan untuk mengatur fungsi-fungsi yang berlaku di blog.
    - 404.php : digunakan untuk menampilkan halaman error 404



    sementara itu dulu ya...ditunggu dulu temen-temen lain biar pada ngumpul dulu,nanti disambung lagi cara membuat theme wpnya..
     
  2. Nando Fragolino

    Nando Fragolino Ads.id Starter

    Joined:
    Mar 27, 2014
    Messages:
    57
    Likes Received:
    2
    Location:
    Palapa
    ada sample themes nya ga om, biar bisa langsung di edit
     
  3. M_Top

    M_Top Hero

    Joined:
    Feb 27, 2014
    Messages:
    570
    Likes Received:
    13
    Location:
    Demak Kota Wali
    nyimak dulu dah, soalnya gak paham php..
     
  4. amild

    amild Ads.id Pro

    Joined:
    Nov 29, 2012
    Messages:
    347
    Likes Received:
    71
    Location:
    Makassar
    Nanggung amat dasarnya bro... Lanjutkan aja deh
     
  5. 608l06

    608l06 Ads.id Fan

    Joined:
    Mar 22, 2012
    Messages:
    245
    Likes Received:
    3
    gelar tiker dulu ah..kali aja bisa bikin theme :)
     
  6. jazzrs

    jazzrs Hero

    Joined:
    Sep 14, 2013
    Messages:
    688
    Likes Received:
    12
    maaf ya gan,Bukannya gimana gimana.Ane memang sengaja buat step by step biar semua temen temen ngerti dari awal apa itu index.php apa style.css kenapa harus menggunakan coding ini itu dll
    sekali lagi ini khusus NEWBIE bukan untuk yang sudah PRO
    jadi kalau anda sudah pro silahkan cari reference lain aja karena gak cocok buat ente
    langsung aja ya gan,ini nih ane jelasin

    sebelumnya silahkan instal xamppnya (saya anggap dah bisa ya...yang ini)
    kalau belum bisa silahkan cari di google..cara menggunakan xampp
    dan isi folder baru di C:\xampp\htdocs\ardian\wp-content\themes
    namanya terserah tapi jangan panjang2+jangan pakek spasi

    sebelumnya ane jelaskan ya...semua template yang ada di wordpress itu menggunakan bahasa php tetapi kita bisa menyisipkan bahasa html dan hasilnya juga html..
    ane sarankan untuk mempelajari bahasa php ada 2 rekom dari saya
    hxxp://www.phpdotnet
    hxxp://www.w3schoolsdotcom/

    index.php itu di ibaratkan otak kita yang menggerakkan seluruh badan
    style.css itu sebagai pakaiannya topi dll,designn:D


    ok ane mulai ya...


    Buka notepad++ nya,

    tuliskan

    Code:
    <html>  
    
       <head>  
    
          <title>Judul Blog</title>  
    
       </head>  
    
       <body>  
    
          <h1>Judul Artikel</h1>  
    
          <p>Artikel yang ingin dimunculkan</p>  
    
       </body>  
    
    </html>   
    
    
    
    lalu save C:\xampp\htdocs\ardian\wp-content\themes\namamu tadi
    dengan nama index.php

    sementara ini dulu,nanti kalau dah senggang ane tulis lagi...pastikan anda mengerjakan ini dulu..
     
  7. pitnat

    pitnat Ads.id Pro

    Joined:
    Sep 22, 2011
    Messages:
    406
    Likes Received:
    10
    Location:
    Strategis
    Lanjut gan.... banyak kok newbi yang mau belajar :cerutu:
     
  8. yugeeze

    yugeeze Ads.id Fan

    Joined:
    Apr 21, 2010
    Messages:
    122
    Likes Received:
    5
    menyimak ane mastah. dah lama nyari ginian. :D
     
  9. Candiantik

    Candiantik Super Hero

    Joined:
    Jan 20, 2012
    Messages:
    777
    Likes Received:
    20
    Location:
    Tetep yang dulu, belum pindah
    Lanjutkan gan, ane bookmarks dulu biar aman.. :gembira:
     
  10. dadada

    dadada Super Hero

    Joined:
    Dec 10, 2013
    Messages:
    2,514
    Likes Received:
    999
    Biasanya kalau sudah melangkah ke cara membuat theme WP, harusnya sudah langsung ke fungsi dan isi dari berkas php yang digunakan. Kalau berkas html dan PHP masih belum tahu samasekali, ya belum waktunya melangkah kesini ( membuat theme wp - red) - maka harus pelajari dulu sebelumnya .
    Sedangkan Kalau sudah ngerti php, pasti sudah tahu apa itu html, index, xampp, notepad++, dan php.net atau w3school.

    Anggap saja semua sudah paham PHP dan HTML Om, jadi langsung pada step2nya. Mulai dari macam berkas yg dibutuhkan dan kegunaan, cara-cara menghubungkan semua berkas, penjelasan fungsi dan codex wp, dan cara pembuatannya.

    Misalnya, berkas apa yang perlu dikerjakan duluan, apa saja coding dan codex yg dibutuhkan, atau contoh/sampel isi berkas yang paling sederhana, dsb..



    Lanjutkan Gan, Soalnya ane juga ingin bisa bikin theme WP nih,,,
     
  11. SangAgkuh

    SangAgkuh Banned

    Joined:
    Aug 16, 2012
    Messages:
    679
    Likes Received:
    129
    Location:
    Babatan, Surabaya, Jawa Timur, Indonesia
    Idem ama agan ini..

    Lanjut dah... :D
     
  12. wildan_asrori

    wildan_asrori Ads.id Pro

    Joined:
    Nov 30, 2013
    Messages:
    292
    Likes Received:
    10
    Ninggalin jejak Gan. Ikut belajar.
     
  13. ariedan

    ariedan Ads.id Pro

    Joined:
    Aug 29, 2010
    Messages:
    453
    Likes Received:
    47
    Location:
    Depan Layar Monitor
    ijin belajar gan..
    soalnya ane kagak paham sama sekali tentang wordpress themenya
     
  14. oregano

    oregano Ads.id Starter

    Joined:
    Sep 13, 2010
    Messages:
    56
    Likes Received:
    0
    Yes..dari dulu pengin bisa bikin theme yang putih simple gak neko-neko...nyimak dulu... :D
     
  15. mezzaluna08

    mezzaluna08 Sedekah

    Joined:
    Jun 30, 2009
    Messages:
    1,392
    Likes Received:
    70
    Location:
    Arema
    nah, ini nih... dari dulu ane pengen banget bisa bikin theme wp. semoga bisa nyantol :D
     
  16. AsunaYuki

    AsunaYuki Super Hero

    Joined:
    Nov 29, 2012
    Messages:
    1,210
    Likes Received:
    139
    Location:
    Sumedang
    Ikutan belajar gan,, , , , Oia sekedar saran, lebih baik tutorialnya lanjutin di post ke 1 (pake fungsi Edit), biar entar yg mau belajar ga perlu nyari2 lagi dimana tutorial selanjutnya, kecuali kalo di post #1 uda habis baru di akhirnya kasih pemberitahuan (#Tutorial lanjut ke Halaman 3 *misalnya), tpi itu ya sekedar saran sih, ga lebih :komunis:
     
  17. gamabozz

    gamabozz Newbie

    Joined:
    Jan 21, 2012
    Messages:
    8
    Likes Received:
    0
    ninggalin jejak dulu ah mau blajar
     
  18. sandalemas

    sandalemas Newbie

    Joined:
    Nov 22, 2013
    Messages:
    43
    Likes Received:
    3
    gelar tikar mas :D
     
  19. sakkapratama

    sakkapratama Super Hero

    Joined:
    Feb 13, 2012
    Messages:
    793
    Likes Received:
    15
    Location:
    Depok
    dasar banget niiii, terlalu dasar
    lengkapin dikit dong mastah
     
  20. BlackMarket

    BlackMarket Newbie

    Joined:
    Mar 30, 2014
    Messages:
    26
    Likes Received:
    0
    kalo wp kepentok sama hostingan :(
     

Share This Page