Bootsrap WordPress Arama Kutusu

Bootsrap WordPress Arama Kutusu

Tema tasarlarken wordpress arama kusutusun ufacık kodla çağırmanız mümkün get_search_form ile hızlı bir şekilde arama formunu temanıza ekleyebilirsiniz. Arama kutusunu style dosyalarına müdahale etmenin bir kaç yöntemi var ister function.php içinde bir kere bu arama kutusunu tanımlayıp başka sayfalarda kullanabilirsiniz. Aşağıdaki kod ile html dosyalarına hızlıca arama kutusunu koyabilir ve arama yapabilirsiniz. fakat aramalarınız için search.php dosyasını oluşturmayı unutmayın .

<form class="navbar-form navbar-left" action="<?php echo home_url( '/' ); ?>" method="get" class="form-inline">
    <fieldset>
        <div class="input-group">
            <input type="text" name="s" id="search" placeholder="<?php _e("Aranacak metni giriniz","wpbootstrap"); ?>" value="<?php the_search_query(); ?>" class="form-control" />
            <span class="input-group-btn">
                <button type="submit" class="btn btn-default"><?php _e("Ara","wpbootstrap"); ?></button>
            </span>
        </div>
    </fieldset>
</form>

Search.php dosyasını aşağıdaki gibi yapabilirsiniz

<?php get_header();?>
<div class="container">
<?php get_sidebar();?>

<div class="col-md-8">
<?php if(have_posts()): while(have_posts()):the_post();?>
<div class="bgcolor-1">	
<h1><?php the_title();?></h1>
<span><?php the_content();?></span>

<?php endwhile;?>
	<?php endif;?>
	</div>
</div>

</div>
<?php get_footer();?>

 

Klasik sekilde sadece arama kutusunu eklemek isterseniz aşağıdaki kodu kullanabilirsiniz

<?php get_search_form();?>
admin

Son Yazılar
Bir cevap bırakın