Untuk menjawab pertanyaan yang sering kali diajukan di group tentang penyesuaian konten dan letak file terkait. Berikut saya buat artikel agar rekan-rekan dapat mempelajari struktur tema dalam PopojiCms.

Sebenarnya tutorial tentang hal ini sudah ada di beberapa blog, bahkan ada tutorial dalam bentuk ebook(pdf) jika saja rekan-rekan mau mencarinya. Tapi mungkin juga dengan adanya tutorial yang memiliki metode dan cara penyampaian berbeda dapat membantu rekan-rekan lebih mudah untuk mencerna makna yang sesungguhnya. Sehingga rekan-rekan dapat benar-benar memahami dan mampu mengatasi masalah serta menyelesaikan project yang sedang di kerjakan.

Sekarang marilah kita mulai tutorial ini. Berikut adalah struktur tema dalam PopojiCms, buka folder tema yang berada dalam directory po-content/themes/nama-themes:

[Folder] _config
[Folder] css
[Folder] images
[Folder] js

-404.php
-album.php
-category.php
-contact.php
-detailpost.php
-footer.php
-gallery.php
-header.php
-home.php
-index.php
-pages.php
-preview.jpg
-search.php
-sidebar.php
-tag.php

Penjelasan untuk editing konten:

_config

Folder _config berisi file yang mengatasi saat tema di instal dan di hapus atau uninstal.

css

Folder css didalamnya terdapat file-file css. Jika rekan-rekan ingin melakukan desain pada tema yang sedang dikerjakan, file dalam folder ini adalah salah satu lingkungan kerja.

images

Folder images berisikan file-file gambar untuk mendukung desain tema. Gambar-gambar dalam folder ini dibutuhkan untuk mendukung desain tema, karena gambar yang di simpan dalam folder ini digunakan antara lain: sebagai background halaman dalam tema yang sedang di bangun, gambar logo, dll.

js

Folder JS, berisi file-file js(java script). File java script dalam folder ini juga sangat penting dan perlu untuk di akses jika anda sedang membangun sebuah tema atau website.

404.php

File 404.php untuk menampilkan halaman 404 not found, atau halaman tidak ditemukan. Untuk membuat desain halaman "Error atau 404 not found" agar lebih responsive dan menarik, bukalah file ini. Sebagai bonus bagi rekan-rekan yang setia berkunjung di multibisnisindo, pada hari mendatang(waktunya belum dapat saya tentukan), saya akan berbagi source untuk halaman "404 Not Found" gratis.

album.php

File album.php untuk menampilkan halaman album website. Jika ingin memberi sentuhan halaman album, file ini menjadi pilihan yang harus anda buka.

category.php

File category.php untuk menampilkan halaman kategori, yaitu post berdasarkan kategori. Lakukan sesuatu untuk membuat halaman kategori tampil lebih baik.

contact.php

File contact.php untuk menampilkan halaman kontak. File ini harus anda akses untuk menampilkan kontak website yang diambil dari pengaturan pada dashboard admin dan jika anda mengalami masalah dalam tampilan google map.

detailpost.php

File detailpost.php untuk menampilkan halaman post atau detailpost dalam satu judul secara keseluruhan. Lakukan pengaturan pada file ini untuk menampilkan post yang anda buat, post terkait, tag, judul kategori, komentar, dll.

footer.php

File footer.php untuk menampilkan bagian bawah frontend website(link pintas, peta situs, alamat, form subscribe, twitter gadget, facebook, dll).

gallery.php

File galerry.php untuk menampilkan halaman galeri. Bagaimana anda ingin halaman galeri tampil, disinilah anda harus memberikan sentuhan.

header.php

File header.php untuk menampilkan bagian header atau kepala website(menu, logo, form pencarian, dll).

home.php

File home.php untuk menampilkan konten halaman yang dipublikasikan dari dashboard admin berupa post berdasarkan kategori, post terbaru, slider post, post headline, tag, album, dll.

Untuk menampilkan post headline perhatikan potongan kodenya:

Pemanggilan jumlah post headline yang akan di tampilkan: <?php $headlines = $this->post()->getHeadline('5', 'DESC', WEB_LANG_ID); foreach($headlines as $headline){ ?> Angka 5 diatas adalah jumlah post headline yang akan diambil. Pemanggilan judul post headline: <?=$headline['title'];?> <?php } ?>

