ساخت فرم جستجو

برای ساخت فرم جستجو در پوسته وردپرس یک فایل php به نام searchform.php بسازید.

کد زیر را اضافه کرده و ذخیره نمایید.

<form class="search-form clearfix" action="<?php echo home_url(); ?>">

<input type="text" class="search-form-input text" name="s" placeholder="جستجو در سایت"/>

<button type="submit" class="submit search-button"><i class="fa fa-search"></i></button>

</form>

</form>

حال از بخش ابزارک ها ، ابزار جستجوی را اضافه نمایید.
برای شخصی سازی بهتر نیز می توانید از کد CSS زیر استفاده نمایید. (این کد در فایل style.css قرار می گیرد.)

.search-form-input {
padding: 5px 10px;
background-color: #ECECEC;
border: 1px solid #f5f5f5;
border-radius: 5px;
}

.search-button {
  padding: 5px 7px;
  border: 1px solid #e74c3c;
  background: #e74c3c;
  color: #fff;
  border-radius: 5px;
}

.search-form-input {

padding: 5px 10px;

background-color: #ECECEC;

border: 1px solid #f5f5f5;

border-radius: 5px;

}

.search-button {

padding: 5px 7px;

border: 1px solid #e74c3c;

background: #e74c3c;

color: #fff;

border-radius: 5px;

}