WordPress响应式主题:Three/博客/CMS/博客导航三合一主题

article/2025/10/12 16:09:55

在这里插入图片描述效果演示:http://cxyo.vip/
下载地址在最后面
主题使用说明

1、首页设置

①选择首页布局:博客布局或杂志布局或博客导航,默认博客布局,若选择杂志布局或博客导航后,必须设置CMS/导航布局后才能正常显示,否则会错位。

②网站整体变灰:在特殊的日子里,勾选这个后可以实现整站变灰,平时很少用到;

③主题风格:默认为红色,可实现一键换色功能,大家也可以自己在主题文件夹Three\inc内的theme_options.php中增加更多颜色代码。

④首页排除最新文章分类ID:如首页不想显示分类ID为1的日志,即可输入-1即可。PS:可看右侧分类对应的ID。

2、幻灯片设置(选择博客/杂志布局有效)

可显示或关闭,默认显示一张幻灯片,如需添加多张请按相应格式添加,只需要修改幻灯片图片地址、链接地址和名称即可。为了防止错位,幻灯片的所有配图建议为760×300 px。其中300px可变化),切记!

3、CMS/导航布局(选择杂志/导航布局有效)

①最新日志:可显示或关闭,可设置显示文章篇数,建议显示,CMS布局有效。

②图片文章推荐:客显示或关闭,默认随机显示,如需显示指定文章,需在《综合功能》设置图片文章推荐来源为“推荐”,并在相应文章中添加自定义栏目tuijian,值任意。

③首页有图双栏、首页无图双栏:可显示或关闭,可设置多个分类和显示文章篇数,左右侧分类数量必须相同,否则会错位。

4、综合功能

①最新文章图标:默认三天(72小时)内发布的文章右上角有NEW图标显示。

②正文和页面底部小工具:可显示或关闭日志页和页面底部的小工具,建议为相关文章和随机文章,可在小工具中设置。

③正文底部图片文章推荐:可显示或关闭。图片文章推荐来源默认为随机文章,如需推荐指定文章,需设置为推荐,并在相应文章中添加自定义栏目tuijian,值任意。

④友情链接ID:需要输入正确的友链ID才能在首页显示。PS:友链ID可在后台的链接 →链接分类目录,把鼠标放在链接名称上即可在浏览器下方状态栏看到该链接的ID,如tag_ID=1,链接ID就为1。

⑤留言板地址:非日志页,如首页、列表页左右侧悬浮的留言按钮地址,点击可直达指定留言板留言。

⑥网站底部随机文章推荐:可显示或关闭,默认随机推荐4篇文章。

5、SEO设置

①首页描述及关键词:可设置自己博客的首页描述和关键词,关键词用英文逗号隔开。

②ICP备案号:只需输入备案号即可,链接已默认存在。

6、广告设置

①网站能顶端右上角广告:可显示或关闭,默认显示,宽度600px,高度78px。

②首页(列表页)第一个广告:杂志布局必须显示最新日志,并且文章篇数有1篇及以上才能显示;博客布局和列表页必须有2篇及以上才能显示。

③首页(列表页)第二个广告:杂志布局默认在单栏下面显示;博客布局和列表页必须有5篇及以上才能显示。

④正文标题下方广告、正文底部广告、评论框上方广告和下载页面广告:都可以选择显示或关闭。

7、菜单管理

本主题默认有两个菜单,分别是导航菜单和移动菜单,我们需要登录后台→外观→菜单中创建两个个菜单,并勾选到相应的菜单位置。PS:移动菜单只有用移动设备才能看到,通过改变浏览器大小只能看到导航菜单。

8、本站推荐的文章管理

我们在编辑文章的时候,需要添加一个自定义栏目,名称为:hot,值可任意,建议为文章ID。默认随机显示。

9、朕要赏赐和朕要分享

①朕要赏赐,可以在Three\inc的shang.php文件中修改,第一种赞助方式只需修改支付宝邮箱,第二种赞助就需要一个收款的二维码,图片存放在Three\images内,直接替换掉即可。

PS:支付宝收款二维码制作官网:https://qr.alipay.com/paipai/open.htm

②朕要分享,默认为百度分享,如无新浪微博AppKey,建议不用修改,如想修改,请先申请新浪微博AppKey,具体步骤可参考《如何申请新浪微博AppKey?》。如已有AppKey,只需把footer.php文件中的{“tsina”:“2363344102”}的数值改为自己的AppKey即可。

10、下载按钮、直达按钮及视频分享

①下载按钮:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的下载按钮,并在自定义栏目面板中输入button1、button2、button3、button4,并分别在值中输入按钮名称,同时再添加url1、url2、url3、url4,在值中输入下载链接,可添加总共4个下载按钮。

