iDevs主题 – WordPress简单又漂亮的Pjax主题

亮点功能

  1. 轻巧简洁的设计风格
  2. 轻量化的安装体积(仅100K左右)
  3. 全PJAX无刷新操作(欢呼吧)
  4. 响应式的布局(不再赘述,可以亲自体验一下)
  5. 前台多皮肤更换(cookie会保存设置)
  6. 强劲的性能优化(iDevise的优良框架)
  7. 随机图片Banner(如果你的环境无法打开banner请留言,下版修改)
  8. Ajax评论,剩下的亮点留给爱发现的你吧

 

主题声明

主题首次实验性的加入了版权保护机制,请不要擅自删除主题版权,否则可能会引发一系列奇怪的后果。

你可以将版权恢复即可正常使用主题,如果实在无法接受我们的版权保护方式,请尝试更换其他主题。

希望大家能够理解免费主题开发者对版权的在意程度,也非常感谢大家对主题和设计笔记的支持。

 

使用说明

同iDevise主题,因为主题设置面板基本用不上几次,所以我没有对主题添加设置面板功能,而是把相关设置放到了个人资料里面。 友情链接和统计代码添加,请前往后台>用户>我的个人资料,最下方进行编辑,同时,文章和页面结束为止的介绍也是调用的个人资料,所以建议个人资料填写尽可能详细。

Art_Blog 唯品秀 – 一款精美绝伦的wordPress开源艺术主题 2023-01-05更新

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

更新说明:

feat: 修改ip地址转城市接口key

如何使用它

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最优)。

主题后台预览

碎言碎语

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源码中请不要去掉。

项目文件说明

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

WordPress插件更新“需要FTP账户权限”

要执行请求的操作,WordPress需要访问您网页服务器的权限。 请输入您的FTP登录凭据以继续。 如果您忘记了您的登录凭据(如用户名、密码),请联系您的网站托管商。

其实这是一个网站目录文件的权限问题,可以临时改成755权限,升级完成后再改回去就行了。

或者将网站目录文件的用户改成www权限,其实很多程序都需要www的权限。

网站根目录权限遵循:
文件644 文件夹755 ,权限用户和用户组www,其余文档777权限是不正常的
如出现文件权限问题时,请执行下面3条命令:

chown -R www.www /你的网站目录/
find /你的网站目录所在/ -type d -exec chmod 755 {} \;
find /你的网站目录所在/ -type f -exec chmod 644 {} \;

Art_Blog 唯品秀 – 一款精美绝伦的wordPress开源艺术主题

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

如何使用它

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最优)。

主题后台预览

碎言碎语

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源码中请不要去掉。

项目文件说明

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

WordPress一次性清空回收站的办法

WordPress回收站里有很多陈旧文章或者草稿,此时需要删除手动很花费时间,而且很累,通过数据库SQL命令,我们来轻松完成。

解决办法:

登录数据库管理后台,找到网站对应的数据库,在SQL中输入并执行以下语句:

delete from wp_posts where post_status="trash";

此外,一次性删除文章草稿的SQL语句为:

delete from wp_posts where post_status="draft";

如果想批量删除所有文章或者草稿:

delete
from
wp_posts
using
wp_posts,
wp_term_relationships,
wp_term_taxonomy
where
wp_posts.id=wp_term_relationships.object_id
and
wp_term_relationships.term_taxonomy_id = wp_term_taxonomy.term_taxonomy_id
and
wp_term_relationships.term_taxonomy_id = 1

提示:操作数据库前,记得备份数据库,安全首要。

WordPress代码高亮插件推荐

我们在写文章的时候,有时可能想分享一段代码或几句一行代码,在wordpress里,需要额外安装代码高亮插件才能达到需求,这里就来推荐几款比较不错的插件。

enlighter(优先推荐,站长正在使用)

