Before we start, let’s take a look at a screenshot and think about a question. The screenshot is as follows. The question is: What kind of trouble does it take to make the following layout? How much time will it take? Which version of IE browser is it compatible with?
There are several such modules on a website. Fortunately, if there are many such modules on a website, if you follow the generalWordPress theme developmentMethod, such a site is bound to create a lot of repetitive code. In order to solve this problem and speed up the development of CMS themes, I developed a plug-in – Wizhi CMS.
The Wizhi CMS plug-in adds call tags commonly used by some Chinese CMS systems in the form of shortcodes, such as the template tag function in Dreamweaver, PHPCMS and other systems.
I saw in Baidu statistics that some friends were searching for “WordPress Wizhi CMS Demo”, because this plug-in mainly helps customersCustom development WordPressIt is used on the website, so the demo theme cannot be released directly, but the demo code can still be shared.
CSS grid system
The CSS grid system based on Yahoo’s Pure CSS 0.4.2 can easily create adaptive grids of various widths. There are no endless width settings, and you only need to adjust the detailed styles.
It also includes some basic styles such as media, list, form, button, etc. If you are interested, you can view the source code and use it.
Display an article title list module
If you add an article title list module, you only need to write like this:
parameter:
- type: alias of custom post type, default is post
- tax: alias of custom taxonomy, default is category
- tag: the alias of the classification item of the custom taxonomy, the default is default
- num: the number of articles displayed, the default is 6
- cut: The number of characters that the title automatically truncates, the default is 26
- heading: Whether to display the title with the custom taxonomy classification item as the name, including a “more” link. If the tax or tag parameters are not set, the title will not be displayed.
- time: Whether to display the time when the article was published, the default is not to display, set to true to display
Display a graphic and text list module
If you want to display a list of images and text for an article, just write this:
Compared with the title_list above, the following parameters are added:
- thumbs: Displayed thumbnail size, default is thumbnail
- class: CSS class on the attached image and text list, the default is “pure-u-1-4”, 4 articles are displayed in one column.
- position: The position where the image is displayed. If not set, it will be displayed at the top of the article by default. The optional options are “left” to be displayed on the left side of the article or “right” to be displayed on the right side of the article.
Display a Slider module
parameter:
- type: alias of custom post type, default is post
- tax: alias of custom taxonomy, default is category
- tag: the alias of the classification item of the custom taxonomy, the default is default
- num: the number of articles displayed, the default is 6
- cut: The number of characters that the title automatically truncates, the default is 26
- thumbs: Displayed thumbnail size, default is tumbnails
- For other parameters, please refer to the bxslider official documentation.
Display a Carousel module
parameter:
- type: alias of custom post type, default is post
- tax: alias of custom taxonomy, default is category
- tag: the alias of the classification item of the custom taxonomy, the default is default
- num: the number of articles displayed, the default is 6
- cut: The number of characters that the title automatically truncates, the default is 26
- thumbs: Displayed thumbnail size, default is tumbnails
- minSlides: The minimum number of pictures displayed by Carousel when the screen becomes smaller
- maxSlides=”4″ When the screen becomes larger, the maximum number of pictures displayed by Carousel
The plugin only includes some basic styles, so it looks a bit ugly. The theme is responsible for the appearance of the website, so please customize the style directly through CSS.
The plug-in also adds some practical functions, such as creating custom taxonomy functions for article types, paging functions, etc.
Quickly add article types and taxonomies
If you need to add an article type, just add the following code to the theme’s functions.php.
if ( function_exists ("wizhi_create_types")) {
wizhi_create_types( "pro", "产品", array( 'title', 'editor', 'author', 'thumbnail', 'comments' ), true );
}parameter:
- pro: Custom article type alias
- Product: Custom post type name
- array(): Article fields supported by custom article types
- true: Whether it is a public custom article type. If it is false, the article type cannot be seen in the front and backend and cannot be queried.
If you need to add a custom classification method, just add the following code to the theme’s functions.php:
if (function_exists ("wizhi_create_taxs") ) {
wizhi_create_taxs( "procat", 'pro', "产品分类", true);
wizhi_create_taxs( "brand", 'pro', "产品品牌", true);
wizhi_create_taxs( "position", 'pro', "产品产地", true);
}parameter:
- procat: Custom taxonomy alias
- pro: The article type associated with the custom taxonomy
- Product Category: Name of the custom taxonomy
- true: whether it is a hierarchical classification, true is a method similar to a classification directory, false is a method similar to a label
For bug feedback and feature suggestions, please send an email to: 470266798#qq.com
Get the Wizhi CMS plugin
Plug-in official address:
Wizhi CMS plug-in official download
The official version is relatively old, mainly because the functions of the plug-in are constantly increasing and there is no time to update. Friends who need the latest version can download it directly from Github.
Welcome to jointly develop
The source code of WIzihi CMS has been hosted on Github, and interested friends are welcome to jointly develop it. Related questions can also be posted on Github.
Github project address:https://github.com/iwillhappy1314/wizhi-cms
Plug-in usage documentation:https://iwillhappy1314.github.io/wizhi-cms-doc/
Follow this project on Github: