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
- GigsGigsCloud→$88 年 500MB 内存 10GB SS虚拟空间(主机)
- 企鹅小屋→350 元 月 E3-12XX 16GB 内存 1TB 硬盘 香港VPS[主机]
- RAKsmart→$46 月 I3-2120 8GB 内存 1TB 硬盘全球[VPS测评]
- Skynode→€19 月 i3-2120 16G 内存 1TB 硬盘 全球[VPS测评]
- 禁止 input 输入框显示用户历史输入记录全球[VPS测评]
- TmhHost→400 元 月 X3450 8GB 内存 240GB S香港VPS[主机]
- 闪购 RackNerd→1 核 768M 内存 20G SSD 3T 流全球[VPS测评]
- Ramnode 充值送 25% KVM 月费 3 美元起 支持小时计费 全球[VPS测评]
- TP3.*版本 Class 'ThinkLog' not found 错全球[VPS测评]
- MySQL:1248 - Every derived table mus全球[VPS测评]
- 大盘机 $7.49 月 1G 硬盘 1T 硬盘 2T 流量 1Gbps 全球[VPS测评]
- 腾讯云免费领代金券→个人专享 3000 元 企业 6888 元 云服务器全球[VPS测评]
- Linux 系统 cp 命令详解全球[VPS测评]
- WordPress插件:nix-gravatar-cache汉化版实现G全球[VPS测评]
- WordPress博客网站搜索引擎优化需要注意几个SEO细节全球[VPS测评]
- dynadot国外域名注册商 .xyz域名首年注册仅8元,两年付52元;全球[VPS测评]
- StockVPS 纽约机房 512m内存15g硬盘500g流量100m带全球[VPS测评]
- 我爱水煮鱼WordPress SEO 宝典:怎么才能让你的博客流量增长1全球[VPS测评]
- simplyhosting → 11£ 月 1C1G35G硬盘 英国 1全球[VPS测评]
- NicoVM → 618 促销小鸡评测全球[VPS测评]
- 什么是VPS?国内VPS有哪些?全球[VPS测评]
- 春天的风最容易温暖心灵,适合朋友圈和抖音的12条文案全球[VPS测评]
- 九零云怎么样?香港将军澳VPS,美国圣何塞VPS 2核1G10M 47/美国VPS[主机]
- 空空云怎么样?香港CN2-GIA VPS,带宽2M,月付15元香港VPS[主机]
- 性价比最高的VPS网络评测全球[VPS测评]
- 印象云:1核/1G/40G固态/800G/50Mbps/洛杉矶高防vps全球[VPS测评]
- 德斯拉科技:香港物理机900元/月,香港VPS/E5CPU,88元起,美美国VPS[主机]
- 水墨云:2021年特惠活动_IPLC专线/海外CN2/香港/日本/韩国/日本VPS[主机]
- 易科云:香港cn2 vps,洛杉矶 cn2云主机;全场月付9折/季付8折香港VPS[主机]
- 2.45亿、成都公安(大数据基座-服务器)采购:神码、虹信、海康、超聚变全球[VPS测评]
转载请注明原文地址:https://www.motoll.com/read-30595.html