wordpress官方插件页:Enlighter – Customizable Syntax Highlighter – WordPress 插件 | WordPress.org China 简体中文

 

Enlighter is a free, easy-to-use, syntax highlighting tool for WordPress. Highlighting is powered by the EnlighterJS javascript library to provide a beautiful code-appearance.

Using it can be as simple as adding a new Enlighter Sourcecode block (Gutenberg) and insert the code which you want to highlight: Enlighter takes care of the rest!

An easy to use Theme-Customizer is included to modify the build-in themes without any css knowlegde!
It also supports the automatic creation of tab-panes to display code-groups together (useful for multi-language examples – e.g. html+css+js)

插件功能

  • Full Gutenberg Editor Integration
  • Full Classic Editor Integration (TinyMCE)
  • 支持所有常用开发语言
  • Powerful generic highlighting engine for unknown languages
  • Theme Customizer
  • Inline Syntax Highlighting
  • Advanced configuration options are available within the options page.
  • Supports code-groups (displays multiple code-blocks within a tab-pane)
  • Extensible language and theme engines – add your own one.
  • Simple CSS based themes
  • Integrated CSS file caching (suitable for high traffic sites)
  • Full GDPR compliant – no external resources are required, no data will be aggregated

GUTENBERG EDITOR INTEGRATION

  • Full Editor Integration via “Enlighter Sourcecode” block
  • Inline Syntax Highlighting
  • Automatic transformations for classic editor posts (codeblocks converted to Enlighter Sourcecode block)
  • Transform legacy codeblocks to Enlighter Gutenberg Blocks (manual transformation)
  • Docs and Usage
  • Editor plugin repository

CLASSIC EDITOR (TINYMCE) INTEGRATION

MARKDOWN

  • Markdown fenced code blocks
  • Inline Syntax Highlighting via backtick code (including language specific addon)
  • Docs and Usage

COMPATIBILITY/MIGRATION

  • Crayon compatibility mode (use EnlighterJS highlighting for legacy Crayon codeblocks)pre
  • CodeColorer compatibility mode (use EnlighterJS highlighting for legacy CodeColorer shortcodes)
  • Jetpack markdown compatibility mode (generic or raw highlighting)
  • Gutenberg standard codeblock compatibility mode (no language attributes)

EXTENSIONS

  • bbPress shortcode + markdown code blocks support
  • Dynamic Content via jQuery Ajax.load
  • Dynamic Content via Jetpack.InfiniteScroll

TEXTEDITOR/SHORTCODES (LEGACY)

Shortcodes are deprecated and should be used in text editor mode only – never use them within Gutenberg Editor or Classic Editor!

  • Easy to use Text-Editor mode through the use of Shortcodes and QuickTags
  • Shortcodes within content, comments and widgets
  • Standalone Shortcode-Processor to avoid wpautop filter issues in Text-Editor Mode

SUPPORTED LANGUAGES (BUILD-IN)

In case your language is not available try the Generic Mode which covers a lot of programming languages – or request a new language on GitHub

相关链接

兼容性

All modern webbrowsers with enabled Javascript and HTML5 capabilities for “data-” attributes are compatible with Enlighter. It’s possible that it may work with earlier/other browsers.

  • Chrome 60+
  • Firefox 60+
  • Safari 11+
  • Edge Browser 10+

 

syntaxhighlighter

wordpress官方插件页:SyntaxHighlighter Evolved – WordPress plugin | WordPress.org

 

Description

Now with support for the new block editor in WordPress 5.0!

SyntaxHighlighter Evolved allows you to easily post syntax-highlighted code to your site without losing its formatting or making any manual changes. It uses the SyntaxHighlighter JavaScript package by Alex Gorbatchev.

For a live demo, see this plugin’s homepage.

For a list of supported languages (most widely used languages are supported), see the WordPress.com support document.

Development of this plugin is on GitHub.
Translation of the plugin into different languages is on the translation page.

As seen on WordPress.com.