Cara mendownload theme di WordPress dan mengatur WorPress
Download Theme Wordpress,Cek Pagesped Dan Pasang Themes
Langkah 1. Bukalah https://id.wordpress.org/themes/twentyeleven untuk mendownlod tema
Twenty Eleven. Lalu Klik Unduh.
Langkah 2. Anda bisa mengecek nilai nya dengan klik preview terlebih dahulu dan ambil
link nya untuk dicek pagespeednya. Buka tab baru di google anda dan ketik
pagespeed insights. Lalu cek masukkan link tadi ke kolom dan cek speednya
Langkah 3. Buka Dashboard wordpress anda. Pilih appearance dan klik themes.
Langkah 4. Klik tambahkan baru, lalu masukin zip themes download tadi
dan activate kan.
Langkah 5. Lalu pergilah ke file manager dan masuk ke tempat lokasi xampp anda, atau seperti dibawah ini
C:\xampp\htdocs\Cindy\wp-content\themes.
Langkah 6. Buatlah folder baru untuk tema anda.
Langkah 7.Kemudian Masuklah terlebih dahulu ditempat file xampp anda berada dan cari
folder themes anda.
C:\xampp\htdocs\Cindy\wp-content\themes\twentyeleven.
Langkah 8.Carilah file file seperti gambar dibawah ini dan pindahkan ke folder yang telah anda buat tadi
.
Langkah 9.Setelah anda memindahkan folder tadi, silahkan anda buka style.css.
Kemudian ketiklah dan sesuaikan dengan kondisi nama folder yang dibuat tadi dan URL didalamnya.
Cara Membuat Read More Dengan Plugin
Langkah 1. Hal yang anda perlukan pertama untuk
membuat read more ini adalah anda harus terlebih dahulu memposting artikel.
Langkah 2.Masuklah ke dashboard wordpress anda dan
pilih post. Maka anda bisa mengetik dan memasukan gambar untuk artikel anda.
Langkah 3. Klik menu plugin, lalu klik pasang
sekarang pada plugin Class Editor, lalu klik aktifkan.
Langkah 4. Pergi ke menu posts >All Post kemudian klik edit pada post yang
akan kita edit. Letakkan kursor pada bagian yang ingin dibuat read more. Tekan
tombol toolbar toogle. Lalu klik update.Cara Custome Thumbnail
Langkah 1. Hal yang pertama yang harus anda siapkan
adalah sebuah postingan. Kemudian isilah sebuah artikel beberapa dan masukin
gambar featured image yang nantinya
bakal menjadi thumbnail anda. Lihat lah gambar dibawah ini !
Langkah 2. Masuklah terlebih dahulu ditempat file
xampp anda berada dan cari folder themes anda.
C:\xampp\htdocs\cindy\wp-content\themes\twentyeleven
Langkah 3. Lalu pilihlah content.php dan copy paste
di folder tema yang anda buat.
Langkah 4.Lalu Bukalah file tersebut menggunakan sublime text atau notepad++ agar
lebih mudah. Masukkan
statement berikut di content.php, letakkan dibawah <header
class="entry-header">
<a href="<?php the_permalink();?>"
rel="bookmark"><?php the_post_thumbnail("full");?></a>
Langkah 5.Lalu simpan perubahan yang
anda buat.
Pagination With Number
Langkah 1. Hal yang anda perlukan pertama untuk
membuat pagination with number ini adalah anda harus terlebih dahulu memposting
artikel.
Langkah 2.Masuklah ke dashboard wordpress anda dan
pilih post. Maka anda bisa mengetik dan memasukan gambar untuk artikel anda.
Buatlah postingan setidaknya dengan jumlah 2 agar pagination With Number nya
bisa kelihatan.
Langkah 3.Masuklah ke dashboard anda terlebih
dahulu. Pilih setting> Reading
dan jadikan blog pages show at most, syndication feed show the most recent menjadi
1 seperti gambar.
Langkah 4.Kemudian Masuklah ditempat file xampp anda berada
dan cari folder themes anda. Lalu pilihlah search.php, category.php, index.php
dan copy pastekan di folder tema yang anda buat.
Langkah 5. Pada Index.php carilah
<?php twentyeleven_content_nav( ‘nav-below’ ); ?> Lalu ganti dengan
statement berikut.
<center><?php echo the_posts_pagination();
?></center>
Langkah 6.Setelah itu simpan
perubahan, selanjutnya kita ubah pada search.php
Langkah 7.Lalu carilah <?php
twentyeleven_content_nav( ‘nav-below’ ); ?> dan ganti dengan statement
berikut.
<center><?php echo the_posts_pagination();
?></center>
Langkah 8.Setelah itu simpan
perubahan, selanjutnya kita ubah pada category.php
Langkah 9. Lalu carilah <?php
twentyeleven_content_nav( ‘nav-below’ ); ?> dan ganti dengan statement
berikut.
<center><?php echo the_posts_pagination();
?></center>
Langkah 10.Setelah itu simpan perubahan.
Membuat Policy Police Dan Disclaimer Di Footer
Langkah 1. Hal yang anda perlukan pertama untuk mengubah
footer dengan membuat Privacy Policy dan Disclaimer adalah mengambil file
footer.php pada themes yang anda download kemudian pindahkan ke folder baru yang kita buat.
Langkah 4.Lalu Bukalah file footer.php tersebut
menggunakan sublime text atau notepad++, kemudian buat koding seperti gambar. Lalu save.
CARA MEMBUAT WIDGET
Langkah 1. Untuk menambahkan widget pergi ke dashboard menu appearance
Langkah 2. Pilihlah widget
Langkah 3. Setelah muncul
tampilan seperti gambar diatas, lalu pilih widgets yang ingin ditambahkan.
Cara Menambahkan Tombol Share Medsos
Langkah 1.
Pindahkan content-single.php dari Parent-theme ke child-theme yang dibuat.
Langkah
2.Lalu buka content-single.php di
Notepad++ atau sublime text
Langkah
3. Lalu carilah <footer
class=”entry-meta”> dan masukkan statement berikut dibawahnya.
<div class="social">
<center><a
class="facebook"
href="http://www.facebook.com/sharer.php?u=<?php
the_permalink();?>&t=<?php the_title(); ?>"
title="Share this post on Facebook"
onclick="window.open(this.href); return false;">Share on
Facebook</a>
<a
class="twitter" href="https://twitter.com/intent/tweet?text=<?php
the_title(); ?> <?php the_permalink(); ?>" title="Share this
post on Twitter" target="_blank">Share on Twitter</a>
<a
class="pinterest" target="_blank"
href="https://pinterest.com/pin/create/button/?url=<?php the_title();
?>&url=<?php the_permalink(); ?>" title="Share this post
on Pinterest">Share on Pinterest</a></center>
</div><br/>
Langkah
4. Untuk membuat tampilannya menarik,
maka buka style.css pada child-theme dan tambahkan statement berikut di bagian paling
bawah dari style.css
/*social sharing buttons*/
.social a{
display:block;
margin:5px 0px 5px 0;
padding:10px 15px;
color:#fff;
font-size:15px;
font-weight:bold;
text-align:center;
text-decoration:none;
width: auto;
}
.social a{
display:block;
margin:5px 0px 5px 0;
padding:10px 15px;
color:#fff;
font-size:15px;
font-weight:bold;
text-align:center;
text-decoration:none;
width: auto;
}
/*Twitter*/
.twitter{
background:#1b8be0;
}
.twitter{
background:#1b8be0;
}
/*Facebook*/
.facebook{
background:#3B5998;
}
.facebook{
background:#3B5998;
}
/*Pinterest*/
.pinterest{
background:#D34836;
}
.pinterest{
background:#D34836;
}
Langkah
5. Setelah itu simpan semua perubahan.
Cara Membuat Related Post
Langkah 2. Lalu buka function.php dan
single.php di Notepad++ atau Sublime text
Langkah 3. Pada function.php carilah
kelompok add_theme_support, kemudian tambahkan statement berikut di bawahnya.
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 100, true );
Langkah 4. Pada single.php carilah the_content() dan masukkan statement berikut di
bawahnya.
<div class="relatedposts">
<h3>Related posts</h3>
<?php
$orig_post = $post;
global $post;
$tags =
wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as
$individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' =>
array($post->ID),
'posts_per_page'=>4, //
Jumlah related yang ditampilkan.
'caller_get_posts'=>1
);
$my_query = new wp_query(
$args );
while(
$my_query->have_posts() ) {
$my_query->the_post();
?>
<div
class="relatedthumb">
<a
rel="external" href="<?php
the_permalink()?>"><?php the_post_thumbnail(array(225,125));
?><br />
<?php the_title();
?>
</a>
</div>
<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>
Langkah 5. Setelah itu simpan perubahan yang telah dibuat.
semoga bermanfaat :)
Terima Kasih
EmoticonEmoticon