WordPress Özel Anasayfa Yapımı

WordPress kullanıcılarının merak ettiği konulardan bir tanesi de WordPress özel anasayfa yapımıdır. Kişiselleştirilmiş anasayfalar ile WordPress sitenize farklı bir görünüm katabilirsiniz. Anasayfa yapısını tamamen yeniden oluşturduğunuz için bütün blok yapılarına, başlık türlerine, yazı fontlarına kadar her şeyi en ince ayrıntısına kadar özelleştirebilirsiniz. Bu özelleştirmeleri yapabilmek için HTML, CSS ve PHP bilginiz olması gerekir. Bu makalemizde WordPress anasayfasının özelleştirilmesine ilişkin önemli bilgiler aktaracağız.

WordPress özel kişisel anasayfa yapabilmek için öncelikle kullandığınız temanın içerisinde yer alan Tekil Sayfa (page.php) dosyasının içeriğini kopyalayarak yeni oluşturduğunuz Anasayfa.php dosyasının içerisine yapıştırmanız gerekir. Sonrasında oluşturduğunuz dosyanın bir şablon olduğunu WordPress sistemine gösterebilmek için aşağıdaki kodu bilgi satırlarının sonrasına ekliyoruz. Bu şablon ismini kendinize göre düzenleyebilirsiniz.

/*
Template Name: Anasayfa
*/

Dosya içeriğini yukarıda anlatılan biçimde hazırlayarak WordPress sistemimizde temamızın bulunduğu “/wp-content/themes/tema_adiniz” klasörün içerisine dosyayı yükleyin. Sonrasında WordPress yönetim panelinden yeni sayfa oluştura basın ve resimdeki gibi yukarıda anlatılan şekilde oluşturduğunuz şablon adınızı seçin.

Anasayfa şablonu olarak kullanacağımız dosyanın yapılandırma işlemleri sonrasında artık özelleştirme işlemine başlayabilirsiniz. Tasarım konusu tamamen sizin zevkinize kalmış olduğundan ve kodlama bilgisine haiz olduğunuzu varsayarak sayfa içeriğini dilediğiniz biçimde doldurmaya başlayabilirsiniz.

Örnek olarak basit bir özelleştirilmiş WordPress anasayfa kod yapısın aşağıda yer verilmiştir.

<?php
/**
 * The default template for displaying content
 *
 * The template for displaying all pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 * Used for both single and index/archive/search.
 */
/*
Template Name: Anasayfa
*/
get_header(); ?>
<div id="primary" class="site-content">
		<div id="content" role="main">

			<?php $postslist = get_posts('numberposts=4');
foreach ($postslist as $post) : setup_postdata($post); ?>
 
			<div class="entry-content shadow mb-3 card p-4">
				<span style="font-size:0.7em; text-align:right;" class="entry-date"><?php echo get_the_date(); ?> tarihinde yayınlandı.</span>
			<a href="<?php the_permalink(); ?>">	<?php
			if ( ! post_password_required() && ! is_attachment() ) :
				the_post_thumbnail(); 
			endif;
				?> </a>
			<h1 class="entry-title">
				<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
				
			</h1>	
			<span style="text-align:justify; text-indent:30px;"><?php the_excerpt(); ?></span>
				<a href="<?php echo the_permalink(); ?>"> Devamını Oku...</a>	
				<hr><span style="font-size:0.8em;opacity:0.7;"><?php twentytwelve_entry_meta(); ?></span>
		</div>
<?php endforeach; ?>
			
</div><!-- #content -->
	</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

WordPress kapsamlı fonksiyon referanslarının yer aldığı WordPress internet sitesine buraya tıklayarak ulaşabilirsiniz.