Tampilan : Daftar Grid
Tampilkan postingan dengan label PHP. Tampilkan semua postingan
Tampilkan postingan dengan label PHP. Tampilkan semua postingan

Cara Membuat Forum Sederhana menggunakan esoTalk

esoTalk Logo IconKali ini admin akan berbagi sedikit pengetahuan tentang "Cara Membuat Forum Sederhana menggunakan Platform esoTalk".

Baru dengan "esoTalk" ? , baiklah esoTalk ini adalah Platform Forum (OPEN SOURCE) yang dibuat oleh @tobscure, forum ini berbeda dengan forum-forum yang sering kita lihat seperti PHPBB, myBB, dan sebagainya.

esoTalk ini mempunyai kelebihan tersendiri! selain Simple, Fast, esoTalk ini Responsive (Mobile-Friendly).

Jangan khawatir!!! forum ini sudah saya uji coba, dan hasil nya memuaskan.. ^_^ , anda bisa langsung melihat demo nya Disini atau kunjungi http://forum.kangrian.com

Kita lanjut saja langsung ke Tutorial-nya ya! berikut langkah-langkahnya :

1. Pastikan anda mempunyai Hosting yang mendukung PHP & MySQL

Belum punya hosting? saya sarankan untuk membeli nya di QWORDS.COM !! kenapa harus di Qwords? Server aman, Cepet di Akses! :D , jika anda sudah memiliki hosting lanjut ke langkah berikutnya.

2. Download Forum esoTalk

Untuk mendownload Platform esoTalk-nya silahkan Klik Disini

3. Upload Platform esoTalk ke cPanel!

Login ke cPanel hosting > Subdomain > Buat subdomain baru dengan Nama "forum" , contoh :
subdomain

Jika sudah di buat masuk ke cPanel > File Manager, lalu Upload & Extract file esoTalk yang tadi kita download ke direktori forum yang sudag dibuat melalui SubDomain cPanel sebelumnya, contoh :
upload

Buat Database dan User Database di cPanel!

Setelah file esoTalk di extract, Forum esoTalk sudah siap di install! coba anda buka alamat forum anda di browser dengan mengetikan forum.nama-domain-anda.com , jika sudah kita buat database nya dulu!

Masuk ke cPanel > Wizard Database MySQL ® , ikuti seperti langkah-langkah berikut :
buat database
buat database
buat database

Selesai, Database dan Username & Password Database berhasil di buat! kita lanjut ke langkah berikut nya.

Terakhir, Install esoTalk!

Pertama - Akses Alamat forum anda di Browser, contoh :
instal forum

Kedua - Isi form instalasi forum esoTalk sesuai dengan Database dan Username & Password database yang sebelumnya kita buat!, contoh :
form instal esotalk

Selesai! - Selamat, forum anda berhasil di buat! semoga berhasil ..
selesai

Ada Pertanyaan?

Silahkan gunakan form diskusi (disqus) di bawah ini. Terima kasih
#A3

Mengganti Logo WP-Login Wordpress ala KangRian

Setelah membuat postingan tentang Mockup T-Shirt/Kaos Front-Back ( Depan - Belakang ) #PHOTOSHOP, sekarang saya ingin berbagi Cara Mengganti Logo WP-Login Wordpress yang berbeda dari Umum/standard nya..

Screenshot WP Login Wordpress sebelum :



Screenshot WP Login Wordpress sesudah :


Cara-nya :


1. Login Wordpress, setelah masuk dashboard ikuti langkah2 seperti screenshot di bawah ini :



2. Simpan kode di bawah ini, di paling bawah isi file function.php yang sudah di buka pada langkah pertama ( Lihat Screenshot ) :

/**
* Custom Login ala KangRian.com
*/
function kr_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url(http://kangrian.com/upload/gambar/login.png)!important;width:310px!important;height:169px!important;background-size:auto auto!important; position:relative;bottom:-55px;background:#fff;box-shadow:0px -3px 3px #ddd; }
</style>';
}

add_action('login_head', 'kr_custom_login_logo');

Contoh/Langkah-langkah Penempatan Code di atas :


Selesai ..

Semoga postingan tentang Cara Mengganti Logo WP-Login Wordpress ini bermanfaat untuk sobat yang membutuhkan tutorial ini.

