「WordPress」- 修改主题 @20210426

问题描述

在 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)