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
- Ramnode 充值送 25% KVM 月费 3 美元起 支持小时计费 全球[VPS测评]
- layer 弹出框中 icon 数字代表的图片全球[VPS测评]
- 疯狂猜成语 图猜成语一个寸字一个步字在一个圆圈里是什么成语?全球[VPS测评]
- 新商家慎重-SKB Enterprise→€1.49 月 1 核 1G4全球[VPS测评]
- 搬瓦工 512M 小内存补货→1Gbps 带宽 cn2 gia 直连 $全球[VPS测评]
- Krypt→ION 平台圣何塞节点上线 8 折优惠码 CN2 优化全球[VPS测评]
- SoYouStart - Summer Deals 独立服务器夏季促销独立服务器[U]
- VPC.kr→$14.99 月 100G 流量 200Mpbs 宽带 全球[VPS测评]
- linux 下开启 SSH 允许 root 用户远程无密码登录全球[VPS测评]
- 微信群找不到了怎么办?全球[VPS测评]
- 轻云互联→99 元 年 2 核 1GB 内存 20GB SSD 空间 不虚拟空间(主机)
- MySQL 查询结果插入到另外一张表中的方法全球[VPS测评]
- 2019 年搬瓦工最新网址全球[VPS测评]
- Cloudflare 防火墙自动屏蔽 IP 到和自动 5 秒盾脚本防 C全球[VPS测评]
- Contabo德国老牌商家新上新加坡数据中心,前1000名用户免设置费;美国VPS[主机]
- HostKvm 2021开年 香港国际/洛杉矶CN2七折优惠,其它业务全香港VPS[主机]
- VPS服务器开源 PHP 探针X 探针(刘海探针)介绍全球[VPS测评]
- Virmach 2019中国新年促-512M 10G ssd 500G年全球[VPS测评]
- TPE海缆故障通报-完成修复全球[VPS测评]
- idc.wiki 160M内存 3G硬盘 400G流量 100M带宽 K全球[VPS测评]
- 宝塔面板在香港服务器安装启动不了nginx怎么办?香港VPS[主机]
- 文物、沉船、村落!干旱导致大量遗迹重见天日 2022年干旱还要持续多久?全球[VPS测评]
- 腾讯会议故障了 提示:会议发生异常请重新加入会议全球[VPS测评]
- diyvm:香港vps/美国vps/日本vps/2核/2G内存/5M带宽日本VPS[主机]
- UCloud海外云服务器促销:全场1折起,香港cn2vps最低年付150香港VPS[主机]
- GreenCloudVPS:5折、6折优惠,日本、新加坡、香港等KVM 日本VPS[主机]
- 为什么阿里云、腾讯云卖服务器可以挣到钱?全球[VPS测评]
- Linux系统下安装Java JDK全球[VPS测评]
- MoonVM,香港HKT家宽VPS服务器,动态IP一键切换,1G带宽任意香港VPS[主机]
- Vmshell:香港vps调整,流量提升至500GB/月,带宽200MB香港VPS[主机]
转载请注明原文地址:https://www.motoll.com/read-27355.html