Wordpress在撰写新文章界面的显示选项按钮点击无反应的解决办法

本文详细介绍了WordPress升级后,文章编辑界面中添加新媒体和可视化按钮失效的问题及解决方案。通过在主题的functions.php文件中添加一行代码,成功解决了JS文件合并导致的功能异常。

原文链接Wordpress在撰写新文章界面的显示选项按钮点击无反应的解决办法

最近升级wordpress之后,发现在文章编辑界面的添加新媒体可视化按钮点击无反应,如下:

在这里插入图片描述

然后就在网上找解决办法,然后发现基本所有的解决办法都是,连接网站服务器,下载并编辑wp-config.php文件,在该文件最后加上如下一行代码:

define('CONCATENATE_SCRIPTS', false);

然后上传到服务器,覆盖原来的wp-config.php文件,这样问题就可以解决了。

对此,官方给出的解释是:

Disable Javascript Concatenation To result in a faster administration
area, all Javascript files are concatenated into one URL. If
Javascript is failing to work in your administration area, you can try
disabling this feature:define(‘CONCATENATE_SCRIPTS’, false);

意思就是,wordpress为了提高效率所以把所有的js代码都集中的到一起,如果遇到这个问题,可以设置不让js集中到一起,就是上面说的在wp-config.php最后加上那一段代码。

然而我当打开wp-config.php文件之后却发现最后一行已经有这行代码了,那肯定不是这里的问题,然后我就想到有可能是主题的问题,因为我最近换了一个主题,然后果然问题就解决了。解决办法如下:
打开外观-编辑界面,然后打开functions.php文件,在代码最后添加上面那个代码,即

define('CONCATENATE_SCRIPTS', false);

然后更新代码文件,再次打开文章撰写界面,就会发现问题已经解决。希望可以帮到你。

WordPress 中,写作体验可以通过使用不同的编辑器或插件来显著提升,尤其是对于需要高效创作、排版美观内容的用户。以下是几款推荐的编辑器和插件。 ### 经典编辑器(Classic Editor)与 Gutenberg(区块编辑器) WordPress 默认提供了两种主要的编辑器:**Classic Editor(经典编辑器)** 和 **Gutenberg(区块编辑器)**。Gutenberg 是 WordPress一代编辑器,它采用区块化设计,允许用户通过插入不同类型的区块(如段落、图片、标题、按钮等)来构建页面[^1]。 - **Classic Editor** 更适合习惯传统编辑方式的用户,界面简洁,操作直观,适合撰写文章时快速输入内容。 - **Gutenberg** 提供了更丰富的可视化编辑功能,支持自定义区块样式,适合需要在文章中插入多媒体、按钮、列表等元素的用户。 如果你对 Gutenberg 的区块编辑方式不适应,可以安装 **Classic Editor 插件** 来继续使用传统的编辑界面[^2]。 ### 推荐插件 #### 1. **Elementor** 虽然 Elementor 主要用于页面构建,但它也提供了一个强大的文章编辑体验,特别是在与主题集成时。Elementor 支持拖放操作,允许用户自定义文章布局、添加高级元素(如图标、按钮、分栏等),并且实时预览效果。它还支持响应式设计,确保文章在不同设备上都能良好显示。 #### 2. **WPBakery Page Builder** 类似于 Elementor,WPBakery 提供了丰富的可视化编辑功能,适合希望在文章中插入复杂布局的用户。它的拖放功能和预设模板可以大大提升写作效率,尤其适合外贸网站的内容展示。 #### 3. **TinyMCE Advanced** 该插件增强了 WordPress 的经典编辑器,提供了更多格式化选项,如字体大小、颜色、对齐方式等。它还支持撤销/重做功能、插入表格、清除格式等,非常适合需要精细排版的用户。 #### 4. **Rank Math 或 Yoast SEO** 虽然它们是 SEO 插件,但它们集成了文章编辑器的功能,能够帮助用户在撰写内容时优化 SEO。这些插件会分析文章内容,并提供关键词优化建议、可读性评分等功能,帮助用户写出更符合搜索引擎要求的文章。 #### 5. **Markdown Editor** 如果你习惯使用 Markdown 编写文档,可以安装 **Markdown Editor 插件**。它允许你在 WordPress 编辑器中使用 Markdown 语法编写文章,并实时预览渲染效果,非常适合开发者或技术写作人员。 ### 页面优化与 SEO 集成 WordPress 页面编辑器支持谷歌 SEO 设置,你可以为每个页面设置元标签,如标题、描述等,以提高在谷歌搜索结果中的排名。同时,确保每个页面的内容都是原创的,避免重复内容。你可以使用插件检查页面的 SEO 得分,以便进行优化[^1]。 ### 示例代码:自定义 TinyMCE 编辑按钮 如果你熟悉开发,可以通过自定义 TinyMCE 编辑器来添加更多功能。例如,以下代码可以在 `functions.php` 文件中添加一个自定义按钮: ```php function my_mce_buttons_2($buttons) { array_unshift($buttons, 'styleselect'); return $buttons; } add_filter('mce_buttons_2', 'my_mce_buttons_2'); function my_tiny_mce_before_init($settings) { $settings['style_formats'] = json_encode([ [ 'title' => 'Highlight', 'inline' => 'span', 'classes' => 'highlight' ], [ 'title' => 'Button', 'inline' => 'a', 'classes' => 'button' ] ]); return $settings; } add_filter('tiny_mce_before_init', 'my_tiny_mce_before_init'); ``` 这段代码将在编辑器中添加“Highlight”和“Button”样式选项,方便用户快速应用自定义样式。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值