②直达按钮:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的官网直达按钮,并在title=’’ href=’'单引号内输入标题及链接地址,可任意重复使用,也可以用作下载按钮,无弹窗。

③视频分享:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的视频分享按钮,并把“此处放视频html分享代码”改为需要分享的视频HTML代码。

11、页面模板管理

本主题只集成了七个模板,分别是文章归档、代码高亮、全屏页面(无侧边栏)、留言板(含年月周排行的读者墙)、读者百强榜(建站以来评论前100名,第一次打开比较慢,需要缓存评论头像)、友情链接(默认先输出友情链接,再输出其他链接分类)和博客导航模板,我们只需要在编辑页面的时候,选中相应模板保存即可。

12、页面的描述和关键词

在编辑页面的时候,我们需要为该页面分别添加自定义栏目:名称:description,值为:该页面描述,名称:keywords,值为:该页面关键字,保存即可。

13、日志页版权的更改

只需要打开主题文件夹内的single.php文件,直接在34行修改即可。

14、评论邮件提醒的更改

只需打开Three\inc\functions文件夹,直接修改notify.php文件的相关内容即可。

15、评论等级的更改

只需要打开主题文件夹内的functions.php文件,直接在364行修改即可。

16、评论楼层数

本主题默认评论倒序排列,所以启用主题后,需要到后台→设置→讨论→在“其他评论设置”中,勾选“启用评论嵌套”和“分页显示评论”,在每个页面顶部显示“新的”评论。

四、博客导航布局说明

1、默认导航分类是按照boke123导航,分为十大类,可修改。

2、博客导航首页需要人工修改,如更改导航分类名称及链接地址、可上首页的各分类博客,如需加红或绿,只需在相应的a标签中添加 class="lv"或 class=“hong”。

3、博客导航各分类的管理,是通过WordPress的链接管理实现,博客导航分类在链接分类目录中添加。

4、博客的收录,其实就是添加链接到相对应的博客分类(链接分类目录)中。

5、博客导航分类页面,只需要新建页面,标题就输入博客分类名称,模板选择“博客导航”,并添加自定义栏目,栏目名称为:dhid,值为博客分类ID(该链接分类目录的ID),最后发布即可。PS:链接分类ID可在后台的链接 →链接分类目录,把鼠标放在链接名称上即可在浏览器下方状态栏看到该链接的ID,如tag_ID=1,链接ID就为1。

五、wordpress主题

下载链接:https://pan.baidu.com/s/1WlSZatw4yDy7H9RDxqruFw
提取码:s37k


http://chatgpt.dhexx.cn/article/MrxERLUF.shtml

相关文章

使用dedecms构建响应式站点(二)——系统设置

在上一篇文章中,我们介绍了使用dedecms构建响应式站点的安装部分,这一次,我们来讲讲dedecms系统安装后的初始状态下如何进行各项系统设置。 进入管理后台后,我们会看到系统的管理菜单,如下图所示: 通过菜单…

浏览器请求与响应全过程详解

3. 浏览器请求与响应全过程详解 前言 当在浏览器上输入一个网站链接时,它是如何运行将网页内容呈现在我们的浏览器上的呢? 本文旨在对www.yangoogle.com网页进行详细分析,了解浏览器展示内容的整个流程。下图是在网上检索到一个较清晰的流程…

android创建布局文件,android学习——Android Studio下创建menu布局文件

一、问题: android studio项目中没有看到menu文件夹: 在android studio项目中想要添加menu布局文件,一开始我的做法是:直接在res文件夹右键选择xml文件来添加,如下图: 但是会发现新建的布局文件好像很奇怪,不能添加menu以及item,如下图: 二、解决办法: 经过百度才知道…

当前比较流行的页面布局方式

1.固定宽度布局:当前各大网站的页面都是固定宽度布局。 优点:更好的适应当前市场上所有的设备:我们知道当前市面上主流的集中分辨率为以下几种 800*600 1024*768 1280*1024等属于普通显示器所支持的分辨率 1280*800 一般是14宽屏笔记本的最…

响应式 概念

 原文地址:http://isux.tencent.com/responsive-web-design.html 概念 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环…

【iOS架构】iOS ReactiveCocoa函数响应式编程

声明式编程 声明式编程(declarative programming)是一种编程范型,与命令式编程相对立。它描述目标的性质,让电脑明白目标,而非流程。声明式编程不用告诉电脑问题领域,从而避免随之而来的副作用,…

基于AntDesign Vue的响应式登录页面

为了做一个自己的前后端分离的后台管理系统,特地做了一下登录页面。大概的架子如下,后面需要替换一下顶部导航的信息。先大概贴一下代码,以后直接复制使用。整体的布局是自己写的样式,如果后面要替换为其他的UI框架,比…

Angular最新教程-第六节编写响应式导航栏