Salam Blogger,
A.K.A ` KangRian

Baca Juga :

#A3

Basic Code PHP Wordpress yang Harus diketahui.

wordpress iconSetelah lama saya tidak update seputar Wordpress, akhir nya kali ini saya memiliki kesempatan untuk berbagi CODE PHP Wordpress Penting dalam Membuat Template Wordpress dan Mengedit Template Wordpress.
Tujuan : Agar suatu saat ketika sobat menentukan setiap perintah pada PHP di Template Wordpress tidak terjadi hal-hal yang tidak di inginkan seperti Error, Broken Link, dsb.

Baiklah, dari pada berlama-lama menunggu lebih baik kita pahami langsung beberapa Code PHP Wordpress Penting di bawah ini :

Dimulai dari badan header yang paling atas :

  • <?php echo get_option('home'); ?> untuk menampilkan alamat blog yang bersangkutan, dalam artian halaman index-nya.
  • <?php bloginfo('name'); ?> yang ini untuk menampilkan nama blog alias title.
  • <?php bloginfo('description'); ?> menampilkan deskripsi blog, yang biasanya ditampilkan dibawah title blog.
  • <?php bloginfo('template_directory') ?> menampilkan alamat domain pada sebuah direktori template.
  • <?php wp_list_pages('sort_order=desc&title_li='); ?> menampilkan halaman secara urut dengan metode descending.
  • <?php wp_list_bookmarks(); ?> menampilkan link atau blogroll.


Link-link yang ada di theme, yang menggantikan fungsi include :

  • <?php get_header(); ?> memanggil file header.php
  • <?php get_sidebar(); ?> memanggil file sidebar.php
  • <?php get_footer(); ?> memanggil file footer.php
  • <?php comments_template(); ?> memanggil file comment.php
  • <?php include (TEMPLATEPATH . '/searchform.php'); ?> memanggil file searchform.php
  • <?php include('about.php'); ?> memanggil file about.php
  • <?php include('featured-post.php'); ?> memanggil file featured-post.php


Mengaktifkan fungsi sidebar agar bisa ditambahkan widget :

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?>
/* menampilkan 2 sidebar dalam theme 3 kolom*/
<?php endif; ?>


Memunculkan tulisan yang telah diposting dengan fungsi perulangan :

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
/* pada perulangan biasa, tulisan kamu akan tertampil di area ini */
<?php endwhile; else: ?>
<?php endif; ?>


Memanggil fungsi komentar yang nantinya akan berada di bawah tulisan :

  • <?php foreach ($comments as $comment) : ?> memulai memunculkan komentar dengan looping
  • <?php endforeach; ?> mengakhiri fungsi perulangan pada komentar


Yang biasanya ada di dalam sebuah fungsi perulangan, lazimnya berada di file index.php, single.php, dan page.php. :

  • <?php the_content(); ?> Menampilkan isi atau tulisan yang telah di publish.
  • <?php the_content("); ?> tulisan read more tidak akan ditampilkan
  • <?php the_tags(", ' . ', "); ?> menampilkan tags pada tulisan yang bersangkutan.
  • <?php the_time('F jS, Y') ?> menampilkan waktu kapan tulisan itu dibuat.
  • <?php the_ID(); ?> menampilkan ID tiap tulisan, sehingga dikenali dan tersimpan dalam memori database.
  • <?php comments_popup_link('Pertamax ada', '1 komentar', '% komentar'); ?> menampilkan jumlah komentar
  • <?php the_author() ?> menampilkan nama pembuat komentar
  • <?php the_author_ID()?> menampilkan ID penulis dalam tiap tulisan.
  • <?php echo get_avatar( $comment, 80 ); ?> menampilkan foto avatar yang berkomentar dengan ukuran 80px X 80px
  • <?php comment_text() ?> isi dari komentar
  • <?php the_permalink() ?> menampilkan alamat permalink.


Tombol-tombol navigasi :

  • <?php previous_post_link('%link', 'sebelumnya') ?> tombol untuk menampilkan tulisan sebelumnya
  • <?php next_post_link('%link', 'selanjutnya') ?> tombol untuk menampilkan tulisan selanjutnya.
  • <?php posts_nav_link(",",'&laquo; halaman lama') ?> tombol untuk menampilkan halaman sebelumnya.
  • <?php posts_nav_link(",'halaman baru &raquo;',") ?> tombol untuk menampilkan tulisan selanjutnya.


Tambahan fungsi dan elemen lainnya :

  • <?php while (have_posts()) : the_post(); ?> memulai looping
  • <?php echo $mydesc; ?> menampilkan field tambahan lain
  • <?php endwhile; ?> mengakhiri looping.


Terakhir, pada file style.css pada direktori template, yang digunakan untuk mengatur tampilan. tambahkan kode berikut untuk memberikan nama theme beserta pembuatnya yang nantinya akan ditampilkan di dashboard wordpress > appearances > themes :

/*
Theme Name: KR-Themes
Theme Style: Simple and Flexible Template
Theme URI: http://www.kr-themes.org/
Description: Belajar membuat template wordpress
Author: mursid
Author URI: http://www.kangrian.com/
*/


Semoga apa yang saya bagikan ini bermanfaat untuk para pengguna/pengembang template wordpress dalam memahami beberapa code penting dalam pembuatan template wordpress ini .

Special thanks to : http://mursid.web.id



Baca Juga :

#A3

Komentar Terbaru

Just load it!