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
- 优惠活动 ¥82.8 3 月 4G 内存 40G 硬盘 1M 不限量 8全球[VPS测评]
- 绕美国-NexusBytes→$3 月 2GB 内存 25GB SSD 虚拟空间(主机)
- 桔子数据→28 元 月 1GB 内存 40GB SSD 空间 500GB虚拟空间(主机)
- 重要消息 Virmach 开始放 10 美元 年以下的 VPS 了 目前全球[VPS测评]
- 补货通知 搬瓦工洛杉矶机房双向 CN2 GIA 线路 46.87 美元每全球[VPS测评]
- 搬瓦工 DC9(CN2 GIA)补货 年付 37.8 美元 支持支付宝全球[VPS测评]
- 阿里云服务器 9 月 2 折 2 核 8G 5M 独享 不限流量 300全球[VPS测评]
- Debian Ubuntu 内核降级教程-降低(BBR)为支持锐速的内核全球[VPS测评]
- Kdatacenter→韩国 KVM-1GB 100GB SSD 500韩国VPS[主机]
- XKCDN→亚洲 美国等节点 不限流量 月付 0.99 元;有国内节点美国VPS[主机]
- revenueserver 荷兰无视版权抗诉vps 独立CPU资源/1G独立服务器[U]
- AlphaVPS 黑五 1GB内存 2核CPU 1T流量 免费赠送DA面全球[VPS测评]
- ZJI 黑五促销 阿里双线下单立减350元 香港葵湾高防立减1500元香港VPS[主机]
- WebPlot法国OVH机房 ,500G DDoS防御,不限流量,首月1全球[VPS测评]
- #补货#Buyvm:AMD Ryzen平台 1核512M DDR4/10全球[VPS测评]
- 七安云怎么样?香港CN2+BGP线路VPS 1核1G10M 16/月香港VPS[主机]
- 2022年最新的15个美容院抖音文案,美容院文案怎么写全球[VPS测评]
- 为什么大家都选择香港服务器建站香港VPS[主机]
- 傲闪云vps,1核1G低至10元起,国内高防/香港CN2/美国CN2/美美国VPS[主机]
- JGKVM:1核/512M/30G/600G/30Mbps/洛杉矶CN2全球[VPS测评]
- 六六云,2核2G香港云服务器/1000GB流量/50Mbps端口/KVM香港VPS[主机]
- Centos7的firewall 防火墙如何设置端口转发?全球[VPS测评]
- 华凯易佰同比扭亏跨境电商行业回暖H2旺季将至|中报追踪全球[VPS测评]
- 购买香港服务器需要做哪些准备香港VPS[主机]
- UOVZ怎么样?香港30M大带宽VPS 直连线路月付50元香港VPS[主机]
- 腾讯云轻量应用服务器128元/年,香港免备案vps/30M大带宽/100香港VPS[主机]
- wikihost,微基主机服务,100M带宽香港CMIVPS,5G防御,香港VPS[主机]
- 蓝队云服务器怎么样?蓝队云服务器价格和优势是什么?全球[VPS测评]
- 无忧云,香港VPS全线5折促销,四川高防服务器/大连BGP/德阳高防/深香港VPS[主机]
- RAKsmart促销活动:韩国服务器低价抢购,美国G口服务器低至$99,韩国VPS[主机]
转载请注明原文地址:https://www.motoll.com/read-24111.html