Squarespace站点单页博客文章展示数量提升方法咨询
如何提高Squarespace单页博客文章展示数量(突破20篇限制)
可行,具体操作分两种方式,根据你的模板情况选择:
一、通过后台原生设置调整(部分模板支持)
- 登录Squarespace后台,打开目标博客页面
- 点击页面顶部的「编辑」进入编辑模式
- 找到页面设置入口(通常是页面右上角的齿轮图标,或侧边栏的「页面设置」选项)
- 在设置面板中找到「博客文章展示」相关选项,找到「每页显示文章数」的设置项,直接修改数值(部分模板支持设置到50篇及以上)
- 保存设置后刷新前台页面,即可看到效果
二、代码注入自定义(适用于原生设置有上限的情况)
如果你的模板原生设置最高只能到20篇,可通过代码注入强制调整:
- 进入后台「设置」>「高级」>「代码注入」
- 在「页脚」区域添加以下代码(注意替换类名和目标数量):
<script> window.addEventListener('DOMContentLoaded', function() { // 这里改成你想要显示的文章数量 const targetCount = 50; // 替换成你博客文章元素的类名,需用浏览器开发者工具查看实际类名 const blogItemClass = '.blog-item'; const blogItems = document.querySelectorAll(blogItemClass); blogItems.forEach((item, index) => { if (index < targetCount) { item.style.display = 'block'; } }); }); </script>
- 提示:不同模板的文章元素类名可能不同,比如有的是
.sqs-blog-item,打开浏览器开发者工具(F12)查看你的博客文章元素的类名,替换代码中的blogItemClass值即可 - 保存代码注入设置,刷新前台页面验证效果
注意:单页加载过多文章可能影响页面加载速度,建议根据实际需求合理设置数量,避免降低用户体验。
内容的提问来源于stack exchange,提问作者Jon
相关产品推荐
相关产品推荐

