WP_HOME dan WP_SITEURL untuk Optimasi WordPress

Jan 17, 2018 Taqiyah 0

Salah satu cara untuk mengoptimalkan WordPress adalah dengan cara menambahkan definisi variable pada file wp-config.php sehingga pada saat pengeksekusian script tidak perlu memanggil dari database yang tentunya akan memperingan kinerja server.

/**
 * The base configurations of the WordPress.
 *
 * This file has the following configurations: MySQL settings, Table Prefix,
 * Secret Keys, WordPress Language, and ABSPATH. You can find more information
 * by visiting {@link http://codex.wordpress.org/Editing_wp-config.php Editing
 * wp-config.php} Codex page. You can get the MySQL settings from your web host.
 *
 * This file is used by the wp-config.php creation script during the
 * installation. You don't have to use the web site, you can just copy this file
 * to "wp-config.php" and fill in the values.
 *
 * @package WordPress
 */

# Optimize WordPress
define('WP_HOME', 'https://centostutorial.site');
define('WP_SITEURL', 'https://centostutorial.site');

Kode di atas bisa anda inputkan dengan menggunakan CPanel dari hosting yang anda pakai.

Keterangan:
WP_HOME adalah alamat dari website anda (Kalau anda masuk /wp-admin/option-general.php merupakan alamat dari WordPress Address (URL)),  sedangkan WP_SITEURL adalah alamat dari wordpress file anda (Kalau anda masuk /wp-admin/option-general.php merupakan alamat dari Site Address (URL)).

Semoga bermanfaat!

Optional File Setting Nginx Web Server WordPress

Jan 15, 2018 Taqiyah 0

Kalau sebelumnya penulis pernah posting file setting untuk Nginx web server yang khusus wordpress, kali ini saya coba settingan lain yang lebih sederhana dari sebelumnya. Mengenai kecepatan dan performa dari setting sebelumnya, silahkan test sendiri karena penulis sendiri belum pernah melakukan benchmark.

server {
        ## Redirect non WWW to WWW
        server_name namadomain.com;
        rewrite ^(.*) http://www.namadomain.com$1 permanent;
}

server {
        listen       80;
        server_name  www.namadomain.com;

        # Root Folder
        location / {
                root   /var/www/html/namadomain.com;
                index  index.php;

                try_files $uri $uri/ /index.php?$args;

                # Access to PHP Files
                location ~ \.php$ {
                        fastcgi_pass   127.0.0.1:9000;
                        fastcgi_index  index.php;
                        fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
                        include        fastcgi_params;
                }

                # Access to static files
                location ~* \.(jpg|jpeg|gif|png|css|ico|js|xml)$ {
                        access_log        off;
                        log_not_found     off;
                        expires           365d;
                }

                # Access to Hidden files
                location ~ /\. {
                        deny  all;
                        access_log off;
                        log_not_found off;
                }
        }
}

Semoga artikel yang sedikit ini bisa bermanfaat untuk anda semua.

Contoh Konfigurasi dan Setting Domain untuk Web Server Nginx dan PHP-FPM

Jan 9, 2018 Taqiyah 0

Kali ini tidak banyak yang mau ditulis, cuman sekedar share contoh file konfigurasi dari Nginx yang digunakan untuk setting domain dari webs server dengan aplikasi PHP-FPM untuk menjalankan script PHP. Dan di sini, untuk comtoh, CMS yang digunakan adalah WordPress yang merupakan salah satu CMS yang paling banyka digunakan untuk saat ini.

Berikut ini konfigurasinya, dengan contoh domain CentosTutorial.site sebagai domain utama. File ini bisa anda tempatkan di mana saja, yang penting diload pada saat web server Nginx dijalankan.

server {
        # Redirect non WWW to WWW
        server_name centostutorial.site;
        rewrite ^(.*) https://centostutorial.site$1 permanent;
}

server {
        listen       80;
        server_name  centostutorial.site;

        # Root Folder
        location / {
                root   /home/public_html/centostutorial.site;
                index  index.php;

                include /home/public_html/htaccess;

                # Access to PHP Files
                location ~ \.php$ {
                        #fastcgi_pass   unix:/tmp/php-fpm.sock;
                        fastcgi_pass   127.0.0.1:9000;
                        fastcgi_index  index.php;
                        fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
                        include        fastcgi_params;
                }

                # Access to static files
                location ~* \.(jpg|jpeg|gif|png|css|ico|js|xml)$ {
                        access_log        off;
                        log_not_found     off;
                        expires           365d;
                }

                # Access to Hidden files
                location ~ /\. {
                        deny  all;
                        access_log off;
                        log_not_found off;
                }
        }
}

