Desain Web Dengan Concrete CMS (2)

Concrete adalah CMS yang bersifat WYSIWYG (What you see is what you get), tampilan grafis-nya memudahkan kita untuk mengedit konten website yang ada. Setelah login kita akan melihat Dashboard seperti pada umunya CMS.

  • Pada sisi kanan atas ada 3 buah button. Klik “Return to Website” untuk memulai mengedit page “Home” dari isi website.

concrete_04

  • Setelah page “Home” muncul pada sisi kiri atas klik button “Edit Page” untuk masuk ke fasilitas edit.
  • concrete_05

  • Setiap bagian akan berbingkai merah. Klik bagian yang akan diedit. Muncul drop down dan pilih edit

concrete_06

  • Setelah selesai mengedit isinya klik “Update” untuk mengupdate isi website.

  • Klik bagian yang lain dari page tersebut untuk editing

  • Setelah selesai mengedit semua bagian dari page tersebut klik button “Exit edit mode” di pojok kiri atas.

concrete_07

  • Untuk menyimpan hasil editing klik “Publish My Edit”

Kita dapat melihat susunan atau hirarki dari website kita dengan meng-klik button “Dashboard” di pojok kanan atas, kemudian akan muncul deretan menu di bagian kiri. Klik “Sitemap” untuk melihat susunan dari seluruh isi website.

concrete_08

Untuk menambah page pada website lakukan hal sebagai berikut :

  • Klik “Home” pada susunan hirarki website

  • Klik “Add Page” pada menu drop down

  • Pilih bentuk page. Secara default ada 3 buah bentuk yang ada

  • Isi Name dan Alias sesuai yang kita inginkan, dalam hal ini saya beri nama “Product”

  • Klik button “Add”

  • Page “Product” akan muncul di susunan website kita

  • Klik “Back to Website” untuk melihat dan meng-edit isi dari page tersebut

Bila kita klik page “Product” maka kita melihat bahwa page tersebut masih kosong. Klik button “Edit Page” di pojok kiri atas. Pilih satu konten, misalnya “Add to main” untuk mengisi page.

concrete_09

  • Pilih salah satu jenis yang kita kehendaki, bisa berupa content, html, autonav, form dan lain-lain yang sesuai dengan kebutuhan page tersebut. Total ada 17 jenis yang disediakan

  • Selesai membuat isi dari page silahkan klik button “Exit edit mode” di pojok kiri atas, kemudian pilih button “Publish my edit” untuk menampilkan hasil editing page tersebut.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: