搜索到
5
篇与
的结果
-
WordPress通过短代码插入bilibili视频 前言Bilibili 是国内知名的视频分享平台，上面有很多精良而又有趣的视频。一些人喜欢 (比如我) 把 B 站视频通过 iframe 插入网页上，但代码大长 (约 230 个字符)。于是为了方便大家，我堤供一个在 WordPress 通过短代码插入 bilibili 视频的教程。教程一、打开 WordPress 根目录下 wp-content/themes/你正在使用的主题/functions.php 文件或者你在仪表盘的主题文件编辑器中打开 functions.php 文件二、复制下面的代码到 functions.php 文件的最后处// 添加插入bilibili视频短代码 function vbilibili_shortcode( $atts, $content = null ) { // 解析短代码中的参数 // $atts = shortcode_atts( $defaults, $atts ); // 提取$content中的所有bv号和av号 preg_match_all('/BV([a-zA-Z0-9]+)/', $content, $bv_matches); preg_match_all('/av([0-9]+)/', $content, $av_matches); // 构建iframe的HTML代码 $iframes = ''; // 生成bv号对应的iframe if (!empty($bv_matches[1])) { foreach ($bv_matches[1] as $bv) { $iframe_url = 'https://player.bilibili.com/player.html?bvid=' . $bv . '&high_quality=1'; $iframe = ' <iframe src="' . $iframe_url . '" frameborder="no" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"> </iframe> '; $iframes .= $iframe; } } // 生成av号对应的iframe if (!empty($av_matches[1])) { foreach ($av_matches[1] as $av) { // 将$av转换为整数类型 $av = intval($av); $iframe_url = 'https://player.bilibili.com/player.html?aid=' . $av . '&high_quality=1'; $iframe = ' <iframe src="' . $iframe_url . '" frameborder="no" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"> </iframe> '; $iframes .= $iframe; } } // 返回所有iframe的HTML代码 return $iframes; } add_shortcode( 'vbilibili', 'vbilibili_shortcode' );简码使用说明用法,下面哪种都行 //请把< 换成 [ <vbilibili]啥都行，只要有bv和av在这就行了[/vbilibili] <vbilibili]https://www.bilibili.com/video/BV1EX4y127J9/[/vbilibili] <vbilibili]BV1L94y1p72w[/vbilibili] <vbilibili]BV1L94y1p72w，https://www.bilibili.com/video/BV1RN41BV1RN411w7Bv1w7Bv/[/vbilibili] <vbilibili]华为能挡子弹？Mate 60 Pro 碾压 跌落 实弹测试！ - 哔哩哔哩https://www.bilibili.com/video/BV1L94y1p72w/[/vbilibili]参数av:Bilibili 视频的 AV 号av和bv必填一项bv:Bilibili 视频的 BV 号av和bv必填一项h:X/Xpx/X% Bilibili 视频的高度号w:X/Xpx/X% Bilibili 视频的宽度号注意：Bilibili 视频的 AV 号或 BV 号是必须的，但只要输入 AV 号或 BV 号的其中一个即可。Bilibili 视频的 AV 号不要带上 av如果是列表页则在参数后面带第几个视频的参数:<vbilibili]BV1YT4y1H7YM&page=2[/vbilibili] //请把 < 换成 [ 列子{bilibili bvid="BV1YT4y1H7YM" /} -
wordpress上传图片附件时把绝对地址修改成相对地址 WordPress 在插入附件的时候直接把附件的URL绝对地址写到数据库里，如http://www.abc.com/usr/uploads/a.jpg，如果网站设置https或迁移网站了这些url就可能会出错，怎么样设置成相对地址/usr/uploads/a.jpg呢？几行代码就能实现。随ytkah一起来看看。 WordPress 官方论坛的这段代码会修改 WordPress 中上传的绝对路径为相对地址，代码如下function relativePathForUploads($fileInfos) { global $blog_id; $path = get_blog_option($blog_id,'siteurl'); $fileInfos['url'] = str_replace($path,'',$fileInfos['url']); return $fileInfos; } add_filter('wp_handle_upload', 'relativePathForUploads');把代码加入到当前theme主题的function.php文件中就可以了
-
WordPress两种方法实现上传媒体图片文件自动重命名 我们发布文章时，会上传一些图片、音频之类的文件。但是WordPress没有自动 给新上传文件重命名的功能，逐个文件去重命名那就太麻烦了，那么我们改如何自动给上传的媒体文件图片重命名呢？我在网站搜索了些上WordPress上传媒体文件自动重命名的WordPress教程，说法不一，方法也多种多样，于是整理了下，希望能方便大家以后使用。方法一： 按上传时间自动重命名//WordPress上传文件重命名 function git_upload_filter($file) { $time = date("YmdHis"); $file['name'] = $time . "" . mt_rand(1, 100) . "." . pathinfo($file['name'], PATHINFO_EXTENSION); return $file; } add_filter('wp_handle_upload_prefilter', 'git_upload_filter');二、用MD5加密生成数字并重命名//WordPress上传文件重命名 function rename_filename($filename) { $info = pathinfo($filename); $ext = emptyempty($info['extension']) ? '' : '.' . $info['extension']; $name = basename($filename, $ext); return substr(md5($name), 0, 20) . $ext; } add_filter('sanitize_file_name', 'rename_filename', 10);使用方法将上面两段代码其中一段添加到主题的functions.php 文件中即可。
-
WordPress给文章关键词标签自动添加内链 前言今天给大家分享一个WordPress SEO优化小技巧，该技巧能够实现文章内的关键词标签自动添加内链。内链的好外，自然就不用说了，它可以让百度蜘蛛在你的网站爬行更多的地方。当然，很多WordPress插件也可以实现这个功能，但是今天素材虎给大家分享的是不用插件给文章关键词标签自动添加内链的方法。那怎么如何让WordPress站点的文章关键词标签自动添加内链呢？其实我们只需要在主题目录下的functions.php文件中添加一段代码就可以实现了。效果图食用方法在主题目录下的functions.php文件中添加下方代码就可以实现了WordPress给文章关键词标签自动添加内链。/* 自动为文章内的标签添加内链开始 */ function tag_sort($a, $b){ if ( $a->name == $b->name ) return 0; return ( strlen($a->name) > strlen($b->name) ) ? -1 : 1; } // 为符合条件的标签添加链接 function tag_link($content){ $posttags = get_the_tags(); $match_num_from = 2; // 一个标签在文章中出现少于多少次不添加链接 $match_num_to = 5; // 一篇文章中同一个标签添加几次链接 if ($posttags) { usort($posttags, "tag_sort"); //var_dump($posttags); foreach($posttags as $tag) { $link = get_tag_link($tag->term_id); $keyword = $tag->name; //链接的代码 $cleankeyword = stripslashes($keyword); $url = "<a href=\"$link\" title=\"".str_replace('%s',addcslashes($cleankeyword, '$'),__('【查看含有[%s]标签的文章】'))."\""; $url .= ' target="_blank" '; $url .= ">".addcslashes($cleankeyword, '$')."</a>"; $limit = rand($match_num_from,$match_num_to); //不链接的代码 $pattern = "/<code.*?>(.*?)<\/code>/is"; // 匹配 <code> 标签 $content = preg_replace_callback( $pattern, static function($matches) use ($cleankeyword) { return str_replace($cleankeyword, '%&&&&&%', $matches[0]); }, $content ); $title_pattern = "/<(h[1-6]).*?>(.*?)<\/\\1>/is"; $content = preg_replace_callback( $title_pattern, static function($matches) use ($cleankeyword) { return str_replace($cleankeyword, '%&&&&&%', $matches[0]); }, $content ); $pre_pattern = "/<pre.*?>(.*?)<\/pre>/is"; $content = preg_replace_callback( $pre_pattern, static function($matches) use ($cleankeyword) { return str_replace($cleankeyword, '%&&&&&%', $matches[0]); }, $content ); //$content = preg_replace( '|(<a[^>]+>)(.*)('.$ex_word.')(.*)(</a[^>]*>)|U'.$case, '$1$2%&&&&&%$4$5', $content); //$content = preg_replace( '|(<img)(.*?)('.$ex_word.')(.*?)(>)|U'.$case, '$1$2%&&&&&%$4$5', $content); $cleankeyword = preg_quote($cleankeyword,'\''); $regEx = '\'(?!((<.*?)|(<a.*?)))('. $cleankeyword . ')(?!(([^<>]*?)>)|([^>]*?</a>))\'s' . $case; $content = preg_replace($regEx,$url,$content,$limit); $content = str_replace( '%&&&&&%', stripslashes($cleankeyword), $content); } } return $content; }
-
Dream主题相关美化命令 我觉得我还是要说明一下，这个主题的作者是：望仔博客链接：https://blog.nineya.com/本文转载自：https://blog.nineya.com/archives/91.html本博客转载是因为，本博客用的是他的主题。我比较笨点，记不住这些设置，所以备份一份，省的每次都要去主题作者博客看使用说明书，主要是我网络垃圾，经常无法打开主题博主的博客。一、基础内容1.1 图片1.2 段落缩进Dream主题<p class="indent">Dream主题</p>1.3 加粗使用 Dream主题 渲染博客。1.4 斜体使用 Dream主题 渲染博客。1.5 下划线使用 Dream主题 渲染博客。1.6 中划线使用 Dream主题 渲染博客。1.7 链接使用 链接Dream主题 渲染博客。1.8 密码文猜猜这是什么：猜猜这是什么：Dream主题猜猜这是什么：<span class="pwd">Dream主题</span>二、内容块2.1 引用使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。2.2 有序列表使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。2.3 无序列表使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。使用 Dream主题 渲染博客。2.4 任务列表这个暂无效果，新版好像没有2.5 表格列1列2列3内容内容内容内容内容内容内容内容内容2.6 行内代码使用 Dream主题 渲染博客。<code>Dream主题</code>2.7 代码块/** * 运行程序 */ java -jar dream.jar2.8 数学公式3x−1+(1+x)2\sqrt{3x-1}+(1+x)^23x−1+(1+x)2$\sqrt{3x-1}+(1+x)^2$2.9 mermaid 图表样式无，不知道怎么弄TypeError: Cannot read properties of undefined (reading 'v')三、自定义标签3.1 副标题这是副标题<mew-subtitle>这是副标题</subtitle>3.2 音频播放器mew-music标签支持网易云单曲、网易云歌单和音乐链接三种方式播放音乐。网易云单曲：特有参数说明song必选）填写网易云音乐id网易云歌单：特有参数默认值说明playlist （必选）填写网易云音乐歌单idorderlist音频循环顺序，可选值：list（ 列表循环），random（随机）foldfalse列表默认折叠，可选值：false/true自定义单曲：特有参数默认值说明url （必选）音频资源链接name音乐音频名称artist未知歌手音频艺术家cover 音频封面lrc 音频歌词LRC文件链接以上为三种音频资源的配置方法，除此以外还包含一些公共的参数：公共参数默认值说明themeDream 主题色播放器的主题色loopall音频循环播放，可选值：all（循环全部），one（单曲循环），none（不循环）autoplayfalse音频自动播放，可能有些浏览器不支持3.3 bilibili视频<mew-bilibili bvid="BV1WJ411z7qc" width="80%"></mew-bilibili>参数默认值说明bvid无（必选）视频的bvidwidth100%视频模块宽度3.4 标签页html内容java内容<mew-tabs> <mew-tab-page title="html"> html内容 </mew-tab-page> <mew-tab-page title="java"> java内容 </mew-tab-page> </mew-tabs>参数默认值说明title默认标签标签页的名称active默认选中第一页默认被选中的标签页，可选值：true/false3.5 网盘链接下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除下载信息 下载地址1:点击下载说明部分资源来源于网络如有侵权,请联系删除<mew-cloud type="default" url=""></mew-cloud> <mew-cloud type="360" url="" password="82kD"></mew-cloud> <mew-cloud type="bd" url="" password="gGs2"></mew-cloud> <mew-cloud type="wy" url=""></mew-cloud> <mew-cloud type="ali" url=""></mew-cloud> <mew-cloud type="github" url=""></mew-cloud> <mew-cloud type="gitee" url=""></mew-cloud> <mew-cloud type="lz" url=""></mew-cloud>参数默认值说明typedefault网盘类型：default 网络来源，360 360云盘，bd 百度网盘，wy 微云，ali 阿里云盘，github Github仓库，gitee Gitee仓库url无下载链接password无网盘文件下载提取码3.6 进度条<mew-progress value="80%" color="#5bb854"></mew-progress>参数默认值说明value50%进度，最高为100%colorvar(–theme)进度条颜色3.7 面板面板内容<mew-panel title="面板标题"> 面板内容 </mew-panel>参数默认值说明title无面板标题colorvar(–theme)面板颜色2.8 消息[blockquote2 name='洛维花']这是一条消息[/tip][blockquote2 name='洛维花']这是一条消息[/tip][blockquote2 name='洛维花']这是一条消息[/tip][blockquote2 name='洛维花']这是一条消息[/tip]<mew-message type="error">这是一条消息</mew-message> <mew-message type="success">这是一条消息</mew-message> <mew-message type="warning">这是一条消息</mew-message> <mew-message type="info">这是一条消息</mew-message>2.9 信封分割线<mew-hr></mew-hr>参数默认值说明startColor#01d0ff分割线开始第一个块的颜色endColor#fc3e85分割线第二个块的颜色2.10 时间线平凡的一星期 工作日，开始当社畜 周末，睡了整整一天 又是平凡的一星期 工作日，开始当社畜 周末，睡了整整一天 <mew-timeline> <mew-timeline-title>平凡的一星期</mew-timeline-title> <mew-timeline-item type="warning" title="2022-05-23">工作日，开始当社畜</mew-timeline-item> <mew-timeline-item title="2022-05-28">周末，睡了整整一天</mew-timeline-item> <mew-timeline-title type="info">又是平凡的一星期</mew-timeline-title> <mew-timeline-item type="warning" title="2022-05-23">工作日，开始当社畜</mew-timeline-item> <mew-timeline-item title="2022-05-28">周末，睡了整整一天</mew-timeline-item> </mew-timeline>mew-timeline 时间线标签内包含两个子标签，mew-timeline-title 为时间线的大标题，mew-timeline-item 为时间线的内容。参数默认值说明type无时间线的类型，支持 success、info、warning 和 errortitle无内容标题，仅 mew-timeline-item 标签支持2.11 按钮打开博客<mew-btn icon="fa-history" href="https://luoweihua.cn/">打开博客</mew-btn> <mew-btn icon="fa-history" onclick="javaScript:alert('你好呀');">你好</mew-btn>参数默认值说明colorvar(–theme)按钮颜色href无按钮跳转链接target_blank链接跳转方式，与 a 标签相同icon无按钮的图标，支持 fontawesome 4.7.0 的图标2.12 引言[blockquote1 name='代码疯子']投资未来的人，是忠于现实的人。[/tip][blockquote2 name='引言']投资未来的人，是忠于现实的人。[/tip]<mew-quote avatar="https://luoweihua.cn/favicon.png" href="https://luoweihua.cn/" name="代码疯子">投资未来的人，是忠于现实的人。</mew-quote> <mew-quote>投资未来的人，是忠于现实的人。</mew-quote>参数默认值说明avatar无引言作者头像href无点击引言头像或作者名称的跳转链接name无引言作者名称2.13 链接良心博客网站<mew-link img="/upload/2022/02/favicon.ico" title="玖涯博客" href="https://luoweihua.cn/">良心博客网站</mew-link>对于博客内部的文章和自定义页面可通过 id 和 slug （别名）定义文章的链接。<mew-link id="92"></mew-link> <mew-link slug="about" type="sheet"></mew-link>参数默认值说明img无链接封面图title无网页标题href无网页地址typepostpost / sheet，指定类型为文章或自定义界面，仅在填写了 id 或 slug 时有效。id无文章或自定义页面的idslug无文章或自定义页面的别名2.14 视频播放器<mew-video loop width="80%" src="/upload/2022/10/28_1663747511.mp4"></mew-video>参数默认值说明src无（必选）视频链接width100%视频宽度百分比type无视频类型autoplayfalse自动播放controlstrue显示控制按钮loopfalse循环播放mutedfalse静音播放preloadfalse视频预加载poster无视频加载占位图2.15 画廊 <mew-photos> <img src="https://tva2.sinaimg.cn/large/0072Vf1pgy1foxloka0r4j31hc0u0dzw.jpg" alt="图1"/> <img src="https://tva1.sinaimg.cn/large/0072Vf1pgy1fodqnyvneij31hc0u01kx.jpg" alt="图2"/> <img src="https://tva3.sinaimg.cn/large/a15b4afegy1fmvjlgdxxgj21hc0u04qp.jpg" alt="图3"/> <img src="https://tva4.sinaimg.cn/large/0072Vf1pgy1foxkd5scpnj31kw0w0h93.jpg" alt="图4"/> <img src="https://tva1.sinaimg.cn/large/0072Vf1pgy1foxkc2jnyej31hc0u04g2.jpg" alt="图5"/> <img src="https://tva4.sinaimg.cn/large/0072Vf1pgy1foxkix1n7kj31kw0w0tzl.jpg" alt="图6"/> <img src="https://tva1.sinaimg.cn/large/0072Vf1pgy1foxkifyvznj31hc0u0e1h.jpg" alt="图7"/> </mew-photos>图片不可用 ! [ 」( ）的方式插入，因为在渲染之后会包含 < br/> 和 <p〉 相关的标签。参数默认值说明captionsfalse鼠标停留在图片上时是否显示图片标题margins4图片间距（px）2.16 样式隔离我是样式隔离的列表项我是样式隔离的列表项<mew-raw> <ul> <li>我是样式隔离的列表项</li> <li>我是样式隔离的列表项</li> </ul> </mew-raw>
