7b2模板

7b2模板

包含7b2模板二次开发，wordoress模板开发，7b2模板美化等教程

最新随机最多浏览最多喜欢最多评论

分类：
bootstrap google工具集 html5 vue.js wordpress教程
专题：
全部 7B2模板优化 wordpress子主题制作

全部标签

7B2 关键词/分类/搜索结果页文章缩略图比例详解

在7B2的模板使用中，尤其是在做了7B2文章列表瀑布流样式二次优化修改以后发现一个问题。就是文章展示的页面结构虽然公用，但是有部分设置并不通用。例如，搜索结果页面的缩略图比例是按照默认比例来的，而非文章所在分类的设置的比例。后来思考了一下设计的理念，觉得这么做也算合理，假如两个分类的缩略图比例不同，可能会导致搜索结果页面不统一。但是如果有需球了怎么办？？那就要详细解读一下文章特色图比例这一参数了…

blinglee

7b2模板
隐藏付费阅读

7B2文章列表瀑布流样式二次优化修改

今天闲着看站酷的时候看到了一张不错的设计图，刚好可以用来做瀑布流的样式。下午折腾一下午，终于把页面赶出来了，期间感谢作者的耐心解疑答惑。废话不多说直接看效果图页面效果战士相较于B2原版的瀑布流，这里需要做两大项修改，一是要把文章的时间年月份单独出来，然后是把图片，7B2原本的设计这里应该是偷了个懒，有图则显示图片，无图则显示默认图。这样的结构导致有个缺陷，假如所有特色图片和默认图尺寸相同，则几…

blinglee

7b2模板
隐藏付费阅读

7B2默认分类页面优化-添加背景图片和ICON

在7B2的默认模板分类页面，个人感觉用户体验不是很友好。胖哒的构想应该是顶部有可以自主设置的背景图再加上分类名称或者描述，筛选分类一栏能看到个性化ICON，并给分类加上一个面包屑导航，确认完需求以后开始动手。效果图对比旧版无修改页面展示效果改版后修改教程首先要找到分类的所在PHP模板文件。本站第一版分类页面升级- 7B2模板分类面模板二次优化-顶部分类标题描述以及背景图片。已经有了详细说…

blinglee

7b2模板
7B2主题新增文章阅读目录导航（已废弃原主题自带此功能）

在我们阅读文章的过程中有一个目录导航可以更好的提升用户体验。今天，就尝试在我们的侧边栏-widgets-作者模块上加上这个功能。所需工具首先是安装一个目录插件，作者选择的是easy table of contens。直接再插件市场搜索，第一个就是。后台进行设置，可以对各类想添加目录的HTML标签进行选择，就像作者的基本上只选用了h3标签，简单高效。并且，在插件后台设置默认显示不显示。短代码插…

blinglee

7b2模板
7B2模板分类面模板二次优化-顶部分类标题描述以及背景图片

前言相比上次7b2模板分类页面升级的优化，这次主要的改动是调用了分类的描述以及特色图片。也就是后台添加了分类描述和特色图片以后可以在顶部显示。但是缺点就是筛选模块就没法再二次调用了（第一版新增了筛选分类小图标ICON，具体可以看上篇教程），毕竟相对于大部分企业占而言，每个页面有个特色图片设置还是很有用的。如果执意想在菜单栏上有个漂亮的小图标，建议使用 i 标签并调用7B2的默认font字体图标。…

blinglee

7b2模板
7B2首页幻灯片模块优化-显示page-dots并调整切换按钮

最近在做7B2模板的改造工程，参照优设网的设计把首页的幻灯片样式做了新一版的样式更新。原计划是将整个顶部模块基于原有设计幻灯片+小工具来实现，后来发现如果修改了这个结构会导致整个页面结构错乱所以就作罢了，仅用了全屏幻灯片铺满整个Header，并删除多余的文章标题分类等元素,化繁为简让页面看起来更舒服。设计思路首先是要确定幻灯片组件的文件位置去处不必要的元素。然后是调整出来幻灯片的Paged…

blinglee

7b2模板
7B2模板分类页面升级-筛选部分新增分类ICON和分类背景图