Sedangkan file /home/public_html/htaccess yang digunakan untuk rewrite rules di Nginx, berisi konfigurasi seperti di bawah ini:

if (-f $request_filename) {
     break;
}
if (-d $request_filename) {
     break;
}
rewrite ^(.+)$ /index.php?q=$1 last;

Untuk Semoga contoh konfigurasi ini bisa membawa manfaat untuk anda!

Mengatasi Double Title Pada Feed WordPress

Jan 5, 2018 Taqiyah 0

Pernahkah anda mengetahu ketika anda membuka feed dari wordpress, anda menemukan terdapat double title dari feed tersebut? Jika itu yang anda temui, segeralah perbaiki dengan cara berikut ini. Edit file /wp-includes/feed-rss.php dan file /wp-includes/feed-rss2.php dan carilah kode:

<title><?php bloginfo_rss(‘name’); wp_title_rss(); ?></title>

Lalu gantilah dengan:

<title><?php wp_title_rss(); ?></title>

Selesai dan semoga bermanfaat!

Tutorial Membuat Share Social Media Button Facebook, Twitter, Google Plus dan Pinterest di WordPress

Dec 19, 2017 Taqiyah 0

Gambar di bawah ini adalah contoh hasil dari pembuatan share button social media Facebook, Google Plus, Twitter dan Pinterest. Jika ingin membuat yang seperti itu, ikuti petunjuk berikut ini:

Facebook, Twitter, Google Plus for Social Media Button

Pertama, buat file share-button.php yang di simpan di folder theme wordpress anda. Misal path lengkap dari file tersebut adalah /wp-content/themes/template-aktif/share-button.php dengan isi file:

<div align="center" style="margin:0 0 0 0; padding: 0 0 0 0;">
	<div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="true" data-layout="button_count" data-width="155" data-show-faces="false"></div>
	<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-via="cinta_linux" data-lang="en">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><!-- Place this tag where you want the share button to render. --><div class="g-plus" data-action="share" data-annotation="bubble"></div>
	<!-- Place this tag after the last share tag. --><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script>
	<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a><script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
</div>

Jangn lupa, ganti kode data-via=”cinta_linux” diganti account twtter yang anda punya.

Kedua, tambahkan kode facebook di bawah ini di antara kode <body> dan </body> di semua halaman yang akan ditambahkan share button. Biasanya, yang digunakan adalah sebelum kode </body> di dalam file /wp-content/themes/template-aktif/footer.php

<!-- Start FB Apps -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=658144544204317";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- End FB Apps -->
</body>
</html>

Kemudian panggil (include) file share-button.php ke dalam theme yang anda pakai. Sebagai contoh, tombol share button diinginkan ada di file /wp-content/themes/single.php maka dapat dilihat contoh di bawah ini.

<?php include(TEMPLATEPATH. '/share-button.php'); ?>

Contoh penggunaan bisa anda lihat di bawah ini:

<?php get_header(); ?>
	<div id="content">
    <div class="clear"></div>
    	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	  	<div class="postmeta left">
	    	<h1 class="posttitle"><?php the_title(); ?></h1>
	    </div> <!--end: postmeta-->
	  	<div class="clear"></div>
	  	<div class="entry">
	    	<?php the_content(); ?><input type="hidden" name="IL_IN_TAG" value="2"/>
	    	<div class="clear"></div>
			<?php include(TEMPLATEPATH. '/share-button.php'); ?>
	    	<div class="tags">
	      		<?php the_tags(); ?>
	      		<?php edit_post_link('Edit', '[ ', ' ]'); ?>
	    	</div> <!--end: tags-->
	  	</div> <!--end: entry-->
	  	<?php comments_template(); ?>
	<?php endwhile; else: ?>
	<?php endif; ?>
	<div class="clear"></div>
	</div> <!--end: content-->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Silahkan kembangkan dsendiri dan tempatkan social media button di tempat yang anda inginkan.

Selamat mencoba dan semoga berhasil!