如何编辑 WordPress 页面的 html 代码

     2023-03-05     94

关键词:

【中文标题】如何编辑 WordPress 页面的 html 代码【英文标题】:How to edit WordPress page's html code 【发布时间】:2015-04-04 23:17:58 【问题描述】:

我无法在页面后面获得可编辑的 html 代码。我想对页面进行一些更改。网站托管在远程服务器中。有人分配了这个任务。如下图打开编辑页面时有空编辑器。

我还添加了插件并激活了它,但无法得到结果。

【问题讨论】:

您需要编辑页面模板本身。你不可能从那里编辑 html 或 php 代码 @PieterGoosen 我在哪里可以找到它。有没有约定俗成的目录来存储这样的页面? 在你服务器上的wordpress文件夹中,会有一个叫wp-content的文件夹,里面有一个叫做themes的文件夹,里面有一个你的主题名字的文件夹,里面会成为您的模板文件和文件夹。查看您的图片,您需要打开并编辑 page.php。注意事项,切勿盲目编辑在线文件,一个小错误将破坏您的网站。在进行在线更改之前,首先离线测试所有代码(如果您没有本地测试安装,请立即获取一个)。并且永远不要使用后端编辑器来编辑模板文件。正如我所说,一个错误会破坏您的网站 【参考方案1】:

您发布的图片是所见即所得的编辑器,仅用于向页面添加内容。

如果您想编辑页面本身的布局,您有 2 个选项 -

小页面编辑出现在网站上的所有页面 - 转到外观 -> 编辑器 -> page.php,然后编辑代码以满足您的需求。

大页面编辑显示在一两页上 -

获取文件的访问权限 使用不同的名称复制 page.php 编辑代码

当您添加新页面时,您应该可以选择页面模板。选择您刚刚创建的页面模板。

【讨论】:

永远不要使用后端编辑器。一个小小的错误会破坏您的网站 我总是确保我有备份并通过 FTP 访问该站点,以防万一,我想这只是每个人都有自己的工作方式 这仍然是不好的做法,而且很让人头疼。如果您破坏了一个实时站点并且客户正忙于浏览该站点,这也是不专业的 @Pieter 是正确的 - 通过外观进行更改 --> 编辑器是一个公认的禁忌。【参考方案2】:

如果您确切知道自己在做什么,您可以使用 Chrome 的“检查”功能,并在 WordPress 所见即所得编辑器中更改内容的 HTML。注入 HTML 后,单击预览或发布,您的更改将正确保存。

【讨论】:

有趣的方法:) 感谢您最后的选择。不幸的是,这对我不起作用,因为我要修复的问题部分在于模板本身。【参考方案3】:

在 WordPress 5.5.3 中,您应该能够单击右上角的三个点,然后选择 代码编辑器。或者,按Ctrl+Shift+Alt+M

【讨论】:

如何在 WordPress 页面中创建不同的可编辑部分?

】如何在WordPress页面中创建不同的可编辑部分?【英文标题】:HowdoIcreatedifferenteditablesectionswithinaWordPresspage?【发布时间】:2013-09-0820:22:17【问题描述】:我一直在WordPress上构建我的第一个主题,但在将内容添加到不同部分时遇... 查看详情

如何在 WordPress 中编辑单个页面

】如何在WordPress中编辑单个页面【英文标题】:HowdoIeditanindividualpageinWordPress【发布时间】:2014-09-2612:47:34【问题描述】:我不想编辑模板文件-我想制作一个新的模板文件。我正在查看MySQL注册表,但我看到的只是一个帖子表,... 查看详情

如何在非 wordpress 页面中调用简码?

】如何在非wordpress页面中调用简码?【英文标题】:Howtocallshortcodeinnon-wordpresspages?【发布时间】:2018-06-1620:28:52【问题描述】:我目前(在我的本地主机上)在一个新的wordpress页面上工作,该页面使用来自插件的各种短代码。当... 查看详情

wordpress后台编辑如何显示定义的`style.css`样式

wordpress后台编辑如何显示定义的style.css样式由于公司官网采用wordpress进行搭建,但是却又自己设计页面,无奈主题只能自行构建了,直接修改wordpress自带的主题进行修改。问题如何能够在可视化界面编辑时,直接显示需要展示的... 查看详情

如何在wordpress主题中注册html页面的Css

】如何在wordpress主题中注册html页面的Css【英文标题】:HowtoregisterCssofhtmlpageinwordpresstheme【发布时间】:2016-12-1503:08:17【问题描述】:我是wordpress开发的新手。我试图将响应式html页面转换为wordpress主题,但html页面的CSS在wordpress主... 查看详情

如何在 Wordpress 编辑器中添加自定义字段并获取其值?

