wordpress主题和插件修改记录列表页截取字数添加外链跳转提示等

2022年3月16日13:08:09 评论 12

列表页标题截取N个字符,提取摘要

neve模板

位置neve\inc\views\template_parts.php

get_the_title(); 替换为mb_strimwidth(get_the_title(), 0, 60, '...'); 从滴0个起截取前N个字符,后面加个指定字符串

private function get_title() {
$markup = '';

$markup .= '<h2 class="blog-entry-title entry-title">';
$markup .= '<a href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">';
/**$markup .= get_the_title();**/
$markup .= mb_strimwidth(get_the_title(), 0, 60, '...');
$markup .= '</a>';
$markup .= '</h2>';

return $markup;
}

这样列表页就一样长了。

添加外链跳转提示

类似豆瓣那种外链提示不安全,或者将要进行跳转。

选用插件exit-notifier,这个大部分功能都满足,但是移动端的菜单里面不可以,menu会在最外层,会继续遮挡插件的弹窗。注意这一点。

另外,右键点击链接,是不会弹窗的。这个进行了如下修改。

插件文件,exit-notifier\exit-notifier\assets\js\frontend.js

		jQuery(document).on( 'click', select_external, exit_notifier_leave_now );
		//处理右键
		jQuery(".exitNotifierLink").bind("contextmenu", function(){return false;});
		jQuery(".exitNotifierLink").mousedown(function(e){
			if(e.which == 3){
				//alert("鼠标点击了右键");
				setTimeout(function(){jQuery(".exitNotifierLink").click();},1000);
				//jQuery("a.exitNotifierLink").trigger("click"); //构建模拟点击两种方法都行
				//jQuery(".exitNotifierLink").click();
			}
		});
		//结束处理右键跳转

浏览器测试代码

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<div class="component-wrap"><a href="#" class="button button-primary">Shop now</a></div>
<div class="component-wrap"><a href="#" class="button button-primary exitNotifierLink">Shop</a></div>
<script>
/*$(document).ready(function(){
  $(".exitNotifierLink").click(function(){
    alert('事件触发');
  });
});*/
jQuery(".exitNotifierLink").bind("contextmenu", function(){return false;}); //指定元素禁用游览器右键
//判断如果是右键则延时显示3
jQuery(".exitNotifierLink").mousedown(function(e){
    if(e.which == 3){
		setTimeout(function(){alert("鼠标点击了右键");},3000);
        //alert("鼠标点击了右键");
    }else if(e.which == 2){
     alert("鼠标点击了中键");
    }else if(e.which == 1){
        alert("鼠标点击了左键");
    }
});
</script>

遗留的小问题,模拟点击事件,插件的倒计时动画无法显示,不确定缺哪个参数,懒得分析了,影响不大。

  • 君子仁爱:取之有道。刷新有惊喜,看头像。
  • 原创不易,转载注明出处和链接:https://acg.92ylq.com/anime/wp/
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: