2016-11-24 74 views
1

我对此页面有疑问:https://www.webovo.nl/blog/。 当我检查网站上的东西,我看到很多的HTML和CSS代码。我知道我可以在style.css文件中找到css,但我不知道我在哪里可以找到(并编辑)我看到的html代码。我在哪里(以及如何)可以看到我看到的html代码的来源?页面的HTML代码

例如,我想更改您可以在搜索字段中看到的默认文本(即:zoeken ..)。我无法在任何地方找到这段代码。

我使用的是Onepress主题。

有人可以帮助我吗? 谢谢

+0

你试过:查看源代码:HTTPS://www.webovo.nl/blog/?在URL中。这会转储页面的来源。 – Digitalis

+1

您是否正在编辑自己的网站或暂时更改第三方网站的代码? – BSMP

+0

这是我自己的网站。所以我想在Filezilla或Wordpress编辑器中进行编辑。但我不知道我在哪里可以找到这个HTML文档 – TiFoxDutchZ

回答

0

如果这是您的网站,它是本节。

enter image description here

但是,我不能建议你在哪里看的HTML文件里面,因为我无法查看文件:)的结构。

请更多信息阅读本:https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder

+0

感谢您的回复,但我知道我可以如何使用检查元素进行编辑,但不知道如何在源代码中对其进行编辑,以便它保留...您知道我的意思吗?哈哈 – TiFoxDutchZ

+0

那么,你正在使用哪个编辑器?你是,还是你不是这个网站的所有者? – Digitalis

+0

这是我的网站,你的编辑是什么意思?大多数情况下,我在Wordpress编辑器中编辑一些代码,或者使用Filezilla查找文档。但我无法找到文件,我可以找到占位符的东西。 – TiFoxDutchZ

0

这取决于你使用的是什么浏览器。但是,对于Chrome,点击右键并检查元素后,会出现一个样式和一个计算选项卡,其中显示该元素的CSS。在“样式”选项卡上,您可以看到样式已从哪里继承。

对于搜索栏可以看到的样式是从继承的style.css在线80

+0

感谢您的答复。是的,我知道,但我可以在我的代码中调整它,因此它会'活'? – TiFoxDutchZ

+0

为了编辑实时版本,该网站必须是您的。如果不是,您可以使用CTRL + S制作您可以在机器上编辑的网站的本地副本。但是,如果网站是你的,并且你有权访问网络服务器,你可以在 –

+0

wp-content/themes/onepress/style.css找到样式表,或者你可以去你的wordpress管理员并在那里改变样式表。 –

1

在Onepress主题搜索字段中的文件模板部分添加/内容none.php(线23和28)通过这样的代码:

<?php get_search_form(); ?> 

这是指回wp-includes/general-template.php,其中搜索表单或者从模板包括,如果“searchform.php”的存在,或者它是建立这样的(线192) :

<input type="search" class="search-field" placeholder="' . esc_attr_x('Search &hellip;', 'placeholder') . '" value="' . get_search_query() . '" name="s" /> 
话又说回来

esc_attr_x('Search &hellip;', 'placeholder') 

文本“Zoeken ......”从你在你的WordPress安装有一个翻译文件拉:

您的占位符文本“Zoeken ......”在这里插入。更改这些文件有点“危险”,因为它们可能会被未来更新覆盖。

也就是说,有一种简单的方法可以通过自定义文本获得自定义搜索:创建您自己的searchform.php。例如,您可以从20年前的主题中获取文件:searchform.php。将该文件复制到Onepress主题文件夹中,更改placeholder属性,即可完成。

<input type="text" class="field" name="s" id="s" placeholder="Whatever" /> 

result screenshot

+0

不错,看起来像一个伟大的解决方案! – Digitalis

+0

谢谢你,我的英雄! – TiFoxDutchZ