Micro Art2.0wordpress博客模板
主题介绍：
1、wordpress模板名称为：Micro Art2.0，中文意思是Micro Art。本主题是基于茶馆主题自行修改的主题。最好是没有皮肤等的免费投稿版，自己重写CSS实现所有功能。
2.基本功能包括。 Html5+Css3，对应设计，Retina设计，内置FontAwesome字体图标，内置Icomoon自定义字体图标，加载进度条，Ajax文章点赞按钮，Ajax评论回复...
3.基本结构包括。共有三种类型的文章：标准、状态和相册。共有三种类型的页面：默认页面、消息页面和存档页面。列分三种方式：两列、三列、四列。共有三个小工具区：底部隐藏区、左侧隐藏区和右侧显示区。有两个菜单区：LOGO下方的主菜单和LOGO右侧的自定义菜单。
主题使用：
1、由于wordpress模板采用了宽屏设计，文章特征图的尺寸最好大一些。建议宽度不小于1000像素，否则显示会模糊不合格。对于在哪里可以找到漂亮的图片，我推荐 unsplash。
2.如何设计自定义菜单其实很简单。首先创建一个自定义菜单，然后准备菜单列表，然后在主题目录includes/fonts/Loops/中有一张fonts.jpg的图片，每个字母代表字体图标。在“导航标签”中填写相应的字母，在“标题属性”中填写您要显示的提示文字。如果没有你想要的字体图标，你也可以从 Icomoon 下载。
3.如何创建音乐播放器，我这里使用的音乐播放器是wordpress 3.8之后构建的，写文章时先选择类型为“标准”，然后在“显示选项”中勾选“自定义栏”，在出现的“自定义栏”中，点击“进入新栏”，在名称栏填写“音乐”，在数值栏填写音乐的mp3路径，建议添加特色图片创建播放器时就结束，否则界面很单调。至于音乐链接从哪里获取，我推荐“七牛云”或“百度开发者中心”。
4.如何创建相册文章，首先在写文章时选择类型为“相册”，然后在“显示选项”中勾选“相册设置”，点击“添加图片”进行创建。
5. 主题有3个小工具区，如果是空的，每个区都是隐藏的。比如右边的widget区域如果没有widget区域，这个区域就会消失，文章区域会变得很宽。当左侧的小工具区域没有小工具时，您无法打开侧边栏。
6. 主题包含一个名为 SimpTip.css 的函数。就是鼠标经过自定义菜单时弹出的Tip的实现。您还可以使用它来自定义各种弹出提示。具体操作请参考插件官网。
7、wordpress模板包含萤火虫背景，通过html5的canvas功能实现。为了照顾手机的加载速度，在移动设备上默认不加载。如果不想显示，可以到includes/js/删除Plugins.js中circle_bg字段下对应的代码。
8.文章的Ajax like按钮需要单独安装一个插件。插件来自zilla-likes，但是我的插件修改为适合与主题一起展示，所以插件在主题的zilla-likes目录下。
9.其他插件的兼容性，除了“Say Comment Plug-in”已经测试没有问题，其他都测试过，目测不会有大问题。
10、左侧隐藏小部件区域，如果已经放置了新浪微博小部件，请勿放置其他小部件，否则会造成界面混乱。
11.在后台上传logo时，下面有个选项叫“logo视网膜”。如果logo是正常尺寸，选择“禁用”；如果徽标是两倍大小，请选择“启用”。
12.考虑到文章的特色图片比较大，增加了使用自定义栏目方式插入外链图片，节省空间，优化加载速度。这与插入音乐链接相同。写文章时先选择类型为“标准”，然后在“显示选项”中勾选“自定义栏”，在出现的“自定义栏”中点击“进入新栏”，填写“图片” "在name栏，在value栏输入图片的路径。如果同时使用外链特征图和wordpress特征图，会先显示外链特征图。
(Theme introduction:
1. The name of the wordpress template is: Micro Art2.0, which means Micro Art in Chinese. This theme is a self-modified theme based on the Teahouse theme. It is better for the free contribution version without skin and so on, and rewritten the CSS by myself to realize all the functions.
2. Basic functions include. Html5+Css3, corresponding design, Retina design, built-in FontAwesome font icon, built-in Icomoon custom font icon, loading progress bar, Ajax article like button, Ajax comment reply...
3. The basic structure includes. There are three types of articles: standard, status, and album. There are three types of pages: default, message, and archive. There are three ways to divide columns: two columns, three columns, and four columns. There are three small tool areas: bottom hidden area, left hidden area, and right display area. There are two menu areas: the main menu under the LOGO, and the custom menu on the right of the LOGO.
Theme use:
1. Since the wordpress template uses a widescreen design, the size of the feature image of the article is best to be larger. It is recommended that the width be not less than 1000 pixels, otherwise the display will be blurred and out of grade. For where to find beautiful pictures, I recommend unsplash.
2. How to design a custom menu is actually very simple. First you create a custom menu, and then prepare the menu list, and then in the theme directory includes/fonts/Loops/ there is a picture of fonts.jpg with the font icon represented by each letter. Fill in the corresponding letters in the "Navigation Label", and fill in the Tip text you want to display in the "Title Attribute". If there is no font icon you want, you can also download it from Icomoon.
3. How to create a music player, the music player I use here is built after wordpress 3.8, first select the type as "standard" when writing the article, and then check the "custom column" in the "display options" ", in the "Custom column" that appears, click "Enter a new column", fill in "music" in the name field, and enter the mp3 path of the music in the value field. It is recommended to add a featured image at the end when creating the player, otherwise the interface is very monotonous. As for where to get music links, I recommend "Qiniu Cloud" or "Baidu Developer Center".
4. How to create an album article, first select the type as "Album" when writing the article, then check "Album Settings" in "Display Options", and click "Add Picture" to create it.
5. The theme has three small tool areas, each area is hidden if it is empty. For example, if there is no widget area in the widget area on the right, the area will disappear and the article area will become very wide. When there are no gadgets in the gadget area on the left, you cannot open the sidebar.
6. The theme contains a function called SimpTip.css. It is the implementation of the Tip that pops up when the mouse passes over the custom menu. You can also use it to customize various pop-up Tips. For specific operations, please refer to the plug-in official website.
7. The wordpress template contains a firefly background, which is implemented through the canvas function of html5. In order to take care of the loading speed of the mobile phone, it is not loaded by default on mobile devices. If you don’t want to display it, you can go to includes/js/ Delete the corresponding code under the circle_bg field in Plugins.js.
8. The Ajax like button of the article needs to install a plug-in separately. The plug-in comes from zilla-likes, but my plug-in is modified to be suitable for display with the theme, so the plug-in is in the zilla-likes directory of the theme.
9. Compatibility of other plug-ins, except that the "Say Comment Plug-in" has been tested and there is no problem, the others are all tested, and there will be no major problems with visual inspection.
10. For the hidden widget area on the left, if the Sina Weibo widget has been placed, do not place other widgets, otherwise it will cause confusion in the interface.
11. When uploading the logo in the background, there is an option called "logo retina" below. If the logo is a normal size, select "Disable"; if the logo is twice the size, select "Enable".
12. Considering that the featured image of the article is relatively large, the use of custom column methods to insert external link images has been added, which saves space and optimizes the loading speed. This is the same as inserting a music link. First select the type as "standard" when writing the article, then check the "custom column" in the "display options", and in the "custom column" that appears, click "enter a new column" ", fill in "picture" in the name field, and enter the path of the picture in the value field. If you use both the external chain feature map and the wordpress feature map at the same time, the external chain feature map will be displayed first.)
页:
[1]