Art_Blog – WordPress响应式主题[WordPress主题]

Art_Blog – WordPress响应式主题[WordPress主题]

基于Js + jquery2.1.4 + H5 / CSS3响应式+ WordPress后台开发，每天活人访问量500-800 + IP，百度权重2，百度，Google收录链接突破1800+条，前完全完全独立制作，现主题开源给所有小伙伴免费使用，如使用过程有任何问题，欢迎打扰，原创不易，如喜欢，请多多打赏。

• 主题介绍：Github
• 主题预览： https://www.weipxiu.com/
• 主题版本：2.6.0

如何使用它

I，本项目采用gulp自动化构建，推荐通过git克隆到本地，然后运行npm install安装依赖，然后运行npm run build即可压缩打包整个项目到dist文件夹（很容易，这一切需要你电脑安装了Node.js以及git工具）。当然，如不需要打包压缩代码等各种工具功能可直接下载即可，同样找到项目文件的dist目录，里面即是已打包好的主题源码

II，将dist文件名命名为Art_Blog（这是必须的），将整个文件夹上传到线上：/htdocs/wp-content/themes/目录下。也可以将改好名字的Art_Blog文件夹压缩成Zip文件通过后台主题上传，最后后台启用主题

III，运行环境条件：虚拟主机/云主机环境选择优先使用Apache，wordPress版本≥4.6，≥5.3服务器php版本≤php7.2，如果出现报错，请尝试切换php版本，阿里云虚拟主机升级php7.x报错处理，注意：请尽快使用云服务器而不要使用虚拟主机

IV，启用唯品秀Art_Blog主题后，在设置>常规中设置自己的网站标题，副标题，邮箱等信息，然后到外观>唯品秀主题设置，设置站点域名地址，公告，底部等信息

V，在后台>外观>菜单中管理你的导航栏

VI，更多详细教程点击：唯品秀前端技术博客主题使用教程？;枯燥文档还是不知道说的啥简洁教程视频链接，4drw

，如若喜欢，请多多打赏，您的认可与支持将是我前进的最大动力！

碎言碎语

I，wordPress主题制作有特殊要求，例如主题根目录必须存在header.php，index.php，footer.php，style.css，否则主题认为“不完整”，无法安装。放不合理，存在必定最大化

II，为了用户最佳浏览体验，该主题对≤IE8作了屏蔽重定向，≥IE9版本可能无法完整展示CSS3效果，但会试图兼容到不影响阅读

III，基于css文件作了根据终端分割，所以你会看到主题目录dist> css文件夹中有style-ios.css，style-ipd.css两个文件，没错，三端样式完全独立，不重用，有利有弊，不做过多评论

IV，原始码开放供大家使用并修改，但在使用过程中底部请保留“唯品秀”版权说明，即：在footer.php源码中请不要去掉：

蓝奏：https://lanzoui.com/i8okfbi

项目文件说明

│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 //视频插件样式     
│          
├─图片//公共图片资源
│      
├─js
││ajax_wordpress.js //分页ajax更新
││canvas-nest.min.js //画布背景图插件
││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
│          
└─音乐//导航音频文件