通常想要查看 wordpress 贴子的 HTML 代码需要在屏幕上点击几次才能实现。下面这段代码可以在 wordpress 后台为所有文章或页面(wp-admin/edit.php)中的贴子添加一个"查看 HTML "的按钮(实际上只是一个链接),当您在“wp-admin/edit.php”屏幕中将鼠标悬停在帖子上方时,单击“查看 HTML”链接可以跳转到新窗口,很方便的就能审阅相应贴子的 HTML 代码。该链接位于现有默认链接“编辑”、“快速编辑”、“垃圾箱”和“预览”的旁边。
“查看 HTML”按钮的效果图
添加“查看 HTML”链接的方法
将如下代码添加到当前 wordpress主题的函数模板文件 functions.php 中,保存即可。
- // 在edit.php页面为所有贴子添加一个“查看 HTML”按钮
- function shapeSpace_modify_list_row_actions($actions, $post) {
- // check for CPT and capability if needed, use nonce if needed
- $html = isset($actions['view']) ? $actions['view'] : null;
- $html = $html ? str_replace('View', 'HTML', $html) : null;
- $html = $html ? str_replace('href="', 'target="_blank" rel="noopener noreferrer" title="查看 HTML" href="view-source:', $html) : null;
- $actions = $html ? array_merge($actions, array('html' => $html)) : $actions;
- return $actions;
- }
- add_filter('page_row_actions', 'shapeSpace_modify_list_row_actions', 10, 2);
- add_filter('post_row_actions', 'shapeSpace_modify_list_row_actions', 10, 2);
代码出自:https://wp-mix.com/wordpress-view-html-button