Print This Page

Seriously

Tutorial Membangun Blog dengan qEngine: Part 1

Tweet
Tutorial Membangun Blog dengan qEngine: Part 1

Blog mungkin bukan hal yang paling menarik saat ini. Tapi web log (blog) dapat digunakan untuk menampilkan kemampuan CMS. Jadi, mengapa tidak kita membuka sebuah blog dengan qEngine 13?

Download & Instalasi

Pertama, tentu saja, kamu harus men-download dan meng-upload qEngine ke web host kamu. Ada beberapa cara untuk melakukannya, tapi biasa saya melakukan hal ini:

  1. Download qEngine sini.
  2. Upload file zip seluruh ke host web kamu menggunakan program FTP (saya biasa menggunakan FileZilla).
  3. Buka control panel web host (cPanel, Plesk, dll), gunakan File Manager, cari file zip, dan ekstrak file tersebut.

Selanjutnya kamu perlu membuat database MySQL, kemudian melakukan instalasi. Karena setiap web host memiliki cara yang berbeda untuk membuat database MySQL, saya akan melewatkan langkah ini. Untuk memasang script nya sendiri, cukup buka situs kamu, dan pilih Install.

install

Setelah kamu memasang qEngine, hapus folder '/install', jika tidak qEngine tidak akan berjalan.

BTW, jika kamu bingung atau memerlukan bantuan memasang qEngine, silahkan mengunjungi forum komunitas atau menyewa saya untuk memasang qEngine dengan biaya terjangkau.

Admistrator Control Panel (ACP)

Setelah sukses terpasang, bukalah situs web kamu menggunakan browser, dan kamu akan tampilan standar web kamu. Untuk sekarang, mari kita buka Administrator Control Panel (ACP).

Untuk membuka ACP kamu, buka alamat situs web kamu dengan menambahkan '/admin':

Setelah memasuki ACP, silahkan jelajahi ACP. ACP telah dirancang agar mudah dinavigasi. Kamu mungkin perlu mengubah beberapa konfigurasi di ACP > Tools > Site Configuration > Engine Settings, seperti nama situs, slogan situs, bahasa, dll

Menyiapkan isi

Untuk sekarang, mari kita fokus dalam membangun blog. Mari kita mulai dengan membuat grup baru untuk blog kamu. Di sini kamu dapat menentukan beberapa pengaturan untuk konten kamu, misalnya, jika kamu mengijikan komentar, atau jika blog mungkin memiliki file attachment, atau bagaimana tampilan blog, dan banyak lagi.

  1. Bukalah ACP > Contents > Manage Type.
  2. Untuk Group ID, masukan kode unik. Group ID ini berguna untuk membedakan blog kamu dari isi lainnya. Dalam contoh ini, saya akan masukkan 'BLOG'.
  3. Untuk Virtual Folder boleh kosong atau diisi virtual folder untuk membuat situs kamu tampak lebih rapi, misalnya: example.tld/blog/my-first-blog.php
  4. Untuk Main Template & Default Page Template, dapat dikosongkan atau pilih template yang ada.
  5. Untuk sisanya terserah kamu.

Setelah kamu mengatur grup, sekarang saatnya untuk membuat beberapa kategori untuk blog kamu, misalnya: wisata, kuliner, resep, review gadget, dll

  1. Bukalah ACP > Contents > Manage Categories.
  2. Untuk Group, pilih 'My Blog'.
  3. Kemudian masukkan beberapa informasi tentang kategori, juga kamu dapat meng-upload gambar jika diperlukan.

Sekarang, waktunya membuat blog!

  1. Bukalah ACP > Content > Manage Content > Add New Entry.
  2. Pilih 'Blog' untuk Group, dan pilih sebuah kategori.
  3. Mulailah mengetik dengan editor WYSIWYG, semudah kamu mengetik pada MS Word! Sederhana dan mudah.
  4. Setelah kamu selesai, kamu dapat memilih 'Preview' untuk melihat blog kamu.
  5. Blog kamu tidak akan terlihat oleh siapa pun sampai kamu menetapkan status 'Published'. Kamu bahkan dapat memilih siapa saja yang dapat melihat blog kamu: semua orang, khusus anggota, khusus administrator atau tersembunyi (harus memasukan URL blog).

Sekarang, mari kita kembali ke situs web kamu, misalnya. http://www.example.tld, dan refresh browser kamu. Apa yang kamu lihat? Tidak ada perubahan? Betul banget! Itu karena kita belum selesai!

Menyiapkan Skin

