Giter Site home page Giter Site logo

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

Mr. li's Projects

996.icu icon 996.icu

Repo for counting stars and contributing. Press F to pay respect to glorious developers.

aplayer icon aplayer

:lollipop: Wow, such a beautiful HTML5 music player

art_blog icon art_blog

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

axeadmin-laravel icon axeadmin-laravel

一个扩展,在已有的项目里,快速搭建一个可用的管理后台

bidders icon bidders

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

bootstrap-table icon bootstrap-table

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)

card-system icon card-system

卡密商城系统,高效安全的在线卡密商城

datepicker icon datepicker

A C-End Date Selector Component Based on Vue Development.

gulp icon gulp

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

hosts icon hosts

镜像:https://coding.net/u/scaffrey/p/hosts/git

hosts-1 icon hosts-1

:statue_of_liberty:最新可用的google hosts文件。国内镜像:

koa icon koa

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

mpvue icon mpvue

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

new-pac icon new-pac

科学/自由上网,免费ss/ssr/v2ray/goflyway账号,搭建教程

nuxtjs icon nuxtjs

学习nuxtjs是有必要的,如果你是需要用vue做前台项目的话,又如需要优化首屏加载时间等,nuxtjs拥有良好的开箱即用机制,只需要通过较为短暂的学习成本即可获取相应技能。这或许就是vue.js的魅力

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.