term
term
term
term

    Membuat Template pada MODx Revolution

  • Oleh : Novriko P. Parhusip
  • Kategori : template, revolution
  • 12 Oct 2010

Membuat template pada MODx (Revolution) semudah memasak Indomie.

Tag Syntax

Kelebihan MODx yang terbesar justru adalah kemudahannya dalam membuat template untuk halaman situs. Yang perlu Anda ketahui adalah beberapa tag syntax sebagai automatisasi hasil (output) dari proses latar belakang (back-end) yang terjadi dalam setiap pengolahan halaman situs, yang merupakan program PHP. Yang penting untuk diingat adalah MODx mengolah template sebagai HTML + tag, sehingga tidak boleh dicampur-adukan dengan bahasa PHP. Untuk menyisipkan program PHP, maka yang digunakan adalah snippet.

Setiap dokumen memiliki isian (form) sebagai data dasarnya, termasuk isi halaman. Isian-isian ini diberikan nama sebagai identitas untuk menjadi sebuah tag.

Ada perbedaan tag antara MODx Evolution dan MODx Revolution, namun cara penggunaanya dalam template tetap sama. Berikut ini adalah perbedaannya, diambil dari http://bobsguides.com/migrating-revolution.html .

MODx Tags

Cache Control

Evolution (Old) Revolution (New) Evolution (Old) Revolution (New)
[*ResourceField/TV*] [[*ResourceField/TV]] [!Snippet!] [[!Snippet]]
{{Chunk}} [[$Chunk]] No Tag [[!$Chunk]]
[[Snippet]] [[Snippet]] No Tag [[!*ResourceField/TV]]
[+Placeholder+] [[+Placeholder]]    
[~Link] [[~Link]]    
[(system_setting)] [[++system_setting]]    
No Tag [[%language_string_key]]    

 

Pada tulisan ini, saya hanya menjelaskan pembuatan template dengan menggunakan tag Revolution.

Resource Fields

Yang perlu diingat sebagai placeholder dari Resource Fields standar (default placeholders) adalah sebagai berikut:

resource & placeholders

Dokumen ini mempunyai nilai-nilai (values) dari placeholder seperti di atas sebagai berikut (syntax-nya diberikan spasi, supaya tidak di-parse oleh MODx):

  • [ [ *id ] ] : [[*id]]
  • [ [ *template ] ] : [[*template]]
  • [ [ *published ] ] : [[*published]]
  • [ [ *pagetitle ] ] : [[*pagetitle]]
  • [ [ *longtitle ] ] : [[*longtitle]]
  • [ [ *description ] ] : [[*description]]
  • [ [ *alias ] ] : [[*alias]]
  • [ [ *introtext ] ] : [[*introtext]]
  • [ [ *parent ] ] : [[*parent]]
  • [ [ *menutitle ] ] : [[*menutitle]]
  • [ [ *menuindex ] ] : [[*menuindex]]
  • [ [ *hidemenu ] ] : [[*hidemenu]]
  • [ [ *content ] ] : isi dari halaman yang sedang Anda lihat di sini, tidak perlu saya ulang, bukan? :)

Membuat Template

Klik kanan pada browser-tree di kiri atas, pilih Elements > Templates (Right Click) > New Template

template right click

Sekarang, mari kita membuat sebuah contoh halaman HTML yang paling sederhana saja.

new template edit

 

Kita isi saja dulu yang paling standar sebagai pengenalan. Sekali lagi, dalam contoh ini syntax-nya diberikan spasi agar tidak di parse oleh MODx, Anda tinggal menghilangkan spasi tersebut untuk contoh Anda.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>[ [ *pagetitle ] ]</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    [ [ *content ] ]
  </body>
</html>

 

Jika Anda ingin menambahkan CSS/JS, tinggal Anda masukkan <script src=""... atau <link src="" ... seperti biasa.

Bagaimana menurut Anda? Lebih cepat bikin template di MODx atau bikin Indomie? :D


Comments

blog comments powered by Disqus