Cara mudah membuat theme wordpress responsif dengan bootstrap part 3

17 June 2018 1328

Pada kesempatan ini akan kita bahas tentang index.php, yang file ini ada tempat loop untuk konten di wordpress. File index biasanya tidak berbeda jauh dengan category.php dan tag.php. Anda dapat membuat file index.php saja tanpa membuat category.php atau tag.php apabila design yang tampil sama, apabila Anda ingin ada perubahan tampilan barulah anda buat file tersebut.

wordpress with bootstrap part 3

file index.php

<?php
get_header();
?>
<div class=”container”>
<div class=”row”>
<div class=”col-lg-8 col-md-8 col-sm-6″>
<?php if( have_posts() ): while (have_posts()) : the_post(); ?>
<h3 class=”media-heading”><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title();?></a></h3>
<div class=”media”>
<div class=”media-left”>
<a class=”pull-left” href=”<?php the_permalink();?>”>
<?php if ( has_post_thumbnail()) : the_post_thumbnail(); endif; ?>
</a>
</div>
<div class=”media-body”>
<article class=”desc”><?php echo get_excerpt(300); ?></article>
</div>
</div>
<?php endwhile;
global $wp_query, $paged;
$max_page = $wp_query->max_num_pages;
if($max_page >= ‘2’){
?>
<nav class=”paginate-num”>
<ul class=”pagination”>
<li><a href=”<?php echo esc_html( get_pagenum_link( ‘1’ ) ) ?>” title=’Page First’>First</a></li>
<?php pagenavi(); ?>
<li><a href=”<?php echo esc_html( get_pagenum_link( $max_page ) ) ?>” title=’Page Last’>Last</a></li>
</ul>
</nav>
<?php
}
endif; ?>
</div>
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>

Next time pembahasan sidebar.php dan footer.php

Kata kunci untuk Artikel ini :

  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1822 VFvXn4zvS4y7-V1zJv89AtZqdfHh-u5CzT9gaZfwsPWbr5M6i96O7sEl9ps6mRiD 91919efc96ca6d70113d1850199b0ce5c1008823&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme

Artikel Terkait

Cara mudah membuat theme wordpress responsif dengan bootstrap part 1

Tidak butuh banyak waktu untuk membuat theme wordpress menggunakan bootstrap, hal ini dikarenakan kita menggunakan resource kerangka template yang sudah ada, kita hanya mengatur posisi dan tampilan

Cara mudah untuk membuat custom term dalam wordpress

Dalam wordpress term yang tersedia default adalah category dan tags, langsung saja cara membuat term taxonomy pada wordpress. Langkah pertama adalah masuk pada bagian functions.php, contoh term kali
Bootstrap, Tips dan Trik, Tutorial, Wordpress , ,
Belum ada komentar. Anda bisa menjadi yang pertama untuk berkomentar!

Tinggalkan komentar

*
*
-

error: Content is protected !!