在WordPress文章中添加小工具

虽然目前WordPress区块编辑器,可以在正文中添加任意区块,包括区块小工具,但想在所有文章中添加一个固定的内容,每次还是需要手动添加区块,文本分享一段代码,可实现在WordPress文章中添加一个固定的,与正常侧边栏一样的小工具,方便使用。

效果演示

    最新文章

    热门文章

  • 03/10
  • 02/15

    最近留言

  • 这个功能很香,我也去尝试尝试
  • 大佬这个不会贵在下个版本中出现呢

在文章中添加小工具

获取本主题

function copyUrlqqw() {var Urlqqw=document.getElementById(\”qqw-id\”);Urlqqw.select();document.execCommand(\”Copy\”);alert(\”QQ号已复制,可粘贴到QQ中添加我为好友!\”);}

售前咨询加Q:598845006

相关文章

  • 用小工具创建 WordPress 超级菜单
  • 在 WordPress 后台直接复制文章
  • 利用 WordPress 设置 API 添加选择设置页面
  • 从 WordPress 分类描述中删除段落标签
  • 在 WordPress 导航菜单添加自定义文字信息

将下面代码添加到当前主题函数模板functions.php中:

// 添加小工具
if ( function_exists(\'register_sidebar\') ) {
	register_sidebar(array(
		\'name\'          => \'正文小工具\',
		\'id\'            => \'inline-content\',
		\'description\'   => \'用于在正文中添加小工具\',
		\'before_widget\' => \'<aside id=\"%1$s\" class=\"widget inline-content %2$s\">\',
		\'after_widget\'  => \'<div class=\"clear\"></div></aside>\',
		\'before_title\'  => \'<h3 class=\"widget-title\">\',
		\'after_title\'   => \'</h3>\',
	));
}

// 添加到正文第二个段落下面,修改数字2可调整位置
add_filter( \'the_content\', \'insert_content_filter\' );
function insert_content_filter( $content ) {
	ob_start();
	$sidebar = dynamic_sidebar(\'inline-content\');
	$new_content = ob_get_clean();
	if ( is_single() && ! is_admin() ) {
		return insert_content( $new_content, 2, $content );
	}
	return $content;
}

// 添加到正文段落中
function insert_content( $new_content, $paragraph_id, $content ) {
	$closing_p = \'</p>\';
	$paragraphs = explode( $closing_p, $content );
	foreach ($paragraphs as $index => $paragraph) {
		if ( trim( $paragraph ) ) {
			$paragraphs[$index] .= $closing_p;
		}
		if ( $paragraph_id == $index + 1 ) {
			$paragraphs[$index] .= $new_content;
		}
	}
	return implode( \'\', $paragraphs );
}

之后进入小工具设置页面会发现新增“正文小工具”,与正常侧边栏操作一样添加小工具。

最后可以针对自己的主题适当给这个小工具添加样式:

.inline-content {
	border: 1px solid #666;
}

默认是添加到正文第二个段落下面,可以根据情况调整小工具插入位置,修改数字2,代码有注释。

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞0 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容