Untuk menampilkan jumlah post dalam slider perhatikan potongan kode dibawah ini: Menampilkan jumlah post yang akan ditampilkan dalam slider: <?php $sliders_post = $this->post()->getPost('6', 'DESC', WEB_LANG_ID); foreach($sliders_post as $slider_post){ $slider_category = $this->category()->getCategory($slider_post['id_post'], WEB_LANG_ID); ?> Angka 6 diatas adalah jumlah post yang akan ditampilkan dalam slider. Menampilkan slider post di terbitkan: <?=$this->pocore()->call->podatetime->tgl_indo($slider_post['date']);?> Menampilkan judul kategory slider post: <?=$slider_category;?> Menampilkan jumlah komentar slider post: <?=$this->post()->getCountComment($slider_post['id_post']);?> <?=$this->e($front_comment);?> Menampilkan judul slider post: <?=$slider_post['title'];?> <?php } ?>

Untuk menampilkan post berdasarkan kategori dan jumlah post yang akan ditampilkan, sesuaikan ID kategori dan nilai untuk jumlah post yang ingin ditampilkan dalam file ini. Perhatikan potongan pemanggilan post kategori berikut ini: Menampilkan judul categori: <?php $category_title = $this->category()->getOneCategory('1', WEB_LANG_ID); ?> <?=$category_title['title'];?> Menampilkan jumlah post yang akan ditampilkan berdasarkan ID kategori dan photo penulis atau editor: <?php $post_by_categorys = $this->post()->getPostByCategory('1','2', 'DESC', WEB_LANG_ID); foreach($post_by_categorys as $list_post){ $editor = $this->post()->getAuthor($list_post['editor']); if ($editor['picture'] != '') { $editor_avatar = BASE_URL.'/'.DIR_CON.'/uploads/'.$editor['picture']; } else { $editor_avatar = BASE_URL.'/'.DIR_CON.'/uploads/user-editor.jpg'; } ?> Angka 1 diatas menunjukan ID kategori, angka 2 menunjukan jumlah post dari kategori tersebut yang akan di ambil. Menampilkan gambar post: <?=BASE_URL;?>/<?=DIR_CON;?>/uploads/medium/medium_<?=$list_post['picture'];?> Menampilkan judul post: <?=$list_post['title'];?> Menampilkan penulis: <img src="<?=$editor_avatar;?>" class="avatar avatar-16 alignnone photo" height="16" width="16"> <a rel="author" title="<?=$this->e($front_post_by);?> <?=$this->post()->getAuthorName($list_post['editor']);?>"> <?=$this->post()->getAuthorName($list_post['editor']);?> </a> Menampilkan tanggal post diterbitkan: <?=$this->pocore()->call->podatetime->tgl_indo($list_post['date']);?> Menampilkan jumlah komentar: <?=$this->post()->getCountComment($list_post['id_post']);?> <?=$this->e($front_comment);?> Menampilkan jumlah karakter kontent post: <?=$this->pocore()->call->postring->cuthighlight('post', $list_post['content'], '100');?>... Teks "Baca Selengkapnya": <?=$this->e($front_readmore);?> Menampilkan hits post: <?=$this->e($front_hits);?> <?php } ?> 

index.php

File index.php adalah file yang pertama kali diproses saat seseorang mengakses website atau URL website.

pages.php

File pages.php untuk menampilkan halaman yang dibuat dari dashboard admin, misalnya halaman tentang-kami, layanan, TOS, dll. Untuk membuat desain berbeda pada tampilan halaman, silahkan sesuaikan melalui file ini.

Pada tutorial sebelumnya saya juga telah memberikan penjelasan bagaimana membuat source halaman baru dan menampilkan halaman yang telah kita buat pada frontend.

preview.jpg

Adalah gambar jpg yang mewakili penampakan frontend tema untuk di tampilkan pada dashboard admin, pada menu "tema".

search.php

File search.php untuk menampilkan halaman hasil pencarian. File ini hampir memiliki kesamaan dengan file categori.php dan tag.php Hanya saja file ini akan menampilkan hasil dari sebuah pencarian. Jika pencarian tidak ditemukan, maka akan dialihkan ke halaman 404 not found.

sidebar.php

File sidebar.php untuk menampilkan bagian samping frontend website. File in menampilkan widget, jika ingin melakukan penyesuaian widget facebook, twitter, post populer, post terbaru, widget komentar, form pencarian, dll. File ini yang harus anda buka.

tag.php

File tag.php untuk menampilkan hasil post tag. Lihat penjelasan tentang file search.php

Sebagai penutup tutorial ini, saya sampaikan bahwa selain source halaman "404 Not Found". Dan sebagai ucapan terimakasih bagi pengunjung setia, pada masa mendatang saya juga akan berbagi source halaman "Maintenance" yang dilengkapi dengan background dan penghitung waktu secara gratis.