2017-02-23 56 views
-2

我的一位客户希望我进入他们的WordPress网站并在右下角添加一个固定按钮。这个按钮应该在每一页上。添加我自己的HTML到WordPress网站

我很熟悉HTML,JavaScript,CSS和PHP,但从未使用过WordPress,这看起来有点令人沮丧。

我只需要添加此按钮并将其链接到一个URL,但我不想下载额外的插件。我可以添加自己的HTML到主题吗?我听说有能力制作儿童主题,以防止我父母更新时擦除额外的HTML。这是如何工作的,我如何使用它来实现上述目标?

+0

外观编辑器屏幕允许您编辑主题文件https://codex.wordpress.org/Appearance_Editor_Screen – Nick

+1

看看WordPress的文档:) https:// developer .wordpress.org/themes/basics/template-hierarchy/ – Philip

+0

Thanks @Nick,你能提供一个简短的描述吗?例如:'这个链接是关于儿童主题'或'这会告诉你如何添加你自己的HTML到现有的主题' – PaulG

回答

2

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

我只是做了几个孩子的主题我自己,但我发现这个文档有所帮助: https://codex.wordpress.org/Child_Themes

修改模板文件,如页脚,第一部分“来自未改良的亲主题创建子主题”是最低要开始。 style.css文件包含告知WordPress有关子主题及其父项的元数据,即使您未添加任何样式。 functions.php文件确保两个主题的样式表都被加载,并且可以在以后用于其他功能。上面的页面有一些代码可以大部分复制和粘贴,并对网站的特定内容进行了一些更改。

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

如果您有一个单独的网站或开发环境,您可以先测试您的儿童主题,我建议使用它,然后在准备就绪时将其复制到活动网站。

1

你将不得不在WordPress的主题/模板文件中这样做。

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

如果你不想混淆任何核心的Wordpress CMS文件或你原来应用的'主题'文件;你可以考虑创建一个'儿童主题'或'插件'来扩展功能和功能;这条路。

请首先了解WordPress的CMS进一步。这里有一篇好文章:'http://www.wpbeginner.com/beginners-guide/beginners-guide-to-wordpress-file-and-directory-structure/'也检查http://wordpress.org

希望这有助于,g'luck!

0

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

应该提到一个更快的方法,虽然它可能是有限制的:转到Dashboard/Appearance/Widgets,创建一个新的Text小部件并放入页脚区域。当然,这是假设你正在使用的主题有一个脚注区域(大部分都是这样)。在小部件中,使用这样的一些HTML: <div style="float: right; width: 60px; background-color: red"><a href="#anchor" style="color: white">BUTTON</a></div>

相关问题