CorePress主题优化记录 - 首页文章列表卡片点击跳转文章页-VE

[start-plane type="1"]此方式仅适用于首页文章分页加载方式为无限滚动模式的站点。[/start-plane]

修改原因

修改这个的只要原因是我比较懒，每次发布完文章自己点开看的时候都非要点标题才行，于是就在网上找了一下这个修改方法。很多介绍的是直接修改主题文件实现，但是我自己不想每次更新都重新去修改，就在技术SOHO的博客找到了这个方法。

具体逻辑为,页面首次加载时,对文章列表进行附加点击事件。

点击加载更多时延时触发,重新对最新文章列表进行附加点击事件。

实现方法

在后台主题设置-插入代码-页脚代码里插入以下JS代码即可,在下方评论即可获取代码

[reply]

<script>
	// 这个变量为点击加载更多时延迟多少毫秒附加文字列表的点击事件,此处可根据自己网站加载速度进行设置,尽量控制在2000毫秒以内
	var timeI = 1500;
	document.getElementsByClassName('index-load-more-btn')[0].setAttribute("onclick","setTimeout(function(){addlionclick();}," + timeI + ")")
	addlionclick();
	function addlionclick(){
		for(var i = 0; i < document.getElementsByClassName('post-list')[0].getElementsByTagName('li').length; i++){
			var aa = document.getElementsByClassName('post-list')[0].getElementsByTagName('li')[i];
			aa.setAttribute("onclick","location.href='" + aa.querySelector('[cp-post-title]').getElementsByTagName('a')[0].href + "'");
		}
	}
</script>

[/reply]