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

列表页标题截取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>

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