将我自己的HTML添加到WordPress网站

时间:2017-02-23 22:08:14

标签: html wordpress

我的客户希望我进入他们的WordPress网站并在右下方添加一个固定按钮。此按钮应位于每个页面上。

我非常了解HTML,JavaScript,CSS和PHP,但之前从未使用过WordPress,看起来有点令人沮丧。

我只需添加此按钮并将其链接到网址,但我不想下载其他插件。我可以将自己的HTML添加到主题中吗?我已经听说过制作子主题的能力,以防止在父母更新时我的额外HTML被擦除。这是如何工作的,我如何使用它来实现上述目标?

3 个答案:

答案 0 :(得分:2)

子主题是修改现有主题的典型方法,因此您可以在开发人员发布新版本时更新原始主题。如果您不使用子主题,更新主题将消除您的更改是正确的。

我自己只制作了几个儿童主题,但我发现这个文档很有帮助: https://codex.wordpress.org/Child_Themes

对于修改页脚等模板文件,第一部分“从未修改的父主题创建子主题”是开始使用的最小部分。 style.css文件包含告诉WordPress有关子主题及其父主题的元数据,即使您没有添加任何样式也是如此。 functions.php文件确保加载两个主题的样式表,以后可以用于其他功能。上面的页面包含一些您可以复制和粘贴的代码,并对您网站的具体内容进行了一些更改。

一旦子主题存在,您可以将footer.php从原始主题复制到子目录中,并根据需要进行修改。请记住,由于您要覆盖原始主题的footer.php,如果父主题的footer.php中有后续更改,您可能需要手动更新副本,以将其更改与特定于站点的代码相结合。

如果您有一个单独的站点或开发环境,您可以先测试您的子主题,我建议您使用它,然后在准备好后将其复制到实际站点。

答案 1 :(得分:1)

您必须在Wordpress主题/模板文件中执行此操作。

您必须学习Wordpress CMS (mostly)的体系结构,还要了解您要自定义的应用主题并添加此功能。您必须知道哪些.php文件可以驱动哪些页面以及您可以在哪里添加此功能。

如果您不想同时使用任何核心Wordpress CMS文件和原始应用的“主题”文件;你可以考虑创建一个'子主题'或'插件'来扩展特性和功能;这条路。

请首先了解Wordpress CMS。这是一篇好文章:“http://www.wpbeginner.com/beginners-guide/beginners-guide-to-wordpress-file-and-directory-structure/”还会检查http://wordpress.org

希望这有帮助,g'luck!

答案 2 :(得分:0)

构建子主题最终是最好的事情,因为客户端的任何未来主题编辑都可以在那里完成。这是an article on WP child theme creation

应该提及一种更快捷的方法,尽管它可以是限制性的:转到仪表板/外观/窗口小部件,创建一个新的文本窗口小部件并放入页脚区域。当然,这是假设您使用的主题定义了一个页脚区域(大部分都是这样)。在窗口小部件中,使用以下HTML: <div style="float: right; width: 60px; background-color: red"><a href="#anchor" style="color: white">BUTTON</a></div>

相关问题