WordPress主题分享-唯品秀前端技术博客Alt_Blog主题及使用教程
【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
好久没有分享WP的主题了,今天看到一个比较漂亮的主题,而且作者也非常不错的,完全开源,可以自己随意修改,代码托管在github上,下面给大家重点介绍一下。
演示图
托管地址
https://github.com/weipxiu/Art_Blog
作者网站:https://www.weipxiu.com/
运行环境
服务器:Apache
PHP版本:5.3以上7.2以下
WP版本:4.6以上版本
安装教程
本项目采用gulp自动化构建,可通过git克隆到本地,然后运行npm install
安装依赖,接着运行npm run build即可压缩打包整个项目,到dist
文件夹,如不需要打包压缩代码等一系列工具功能可直接下载即可,然后找到项目文件的dist目录,里面即是已打包好的主题源码
将下载或克隆好的项目中的dist文件名命名为Art_Blog
,然后将整个文件夹上传到线上:/htdocs/wp-content/themes/
目录下,可能有的小伙伴说找不到htdocs目录,htdocs是阿里云虚拟主机的叫法,如果你是服务器,通常叫www或htdocs甚至是www/htdocs/,具体根据你的服务器供应商实际情况来。
当然你也可以直接将Art_Blog压缩后将压缩包直接在网站后台上传主题,然后启用主题,注意,因为我没有每次打包项目去检查压缩包解压安装脚本,所以这种方式你可能有时候上传主题最终显示解压失败,这种情况不是主题源码问题,你可以通过git克隆项目到本地,然后自己npm run build打包一遍出来,就不会报错了。或者还是之前那个方式,直接将主题Art_Blog文件夹上传到/htdocs/wp-content/themes/
目录下,然后去启用,这种不会报错。
后台配置
启用唯品秀Art_Blog主题后,在后台设置>常规中设置自己网站标题、副标题、邮箱等信息,然后到外观>唯品秀主题设置,设置站点域名地址(必须的)、公告、底部等信息
注意:移动端会使用副标题作为顶部固定标题,你的QQ和邮箱将会设置到一些地方,比如交换友链时候是像你邮箱发邮件给你申请,侧边栏客服QQ都来源你的设置,更多可自行在后台尝试体会
文件说明
│ page-time.php //穿梭机(单页)│ page-about.php //关于博客(单页)│ page-message.php //碎言碎语(单页)│ page-reminder.php //低版本浏览器重定向│ category.php //通用列表模板│ comments.php //评论模块│ favicon.ico //网页浏览器标签icon│ footer.php //公共底部│ functions.php //主题核心函数│ header.php //公共头部│ index.html //测试页面│ index.php //首页│ page.php //通用单页模板│ screenshot.png //wordpress主题展示图片│ search.php //搜索模板│ sidebar.php //右侧栏目│ single.php //文章详情│ style.css //PC端样式│ thanks.php //特别鸣谢(单页)│ theme-options.php //主题后台配置│ ├─css│ PingFangSC-Regular.woff //字体文件│ sf-pro-display_medium.woff2│ sf-pro-display_regular.woff2│ sf-pro-display_semibold.woff2│ sf-pro-text_bold.woff2│ sf-pro-text_regular.woff2│ sf-pro-text_semibold.woff2│ style-ios.css //手机端样式│ style-ipd.css //ipd平板样式│ swiper.min.css //移动端轮播swiper样式│ video-js.css //视频插件样式 │ ├─images //公共图片资源│ ├─js│ │ ajax_wordpress.js //分页ajax刷新│ │ canvas-nest.min.js //canvas背景图插件│ │ date.js //时光机数据│ │ index.js //整个网站全局js│ │ javascript.js //只针对首页js文件│ │ jquery-2.1.4.min.js // 公共js库│ │ rem.js //移动端自适应适配│ │ swiper.min.js //移动端的swiper轮播插件│ │ │ ├─video.js │ │ video.min.js //视频插件│ │ videojs-ie8.min.js│ │ zh-CN.js│ │ zh-CN.json│ │ │ └─xfg_banner //PC端首页banner│ banner-effect.js│ banner.js│ effect.js│ jquery.min.js│ utils.js│ └─music //导航音频文件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 | │ page-time.php //穿梭机(单页)│ page-about.php //关于博客(单页)│ page-message.php //碎言碎语(单页)│ page-reminder.php //低版本浏览器重定向│ category.php //通用列表模板│ comments.php //评论模块│ favicon.ico //网页浏览器标签icon│ footer.php //公共底部│ functions.php //主题核心函数│ header.php //公共头部│ index.html //测试页面│ index.php //首页│ page.php //通用单页模板│ screenshot.png //wordpress主题展示图片│ search.php //搜索模板│ sidebar.php //右侧栏目│ single.php //文章详情│ style.css //PC端样式│ thanks.php //特别鸣谢(单页)│ theme-options.php //主题后台配置│ ├─css│ PingFangSC-Regular.woff //字体文件│ sf-pro-display_medium.woff2│ sf-pro-display_regular.woff2│ sf-pro-display_semibold.woff2│ sf-pro-text_bold.woff2│ sf-pro-text_regular.woff2│ sf-pro-text_semibold.woff2│ style-ios.css //手机端样式│ style-ipd.css //ipd平板样式│ swiper.min.css //移动端轮播swiper样式│ video-js.css //视频插件样式 │ ├─images //公共图片资源│ ├─js│ │ ajax_wordpress.js //分页ajax刷新│ │ canvas-nest.min.js //canvas背景图插件│ │ date.js //时光机数据│ │ index.js //整个网站全局js│ │ javascript.js //只针对首页js文件│ │ jquery-2.1.4.min.js // 公共js库│ │ rem.js //移动端自适应适配│ │ swiper.min.js //移动端的swiper轮播插件│ │ │ ├─video.js │ │ video.min.js //视频插件│ │ videojs-ie8.min.js│ │ zh-CN.js│ │ zh-CN.json│ │ │ └─xfg_banner //PC端首页banner│ banner-effect.js│ banner.js│ effect.js│ jquery.min.js│ utils.js│ └─music //导航音频文件 |
[主题]历史优惠活动内容
猜你可能想看的VPS
- 限量抢 iON→1 核 2GB 40GB SSD 1TB 洛杉矶套餐年付全球[VPS测评]
- Albahost→可注册.al 域名 年付 11 欧 有不少还不错的前缀全球[VPS测评]
- SKB Enterprise→€25 月 i3-8100 8G 内存 2全球[VPS测评]
- 腾讯云秒杀→云服务器 1C1G1M 年付 99 元起 2C4G6M 三年全球[VPS测评]
- 微基主机 7 月促销→美国主机 65 折优惠 日本 CN2 VPS 首月日本VPS[主机]
- 圆心网络→20 元 月 XEN-512MB 30GB 3M 香港香港VPS[主机]
- 按时计费 $3.5 月 1G 内存 15G SSD 1TB 流量@1Gb全球[VPS测评]
- 特价服务器 hostsolutions→2*E5-2450 32G 48全球[VPS测评]
- RUVDS→30 卢布 月-512MB 10GB 无限流量 俄罗斯全球[VPS测评]
- JQuery 中 serialize 方法不提交隐藏元素全球[VPS测评]
- 五月便宜 数脉科技→香港独立服务器 月付 272 元 随机配置最低 E3独立服务器[U]
- JGKVM 五一劳动节专场促销,香港 cmi 日本 cn2 美国 cn2日本VPS[主机]
- raksmart 四月促销,美国服务器免费送 10G 防御 美国站群买一站群服务器[IP]
- servaRICA→$15 月 3 核 3GB 内存 2TB 空间 不限虚拟空间(主机)
- php 从数组中返回一个随机值全球[VPS测评]
- Kuai Che Dao→$168 季 1GB 内存 10GB SSD 虚拟空间(主机)
- 解决Debian9系统环境中文乱码的问题 检查设置UTF-8编码全球[VPS测评]
- WebHorizon新上东京节点,OpenVZ VPS年付最低$10.5全球[VPS测评]
- 德国 vps 商家 contabo 买 VPS 就送 200G 和 40全球[VPS测评]
- 缓解云计算人才焦渴,苏州工业园区用三年引得源头活水来全球[VPS测评]
- 快速云:云计算分类和云计算的特点全球[VPS测评]
- 云计算的三种服务模式,SaaS和PaaS的区别在哪里?全球[VPS测评]
- 香港云服务器的优势有哪些方面香港VPS[主机]
- 什么是云服务器?云服务器怎么登陆?全球[VPS测评]
- 极客主机,优惠8折充值返25%,香港CN2VPS,日本软银VPS,新加坡日本VPS[主机]
- 景林网络:香港CN2vps,1核1G3M月付35元;美国高防vps,48美国VPS[主机]
- 阁天互联怎么样?香港cn2云服务器 圣何塞cn2vps仅20/月香港VPS[主机]
- 华凯易佰同比扭亏跨境电商行业回暖H2旺季将至中报追踪全球[VPS测评]
- 港网科技怎么样?国内BGP云主机,2核2G5M带宽仅377.46元/年全球[VPS测评]
- vpsplayer:新年活动_vps全部7.5折起_深圳BGP/美西Ce香港VPS[主机]
转载请注明原文地址:https://www.motoll.com/read-20862.html