「WordPress」- 修改主题

  CREATED BY JENKINSBOT

问题描述

在 WordPress 中,我们能够访问 WordPress Themes 站点获取并安装自己喜欢的主题插件。

但是,这些主题终究不是我们自己开发的,因此我们依旧希望按照自身需求修改主题的某些内容,进行主题的二次开发。

该笔记将记录:在 WordPress 中,如果添加自定义 CSS 样式来修改主题,以及相关问题处理。

解决方案

注意事项

关于主题备份:
1)如果修改主题文件,在主题文件升级前,我们需要进行手动备份,否则我们修改的文件将会被覆盖。
2)此外,必须禁用主题的 自动更新 功能,否则也会出现已修改主题被覆盖的问题。

场景一、自定义搜索框

如果希望给页面添加搜索框,有如下若干方法:
1)控件:Appearance > Widgets > Available Widgets/Search,我们能够将其添加到我们希望的位置;
2)插件:通过插件来添加搜索框,比如 Add Search To Menu 插件
3)代码:我们还能够通过修改主题文件,在页面中添加 <?php get_search_form(); ?> 函数,以显示搜索框;

我们使用 3)方案,这对我们来说更加灵活。但是我们能够自行编写搜索框,如下代码为简单示例:

<form id="searchform" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <input type="text" class="search-field" name="s" placeholder="Search" 
        value="<?php echo get_search_query(); ?>">
    <input type="hidden" name="post_type[]" value="book" />
    <input type="hidden" name="post_type[]" value="magazine" />
    <input type="hidden" name="post_type[]" value="ebook" />
    <input type="hidden" name="post_type[]" value="pdf" />
    <input type="submit" value="Search">
</form>

如果需要修改 placeholder 属性,并不是每一个方法都好用,这个问题与模板的实现有关。多数情况,我们需要直接编辑主题。

参考文献

How to Add A Search Bar in WordPress within Minutes – weDevs
How to Create Custom Search Form in WordPress – Artisans Web
Customize Search Widget Placeholder Text
Create placeholder text for wordpress search box
How to change the search placeholder text (Product Table)