前言在参看了许多大型设计网站的设计后，决定对模板分类页面做一下升级改造。还是按照子主题的思路，修改模板php文件，在原有的基础上做结构升级。依旧是参照了优设网的分类页面设计。且在修改的过程中有意外惊喜发现，上篇修改的Posts.php文件可以直接调用，这样就省事多了。后续准备再设计一般新的样式出来，期待后续吧。最终呈现效果主要设计是把分类目录的顶部做了一些优化，并优化了移动端的样式。分类目…

blinglee

7b2模板
7B2首页文章模块样式优化

对比参照了优设网的首页，发现优设网的文章样式相比于7b2有很大的提升，就闲来顺手改了改。期间遇到了很多bug，希望有志同道合的朋友可以一块解决解决。PS：没有一定基础的同学尽量不要乱动，可能会导致其他页面的样式出问题。设计需求首先是两模板的页面对比，自然优设网作为一个大型商业网站，有UI又有团队，样式自然是和7B2不可相较，但是既然是样式，只要能动手，都可以试试。尽管7b2的文章样式也足够的…

blinglee

7b2模板
7b2关于我页面模板升级

前言默认的关于我页面看起来很简单，如果再使用上古藤编辑器，恐怕最终的效果只会难看的不行。今天闲来无事又把这个模板重写了一下。涉及到的知识点有如何创建wordpress页面模板，模板参数调用等。CSS部分则是使用的@media查询做了简单的响应式处理。模板文件创建 wordpress模板创建很简单，只需要在模板的文件夹下面创建文件，并在注释上标明模板文件的备注即可。7B2模板创建目录为B2/pa…

blinglee

7b2模板
7B2主题必装插件

前言 B2主题基本所有功能都集成在主题中，但是也有一些没有集成价值的功能我们只做了插件兼容。下面这些插件是B2主题所依赖的（所有插件都是免费，直接WP后台安装即可）。 JWT Authentication for WP REST API B2主题是前后端分离的，我们使用Token鉴权，此插件用来生成与验证Token所用，必须要安装。您可以直接在wp后台，插件列表中搜索（JWT Authentica…

blinglee

7b2模板
WordPress 安装 Redis 缓存

redis 拓展的具体功能主题在有很多重复查询或者复杂查询的地方使用了数据缓存，在大部分涉及到安全验证的地方也使用了数据缓存，为了保证速度和安全，强烈建议您开启 Redis 或者 Memcached 缓存功能。Redis 在WP中兼容性、易用性以及使用广度都好于 Memcached ，所以建议使用 Redis。如果您的一个服务器有多个WP站点，并且同时使用 redis 缓存，强烈建议给每个站点设…

blinglee

7b2模板
下载

导航改版-一个创意工作者的导航

默认主题的导航页面多少有点丑了，今天闲来无事搞了一套模板出来，参考了nicetheme的设计（链接布局）。本打算也来个左右结构，但是因为个人模板的宽度因素，所以弃用了左右结构，使用上下结构，同时还微调了浮动插件，同时还做了响应式优化。设计思路先是结构，使用了flex布局，并将两个DIV垂直显示。flex-direction: column!important。考虑到用户体验，保留原模板的粘性侧…

blinglee

7b2模板
下载

首页幻灯片改装之路

前两天更新了一趴链接页面优化，发现很多热心网友还是挺给面子的。今天又更新了一版幻灯片的新样式。自我感觉良好，但是还有部分小问题，期待大牛的指点和鼓励。前言首先查看了模板JS文件，发现使用的是Flickity幻灯片插件，里面有很多功能因为设计原因并未启用，例如使用全屏幻灯片时候，因为A链接设置，禁用了手动拖拽功能。所以，今天特地改造一番。还顺带更改了模板文件结构。最终效果实现了手动拖拽功能，…

blinglee

7b2模板
7B2完美迁移windows教程

虽然PHP的网站大多都运行在linux主机下，今天尝试把网站迁移到Windows主机，顺便解决一下期间遇到的各种问题。前言因手里有限制的高带宽服务器，所以突然把网站迁到了这台服务器，本以为会风平浪静谁想各种问题层出不穷。中间一度想要搬回旧服务器，但是10mb的带宽不用真是暴殄天物，所以还是各种找问题解决办法，最终解决并完美运行。下面是网站迁移中踩到的坑。服务器环境服务器版本windows …

blinglee

7b2模板