Edit Template Joomla ? Kenali Dulu Struktur File Templatenya

Template joomla terdiri dari beberapa file di dalamnya, agar mudah mengedit atau sekedar mangganti image, kita harus tahu dulu struktur file template joomla. Nah jika kita sudah mengenal strukturnya kita akan mudah mengedit dan mengotak-atik template joomla tersebut.

Struktur file template joomla standar terdiri dari beberapa file diantaranya :

  1. CSS Folder
  2. Images Folder
  3. Index.php
  4. Index. html
  5. Template_thumbnail.png
  6. TemplateDetails.xml

Struktur diatas hanyalah template yang standar, setiap template strukturnya akan berbeda tergatung si Empu/ pembuat template, apakah ada file javascriptnya atau lain sebagainya.

Nah mari kita coba kenali satu persatu file-file tersebut:

  1. CSS folder ini merupakan tempat disimpannya file-file berextensen .css (Cascading style sheet) yaitu file-file yang fungsinya untuk mengatur tampilan atau wajah dari web kita. mulai dari lebar template, margin, font, warna, sampai ke pengaturan image baground yang akan di tampilkan di halaman web kita.
  2. Image folder ini merupakan tempat disimpannya file gambar/image template kita. seperti file header, list, buton, baground dan sebagainya. formatnya ada yang jpg, png, gif dan lain sebagainya.
  3. Index.php ini merupakan file utama template dimana di dalamnya merupakan program-program yang meramu semua komponen dan susunan modul-modul yang akan di tampilkan di halaman website kita. kayaknya perlu mengupas tersendiri tentang file index.php ini.
  4. Index.html file ini tidak berisikan file apa alias kosong hal ini berfungsi jika ada yang mengakses langsung ke folder ini dan menggunakan file index.html maka file inilah yang akan dieksekusi. dan jika di lihat di browser maka tidak akan terlihat apa-apa. begitu juga dengan file yang sama yang berada dalam folder css dan image.
  5. Template_thumnail.png ini hanyalah screen shoot dari template kita. File ini akan berfungsi saat kita akan memilih template mana yang akan di pake baik itu di menu beckend maupun frontend. kalau nama mungkin bisa lupa tapi kalau ngelihat gambarnya kita akan ingat..tampilan template-nya.
  6. TemplateDetails.xml biasanya ini merupakan file tempat menyimpan instruksi-instruksi saat penginstallan juga berisikan info si pembuat tempalte yang akan tampil pada menu beckend. Dan file ini juga sebagai insttalernya template joomla kita.

Nah itu hanya sebatas file template setandar lain halnya jika File tersebut ada Javasriptnya maupun ada Flash biasanya file-file tersebut disimpan dalam folder sendiri-sendiri. Jika sudah mengerti minimal yang standar ini mudah-mudahan dalam mengedit template joomla akan lebih mudah dan cepat. Selamat berexperimen dan mengedit template joomla.

40 Responses to “Edit Template Joomla ? Kenali Dulu Struktur File Templatenya”

Pages: « 1 [2] Show All

  1. 21
    amel (4 comments) Says:

    cara menggnti template gmn crana????

  2. 22
    Agus (11 comments) Says:

    kalo software buat templates maker ada g ya??

  3. 23
    jekjon (1 comments) Says:

    mantab nih cara penjelasannya…

    ada tambahan untuk joomla2 yg lain mungkin profesor? dalam arti joomla2 premium ato bukan basic

    DAlam folder SCRIPTS ato HTML mungkin?

  4. 24
    Andi (3 comments) Says:

    Orang bego juga tau ini mah,,yang w maksud cara ngeditnya dong,goblog ahhh

  5. 25
    janitor man (1 comments) Says:

    iya nih mau jadi guru tapi masih goblok..sekali lagi ah.. ”Goblok luh pak guru”

  6. 26
    Jonbetta (23 comments) Says:

    @ Andi and @ Janitor man
    Saya menulis ini hanya ingin berbagi bagi mereka yang baru belajar seperti saya. Buakanlah saya ingin jadi guru, piss :D

  7. 27
    aditya (2 comments) Says:

    waah.. lengkap tutorialnya, jadi pingin mendalami joomla. sukses mas

  8. 28
    satria (1 comments) Says:

    iyalah..yg aq pengin cara edit css/html gitu…

  9. 29
    printer (1 comments) Says:

    di ciopy ya bozzz

  10. 30
    ariadi (1 comments) Says:

    izin copas nya gan….

  11. 31
    bisnis mahasiswa (1 comments) Says:

    masing pusing edit joomla nih…

  12. 32
    soekee (1 comments) Says:

    thanks tutornya gan

  13. 33
    dapscom (1 comments) Says:

    sudah bagus orang mau berbagi ilmu yang dimiliki, bayangkan dalam menulis posting butuh waktu dan pemikiran, klo mo menghina posting orang berkaca dulu sama diri sendiri. Artikel yang sangat bagus, maju terus gan pantang mundur, teruslah menulis walau banyak yang mencela

  14. 34
    Rahmat (3 comments) Says:

    thanx ya!

  15. 35
    zaro (3 comments) Says:

    sip tutorialnya and jangan bosan bg ilmu keorang lain..pasti ada manfaatnya…

  16. 36
    zaro (3 comments) Says:

    posting ini dah lama gua tapi tergelitik sm komentar si ANDI sm JANITOR MAN….heran kok bs komentar gitu..kayak dia ber2 dah jago … Jangan jangan IQ anak ini jongkok dan tak punya otak …utk pak guru lanjut pak ditunggu posting yg bemanfaat lainnya…

  17. 37
    zaro (3 comments) Says:

    posting ini dah lama tapi gua tergelitik sm komentar si ANDI sm JANITOR MAN….heran kok bs komentar gitu..kayak dia ber2 dah jago … Jangan jangan IQ anak ini jongkok dan tak punya otak …utk pak guru lanjut pak ditunggu posting yg bemanfaat lainnya…

  18. 38
    Andika (2 comments) Says:

    mantap nih.

  19. 39
    ponco (1 comments) Says:

    ganti font menu home dll gimana ?

  20. 40
    pelatihan internet marketing (1 comments) Says:

    Very nice post. I just stumbled upon your weblog and wanted to
    say that I have truly enjoyed surfing around your blog posts.
    In any case I will be subscribing to your rss feed and I hope you write again soon!

Pages: « 1 [2] Show All

Leave a Reply