• Stars
    star
    492
  • Rank 89,168 (Top 2 %)
  • Language
    PHP
  • License
    Mulan Permissive ...
  • Created almost 8 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

WordPress响应式免费主题,Art_Blog唯品秀博客(weipxiu.com),开源给小伙伴免费使用,如使用过程有任何问题,在线技术支持QQ:343049466,欢迎打扰。原创不易,如喜欢,请多多打赏。演示:

wordPress PHP jQuery layui iconfont video.js Swiper

一款精美绝伦的wordPress开源艺术主题,历时五年光阴洗礼,每段代码皆不忘初心,炫彩夺目奢华外表的同时,更有一颗懂你的心,立即下载安装

温馨提示

  • 因Github访问问题,该仓库于2022年7月5日起停止更新,仓库代码迁移至gitee码云,地址

如何使用它

I、基本用法

  • 方式一:点击下载Zip压缩包,后台上传主题包,启用主题即可。
  • 方式二:将项目下载,根目录找到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最优),论一个网站服务器性能重要性

IV、更多详细教程点击:主题使用教程;文档枯燥?教程视频4drw

V、主题开源,唯一支持作者的方式是下方打赏[支付宝/微信],您的认可与支持将是我前进的最大动力!!!

主题后台配置预览

avatar

碎言碎语

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,微信同号,加好友请备注

项目文件说明

│  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_wordpress.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导航音频文件

More Repositories

1

Vue-vuex

有关vuex的最佳实践,包括基本vuex用法、异步action,以及更高级的辅助函数mapState、mapGetters、mapActions,modules模块分割,命名空间,全局和局部的state数据修改进行函数封装,你想到的没想到的,我都尝试过。
Vue
77
star
2

Vue-Router

世上最完整的vue-router配置demo,包含了有关vue-router所有相关核心知识点,一个需求多种解决方式的体现,据说配置出了一朵花儿,不服来战!
Vue
71
star
3

gulp

gulp自动化项目构建,自动化文件拷贝、压缩图片、css、js,less语法糖编译、包括文件修改watch实时监控等等。只要你喜欢,上百个自动化工具插件供你玩耍。
JavaScript
34
star
4

Vue-ssr

The asyncData hook is called by the service data of all Vue before ready, and after the data is obtained to update the vuex, when we render the Vue component, the component gets all the store data of all the vuex and splits into a HTML string.
Vue
25
star
5

Vue-component

组件模块高复用,对于大型项目是完全有必要的,在此封装了一个网站最常用的消息提示弹窗组件,包括预设4种状态模式info、success、 error、 warning,点击关闭执行回调函数,内容可通过slot分发自定义。
Vue
22
star
6

vuePress

想知道vue.js官网是怎么搭建的吗?是否想过发布一个类似属于自己的教程,博客网站?赶紧一窥究竟吧!
10
star
7

mpvue

小程序,新玩法,据说能做到一套代码五端可用(H5、小程序、PC、苹果App、安卓App),使用mpvue实现小程序,weex打包APP,快来尝鲜体验吧;微信小程序搜索:Douban电影预告,即可打开当前在线项目(审核问题,线上版本代码可能较老,建议clone本地运行)
JavaScript
4
star
8

bidders

嵩恒网络科技有限公司拍卖系统 基于vue.js2.x + cli 3.0 + Element UI开发
Vue
3
star
9

koa

Koa2+Nodejs+MongoDb 前后端全栈项目实战(Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石)
JavaScript
3
star
10

Node-express-blog

玩转node+express,打造个人博客系统
JavaScript
2
star