这节课我们讲解如何使用bootstrap 4 编写响应式布局。 参考图我们还是参照Angular中文社区http://www.angularjs.cn/ 图中标注红色的部分,我自己不是很喜欢,所以做了一点小改动。 他这里也没有做响应式布局,所以样式就不抄他的,我们自己重写。 首先我们先简要的分析一…

什么是响应式网页设计?响应式布局的实现原理

2019独角兽企业重金招聘Python工程师标准>>> 概念 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是…

【Bootstrap】两个常用布局,居中布局和全屏左右布局,响应式布局

居中布局 居中布局&#xff0c;上面为菜单&#xff0c;下面为内容&#xff0c;内容居中&#xff0c;无论屏幕多宽&#xff0c;内容总是在中间 代码 <!DOCTYPE html> <html> <head><meta http-equiv"Content-Type" content"text/html; cha…

响应式页面实现

响应式网页设计最初是由 Ethan Marcotte 提出的一个概念&#xff1a;为什么一定要为每个用户群各自打造一套设计和开发方案&#xff1f;Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等&#xff0c;它更…

移动端页面布局(响应式布局)以及meta标签的设置

响应式网站设计 什么是响应式布局? 1、服务器根据不同的浏览器用户端,为用户呈现不同的页面效果。 2、可以让一个网站兼容不同分辨率的设备,给用户更好的视觉使用体验。 3、移动互联网催生了响应式布局的诞生。 响应式设计优缺点 优点: 解决了设备之间的差异化展示,让不同的…

移动端基础及响应式布局

目录 1.移动端概述和hybird模式 2.响应式布局基础 3.响应式布局之流式布局 4.做移动端项目之前的准备 5.响应式布局demo 6.rem响应式布局 7.swiper的使用和轮播图 8.综合案例-微信场景应用 1.移动端概述和hybird模式 移动端&#xff1a;运行在移动设备上的产品 产品…

linux 透明图片,FreeImage 生成带透明通道的GIF

FreeImage 生成带透明通道的GIF 主要方法&#xff1a; 加载图像及读取参数 FreeImage_Load FreeImage_GetWidth FreeImage_GetHeight FreeImage_Allocate FreeImage_GetPixelColor FreeImage_SetPixelColor 保存GIF FreeImage_OpenMultiBitmap FreeImage_SetMetadata FreeImage…

freeimage转到cvmat 单通道图像转到3通道[freeimage][cvmat]

0 结果 1 代码 将freeImage转为cv::mat&#xff0c;代码如下&#xff1a; #include <FreeImage.h> #include <opencv2\opencv.hpp> using namespace cv;// #define _CRT_SECURE_NO_WARNINGS #pragma warning(disable : 4996) void FI2MAT(FIBITMAP* src, Mat&…

linux系统下替换图片,Linux(ubuntu系统)下使用FreeImage库

Linux(ubuntu系统)下使用FreeImage库 Linux(ubuntu系统)下使用FreeImage库 最近在搞一个图像处理的项目,需要用到FreeImage,之前在Windows下用过,很简单,因为FreeImage官网提供了可供使用的静态库动态库,直接包含就行了。现在需要在Linux平台下使用,发现官网并没有提供直…

计算机中缺失freeimage.dll,修复freeimage.dll

freeimage.dll是一款如果丢失会造成系统无法造成运行等问题的重要文件。今天久友下载站小编教大家一个修复freeimage.dll文件的方法&#xff0c;来久友下载站下载 freeimage.dll进行安装修复即可。Freeimage.dll是程序访问的组合文件&#xff0c;支持方便的程序打开&#xff0c…

Linux FreeImage安装编译

1.下载FreeImage 安照包 wget http://downloads.sourceforge.net/freeimage/FreeImage3170.zip #解压 unzip FreeImage3170.zip -d freeImage 2.对安装包进行编译 cd freeImagesudo make 类型转换错误解决&#xff1a; Source/LibRawLite/./internal/dcraw_common.cpp: 在…

c语言freeimage库文件,FreeImage使用方法amp;FreeImage Tutorial

前言 四大图像库&#xff1a;OpenCV&#xff1a;功能十分的强大&#xff0c;而且支持目前先进的图像处理技术&#xff0c;体系十分完善&#xff0c;操作手册很详细&#xff0c;手册首先给大家补计算机视觉的知识&#xff0c;几乎涵盖了近10年内的主流算法&#xff1b; http://s…

windows下FreeImage编译

windows下FreeImage编译 FreeImage下载 FreeImage下载地址 点击左边的“Download” 选择 “Download FreeImage 3.18.0 [WIN32/WIN64]” vs2019打开工程 下载后解压&#xff0c;直接打开&#xff1a;FreeImage.2017.sln 生成dll、lib文件 接下来编译C Wraper的 测试工程…