】如何在Wordpress编辑器中添加自定义字段并获取其值?【英文标题】:HowtoaddacustomfieldintheWordpresseditor,andgetitsvalue?【发布时间】:2013-06-2501:55:41【问题描述】:我想在Wordpress编辑器的标题下添加自定义输入,仅用于页面。(只要... 查看详情

如何让wordpress自带的tinymce编辑器识别更多html标签

...中显示出来,而不能起到它对应的html标签功能,如何让wordpress的编辑器识别这些标签呢?不管是什么方法,只要能达到目的就行,跪求各位大侠分享下方法。参考技术A并不是这个问题,这个标签如果后面有分号表示一个空格,... 查看详情

如何在wordpress的菜单中添加页面

】如何在wordpress的菜单中添加页面【英文标题】:Howtoaddpageinmenuinwordpress【发布时间】:2014-03-0108:23:07【问题描述】:我是第一次使用WordPress,我想编辑导航。我想添加一些页面,因为我的主题中唯一的列表是“主页和示例页面... 查看详情

如何禁用 WordPress 的小部件块编辑器?

】如何禁用WordPress的小部件块编辑器?【英文标题】:HowtodisablewidgetblockeditorofWordPress?【发布时间】:2021-09-2521:20:17【问题描述】:WP5.8带有一个新系统来管理名为“WidgetsBlockEditor”的事件。如何禁用这个新系统并恢复WordPress的... 查看详情

在 Wordpress 编辑器中添加 HTML 和 CSS?

】在Wordpress编辑器中添加HTML和CSS?【英文标题】:AddingHTMLandCSSinWordpresseditor?【发布时间】:2018-02-1712:32:22【问题描述】:我正在使用“freestore”的子主题。(https://en-gb.wordpress.org/themes/freestore/)我正在尝试使用简单的HTML和CSS向我... 查看详情

如何将静态页面添加到wordpress?(代码片段)

只是想知道如何将我自己的静态html页面添加到WordPress?例如,假设我有一个页面products.html,如何将它添加到wordpress(任何菜单等),一旦添加,我如何访问它们因为wordpress具有典型的url结构。答案WordPress的静态页面功能巧妙地... 查看详情

WordPress - Ninja Forms:如何以编程方式编辑保存的提交?

】WordPress-NinjaForms:如何以编程方式编辑保存的提交?【英文标题】:WordPress-NinjaForms:HowtoeditasavedSubmissionProgramatically?【发布时间】:2017-01-1910:28:56【问题描述】:我有一个表格说Form_ID=9。我想编辑特定提交的Field_id:50(标签:状... 查看详情

WordPress 所见即所得编辑器的字符限制

】WordPress所见即所得编辑器的字符限制【英文标题】:CharacterlimitationforWordPressWYSIWYGeditor【发布时间】:2017-03-2504:05:46【问题描述】:我限制了可以添加为特殊页面(活动提交页面)内容的字符数。它在WordPress的文本或代码模式... 查看详情

Wordpress如何通过添加额外的html属性来修改页面的<body>标签

】Wordpress如何通过添加额外的html属性来修改页面的<body>标签【英文标题】:Wordpresshowtomodify<body>tagofapagebyaddingextrahtmlattributes【发布时间】:2021-12-1806:58:49【问题描述】:在wordpress中,有没有一种方法可以像这样在页面... 查看详情

Wordpress 找到一个特定的链接来编辑它

】Wordpress找到一个特定的链接来编辑它【英文标题】:Wordpressfindingaspecificlinktoeditit【发布时间】:2015-02-0300:02:03【问题描述】:我被传给了一个网站,可以用wordpress进行编辑,而我对wordpress基本上一无所知。我正在尝试在我的... 查看详情

如何使用css,html在wordpress的图像(链接)上覆盖文本

】如何使用css,html在wordpress的图像(链接)上覆盖文本【英文标题】:howtooverlaytextonimage(linked)forwordpressusingcss,html【发布时间】:2017-11-2005:55:59【问题描述】:我正在使用wordpress制作我的购物网站。现在我正在制作头版。我想在... 查看详情

elementor编辑器2018年最流行的wordpress页面构建插件

...辑器,作为2018年最流行的免费页面编辑插件,它改变了WordPress建站的方式,让我们可以无需代码便能自己构建网页在本文中,我们将详细介绍Elementor及其使用方法,以帮助大家决定是否应该使用Elementor作为默认的WordPress页面构... 查看详情

Wordpress 用户角色/权限

】Wordpress用户角色/权限【英文标题】:Wordpressuserroles/permissions【发布时间】:2015-11-2613:13:23【问题描述】:我有一个管理员用户和一个贡献者用户。现在,当贡献者创建一个新页面时,它会被发送给管理员用户以供批准。这很... 查看详情