# Art_Blog **Repository Path**: nianbaa/Art_Blog ## Basic Information - **Project Name**: Art_Blog - **Description**: WordPress响应式免费主题,Art_Blog唯品秀博客(weipxiu.com),开源给小伙伴免费使用,如使用过程有任何问题,在线技术支持QQ:343049466,欢迎打扰。原创不易,如喜欢,请多多打赏。演示:https://www.weipxiu.com - **Primary Language**: JavaScript - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 3 - **Created**: 2022-10-09 - **Last Updated**: 2022-10-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

wordPress PHP jQuery layui iconfont video.js Swiper

一款精美绝伦的wordPress开源艺术主题,历时五年光阴洗礼,每段代码皆不忘初心,炫彩夺目奢华外表的同时,更有一颗懂你的心 ## 如何使用它 I、基本用法 - 方式一:[点击下载Zip压缩包](https://gitee.com/weipxiu/Art_Blog/blob/master/Art_Blog.zip?_blank),后台上传主题包,启用主题即可。 - 方式二:将项目下载,根目录找到dist文件夹下Art_Blog整个`文件夹`、通过FTP上传至:`/根目录/wp-content/themes/`目录下,启用主题 - 注:`推荐使用方式二` II、当然,本项目采用gulp4自动化构建,推荐通过git克隆到本地,电脑全局安装gulp,然后运行`npm install`安装依赖,接着运行npm run build即可压缩打包整个项目到`dist`文件夹(显然,这一切需要你电脑安装了Node.js以及git工具,node版本控制在v12.x为宜,更多自测),dist里的文件就是Art_Blog.zip里的文件 III、运行环境条件:1、优先采用云服务器而不是虚拟主机,2、wordPress版本≥4.0,服务器php版本≥5.6,3、如果出现意外报错,可尝试切换php版本(自测v7.2最优),[论一个网站服务器性能重要性](https://www.weipxiu.com/3246.html?_blank) IV、更多详细教程点击:[主题使用教程](https://www.weipxiu.com/3355.html?_blank);文档枯燥?[教程视频](https://pan.baidu.com/s/1WdiCn__A6xQC3V9ddRSN6g?_blank),`4drw` V、主题开源,唯一支持作者的方式是下方打赏[支付宝/微信],您的认可与支持将是我前进的最大动力!!!

## 主题后台配置预览 ![avatar](https://www.weipxiu.com/wp-content/themes/Art_Blog/images/wp_theme_config.png) ## 碎言碎语 I、wordPress主题制作有独特规范,如主题根目录必须存在header.php、index.php、footer.php、style.css,否则主题视为"不完整",无法安装。 因此不用觉得某些文件不合理,存在即有意义 II、```v2.9.0后不再对IE额外兼容```,如需兼容IE9及以上系列可下载之前老版本 III、CSS文件基于终端做分割,因此你会看到主题目录dist > css文件夹中有style-pc.css、style-ios.css、style-ipd.css三个文件,没错,三端样式完全独立不重用,不过你完全不用过分担心,打包后多端样式会合并压缩到style_min.css,代价可控,有利有弊,不予置评 IV、源码开放供大家使用并修改,但在主题使用过程中底部请保留"唯品秀"版权字样,即:在footer.php源码中请不要去掉:

本站主题由WEIPXIU.COM免费提供

V、主题不定期优化,如若在使用过程中出现问题自己无法解决情况下可直接与我联系,免费在线技术支持QQ:343049466,微信同号,加好友请备注 ## 项目文件说明 ``` bash │ page-time.php //穿梭机(单页) │ page-about.php //关于博客(单页) │ page-message.php //碎言碎语(单页) │ page-reminder.php //低版本浏览器落地页 │ category.php //通用文章列表模板 │ comments.php //评论模板 │ favicon.ico //网页浏览器标签icon │ functions.php //主题核心函数 │ header.php //公共头部 │ footer.php //公共底部 │ common.php //公共引入文件(js、css) │ index.html //测试页面(忽略) │ index.php //首页 │ page.php //通用单页模板 │ screenshot.png //wordpress主题展示图 │ search.php //搜索模板 │ sidebar.php //右侧栏目 │ single.php //文章详情 │ style.css //主题必备描述文件 │ theme-options.php //主题后台配置 │ ├─css │ main.css //多端全局 │ style-pc.css //PC端 │ style-ios.css //手机端 │ style-ipd.css //ipd端 │ swiper.min.css //移动端轮播 │ video-js.css //视频插件 │ codecolorer.css //文章页代码高亮 │ login.css //后台登录页面 │ style-admin.css //后台系统自定义 │ ├─font │ sf-pro-text_regular.woff2 //字体包 │ ├─images //公共图片资源(含表情包) │ ├─js │ │ ajax_load.js //分页ajax刷新 │ │ canvas-nest.min.js //canvas背景图插件 │ │ index.js //整个网站全局js │ │ javascript.js //只针对首页js文件 │ │ jquery-2.1.4.min.js // 公共js库 │ │ rem.js //移动端自适应适配 │ │ swiper.min.js //移动端的swiper轮播插件 │ │ │ ├─video.js │ │ video.min.js //视频插件 │ │ │ └─banner │ banner-effect.js //PC端首页banner │ └─music //3D导航音频文件 ```