qEngine bukanlah script khusus blogging, tapi script CMS multi fungsi, itulah sebabnya kamu tidak melihat blog kamu. Untuk itu, kamu perlu memberitahu qEngine untuk menampilkan blog kamu. Bagaimana caranya? Sangat mudah!

  1. Kembali ke ACP > Tools > File Manager. Di sini kamu dapat mengatur file & folder dengan mudah.
  2. Buka folder ini: '/skins/default'.
  3. Di dalamnya kamu akan melihat daftar file. Untuk sekarang, mari kita fokus pada 'welcome.tpl'.
  4. Buka file dengan editor file yang telah disediakan qEngine.

Dalam 'welcome.tpl', kamu akan melihat baris ini:

<div>
    <!-- BEGINMODULE slideshow -->theme=theme-welcome<!-- ENDMODULE -->
</div>

<div id="welcome" class="container"">
    <!-- BEGINMODULE page_gallery -->
    // Welcome text
    page_id = 1
    body = 1
    <!-- ENDMODULE -->

    <h3 style="padding-top:10px">{$l_site_news}</h3>
    <!-- BEGINMODULE page_gallery -->
    // Display list of 5 pages from group 2 (news), all categories
    group_id = news
    title = 1
    style = list
    orderby = page_date
    sort = desc
    <!-- ENDMODULE -->

    <ul class="list_1">
        <li><a href="http://localhost/qe13/{$news_url}">{$l_all_news}</a></li>
    </ul>
</div>

Mari kita belajar apa artinya:

<div>
<!-- BEGINMODULE slideshow -->theme=theme-welcome<!-- ENDMODULE -->
</div>

Digunakan untuk menampilkan slide show besar.

<!-- BEGINMODULE page_gallery -->
// Welcome text
page_id = 1
body = 1
<!-- ENDMODULE -->

Digunakan untuk menampilkan pesan pembuka.

  1. page_id = 1, berarti tampilkan konten dari 'page ID' 1. Nilai 'page ID' didapat dari Contents > Manage Contents, lihat nilai ID.
  2. body = 1, berarti tampilkan isi konten.
<!-- BEGINMODULE page_gallery -->
// Display list of 5 pages from group 2 (news), all categories
group_id = news
title = 1
style = list
orderby = page_date
sort = desc
<!-- ENDMODULE -->

Untuk menampilkan daftar isi dari group_id (jenis konten) 'NEWS'.

Membuat Skin untuk Blog

Karena kita sedang membangun sebuah blog, maka kita tidak perlu hal-hal diatas. Sekarang hapus semua isi dari 'welcome.tpl', dan masukkan baris berikut:

<div>
    <!-- BEGINMODULE slideshow -->theme=theme-welcome<!-- ENDMODULE -->
</div>

<div id="welcome" class="container"">
    <!-- BEGINMODULE page_gallery -->
    group_id = blog
    title = 1
    thumb = 1
    link = 1
    body = 1
    <!-- ENDMODULE -->
</div>

Yang di atas artinya: tampilkan isi dari group_id (content type) 'BLOG', tampilkan judul, gambar utama, halaman isi & URL.

Sekarang, buka situs kamu lagi.

Blog kamu sekarang sudah tampil! Gampang kan? Namun, kita dapat membuatnya lebih baik!

Kembali ke ACP > Modules > Configure > Page Gallery > Documentation, kamu dapat membaca dokumentasi modul Page Gallery. Silakan coba beberapa konfigurasinya untuk melihat bagaimana hal itu mempengaruhi blog kamu. Sebagai contoh, cobalah untuk memasukkan ini:

<div>
 <!-- BEGINMODULE slideshow -->theme=theme-welcome<!-- ENDMODULE -->
</div>
<div id="welcome" class="container"">
 <!-- BEGINMODULE page_gallery -->
 group_id = blog
 title = 1
 img = 1
 link = 1
 body = 1
 date = 1
 limit = 10
 <!-- ENDMODULE -->
</div>

Menarik kan? Cobalah beberapa seting lainnya untuk melihat efeknya.

Dalam tutorial berikutnya, saya akan menjelaskan bagaimana memodifikasi skin. Membuat skin benar-benar sangat mudah, karena skin qEngine murni berisi tag HTML dengan beberapa tag template sederhana. Jika kamu memiliki pengalaman dalam HTML & CSS, kamu tidak akan kesulitan membuat skin sendiri.

This tutorial is also available in English.
This translation is made possible with Bing Translator.


Posted By: admin
Posted On: Oct-29-2016 @ 01:15pm
Last Updated: Nov-07-2016 @ 10:44pm

There is no comment

More Comments/Post Your Own


Powered by qEngine
Generated in 0,008 second | 15 queries