Z-BlogPHP flagship theme "Lucky Koi" came to report - Station building mall - Dao Jian Jian Jian Jian Jian Resource Blog

The theme of koi, which lasted more than a month, has finally been completed. In 2019, the Z-blogPHP Koi theme template (Koilee · Kaiyun Koi) was launched, and some modules transplanted WP themes. At present, the theme has been improved, simple and grand, suitable for personal blog and article writing. Let's introduce the theme first.

be careful: Solution for opening the theme or plug-in to display "illegal authorization file": https://www.daolt.com/post/8051.html

Sell this Template Authors authorized! Purchase on this site is more favorable than the official!

Theme related functions:

1. The theme has its own SEO settings (article page, list page, tab page, etc.), theme settings - function settings - open custom SEO
2. Articles can be customized to display thumbnails;
3. Perfect support for mobile terminal adaptation;
4. Adaptation Baidu Bear's paw (theme setting - function);
5. Customized css style function. If you need some styles, you can customize and modify them in the background, which is convenient and fast, and is not affected by theme updates, once and for all.
6. The home page adopts the dual layout of CMS and Blog mode, and the background switches freely. It is built with Html5+CSS3, with a reasonable layout, and is suitable for Baidu Bear Palm. Js+CSS has no encryption, and can be re developed after purchase (problems such as wrong version of the website and inability to open due to the re development are not within the after-sales scope, and technical support can be paid!).
7. The template adopts image delay loading technology, visual scrolling and other related special effects. Remove special effects that occupy high CPU and are useless.
8. The bottom adopts wavy background pictures, which are simple but naughty (I'm very happy about it).
9. The CMS layout on the home page is basically displayed in the form of customized articles, giving you maximum freedom! (Detailed introduction will follow)
10. Blogger introduction can open a random display sentence, and look down if you won't set it.

The code of navigation secondary menu is as follows:

Method: module management - navigation bar, copy and paste directly, and change the name and link into your own

Markup

 <li class="menu-item-has-children"> <a href="/">First level menu</a>   <ul class="dropdown-menu sub-menu"> <li><a href="/">Secondary menu</a></li> <li><a href="/">Secondary menu</a></li>   </ul></li>

Updated Description (2020/06/16)

V、 QQ consultation of optimized product template failed to wake up QQ.

V、 Fixed bug in article archive template.

Updated Description (2020/06/04)

V、 Optimize the article video embedding function, optimize the video or picture format, and cause the mobile end to be stretched.

V、 Optimize the cache scheme and delete the original theme cache function.

The changed information is large. After updating, go to module management - module created by plug-in - delete the template of the theme (delete it if you don't know) and then re enable the theme. A new module will be generated, and then drag the module to the corresponding sidebar on the right.

V、 Solve the problem of CPU crash caused by publishing too many articles.

Updated Description (2020/05/28)

V、 Optimize the problem of errors when entering special characters in the search template;

Updated description (2020/05/22):

V、 Optimize thumbnail PHP code.

Updated description (2020/05/21):

V、 Add comment emoticons.

PS： The emoticons can be changed at will. To prevent the icons after the next update and modification from being overwritten, only the emoticons in the 0521 theme pack are allowed. The themes updated later have no icon files.

The default emoticon download address is attached: (It can also be downloaded from the Q group file)

Baidu Cloud Disk: Link: https://pan.baidu.com/s/1dyq6fX9Lg5QP_-YPsNQk9Q Extraction code: mshw

After downloading“ emotion ”Folder upload to“ /zb_users/theme/koilee/include/ ”Directory. If you don't like the current one, you can delete the image, change your own, and add a custom emoticon. The emoticon name cannot be in Chinese only.

V、 Optimize the display effect of night mode.

V、 Fixed mode of top navigation background image.

Updated description (2020/05/12):

V、 Optimize comment js code.

V、 Optimize adaptive night mode style sheets.

Updated description (2020/04/28):

V、 Add night mode, theme setting - basic configuration - top login function - turn on night mode.

V、 Optimize theme css style sheet.

V、 Optimize the classification interface displayed by default in the classification background (there is no classification summary to display the website description, and the text of the classification settings summary is no longer displayed)

V、 Optimize a large number of night mode codes. If there is any incompatibility, please contact stationmaster 。

Updated description (2020/04/11):

V、 Optimize the display effect of the user drop-down menu on the right side of the top navigation.

V、 Add Orson icon to the favorite button of the article page.

Updated description (2020/04/03):

V、 Optimize a PHP calling interface to call functions.

The following suggestions come from netizens:

1. The title of the homepage carousel is added according to the feedback from netizens.

2、 The number of popular articles, hot reviews and latest articles on the modified sidebar is controllable , after updating the article The number of side column articles must be set in the theme setting, home page setting and category setting, otherwise the number of side column articles exceeds the captain or the page cannot be opened , as shown in the figure: After filling in, edit any article and submit it. （ After the theme is updated, it is empty by default. Newly installed themes have default values ）

3. Optimize the size of the author's avatar on the imglit template page (the mobile terminal screen width is less than 400 pixels).

Updated description (2020/03/24):

V、 Fix bug of page management (also called single page) editor js error 。

V、 Page management adds article keywords and descriptions, and optimizes SEO titles.

V、 Top navigation background color (black) Change the gradient white to increase the navigation internal shadow effect.

V、 Optimize and close the article sidebar. The article related recommended pictures are stretched.

V、 Optimize the display effect of navigation bar secondary menu.

Updated description (2020/03/13):

V、 Relevant recommended articles at the bottom of the optimization article page (call articles under the same category).

V、 Optimize the slide show carousel and add the function of carousel to open new windows.

Updated description (2020/03/02):

V、 Optimize the adaptation user center.

V、 The comment nickname matches the user center membership level.

V、 Background increase“ DNS-prefetch ”Pre parsing interface, background, theme setting - advertisement setting.

Updated description (2020/02/20):

V、 Fix the article of the product to read the bug without title.

V、 Repair the occasional misplaced bug on the mobile end of the imglist classification template.

V、 Optimize JS.

Updated description (2020/02/12):

V、 Fix an error in generating posters for an independent page, and delete redundant if tags 。

Updated description (2020/02/10):

V、 New posters, minimalist reading, articles share pattern 。 Theme settings - Home page settings - Sharing code can be opened automatically.

One click poster generation fails to generate pictures, please refer to: Solution to the problem of no picture in the poster generated by one click on Quietle's theme

V、 Optimize the suspension of picture light box.

V、 Fix the blank BUG in reading mode.

Updated description (2020/02/07):

V、 Cancel Spring Snow Effect 。

V、 New Rubik's Cube special effect (displayed in the lower right corner of the global, Wuhan refueling).

If you want to keep the snow effect to the theme settings, add the following code to the advertising settings script code interface (non advertising code) to display the snow:

The codes are as follows:

JavaScript

 <canvas width="100%" height="100%" class="snow"></canvas><script src="//Website/zb_users/theme/koilee/script/jquery. snow. js"></script>

V、 The layout method of the optional article list on the home page: as shown in the figure. The default value of catalog is left figure and right text, and catalog is in picture mode.

Updated description (2020/01/23):

V、 Update the skin of the Spring Festival background, and fix the wrong version of the text on the product page 。

Updated description (2020/01/19):

V、 Fix the bug that cannot click the bottom link after opening the snowflake effect 。

Updated description (2020/01/17):

V、 Optimize skin snowflake effect.

V、 Optimize js to increase the special effect of mouse over snowflakes.

Updated description (2020/01/06):

V、 Open Spring Festival skin, theme setting configuration, function setting, one button open 。

PS: This year's Spring Festival skin looks less beautiful than last year's, but it doesn't matter. In order to meet the needs of more people, a new skin interface has been added this year. You can customize the Spring Festival skin and background color. Those who like tossing can add by themselves.

Attach last year's background picture and background color:

Markup

 https://s2.ax1x.com/2020/01/06/lsAWl9.jpg #ffcf35

V、 The background snowflake effect has been modified, and many details have been optimized. The cdn is not used for js local calls, and the file size is only 6KB. Using cdn to load is not as fast as using local resources.

Updated description (December 27, 2019):

V、 Fix the bug that the independent page does not have a page description.

V、 Optimize js, integrate JS resources, and reduce useless code.

V、 Delete the like code of the list classification, and retain the like function of the article page (the like plug-in needs to be enabled).

Updated description (December 23, 2019):

V、 Fix some incompatible bugs in PJAX.

V、 Modify the blog carousel and the image and text layout on the right. The location of the carousel remains the same. Add a sidebar module to the image and text on the right. Drag and drop it at will. The location is determined by itself. The cache format is used. After updating the theme, you need to edit any article at will to generate a cache file (you can not edit or delete it, but you must do this anyway, otherwise the content of the module on the right is empty.)

Display method: module management - image and text recommendation (if you do not click again to enable the theme) - drag to the corresponding sidebar on the right.

V、 Modify some PHP logic codes to reduce the number of database requests.

Note: It is not recommended to enable the likes plug-in (ID: san_praise_sdk). Too many database queries affect the website speed.

Updated description (December 10, 2019):

V、 Add theme support PJAX function.

(Start step, log in to the background, Theme setting - advertisement setting - script code interface (non advertisement code) , copy the code below, paste it, open the script on the right, then return to the background home page, click“ [Clear cache and recompile template] ”Refresh the foreground to view the effect.

be careful, After many tests, there are no problems such as js errors, but not limited to unknown errors caused by installing too many plug-ins. This problem is not within the scope of after-sales service.

Special Topics: After opening PJAX, be sure to close it“ Article New Window ”（ Function settings - New window of article, close ）Otherwise, the pjax function will fail, resulting in some page errors!

JavaScript

 <div class="pjax_loading"></div><script src="//Website/zb_users/theme/koilee/script/jquery. pxx. js"></script>

Updated description (December 9, 2019):

V、 Fix the misplaced bug of home page carousel when turning pages.

V、 Optimize the comment information and add the icon and background of the user center for super members and annual fee members. For details, please refer to the navigation of this site [Join VIP] View the effect;

Updated description (December 6, 2019):

V、 Repair the carousel code, and solve the invalid BUG of some browsers 。

(PS: After updating the theme, click“ [Clear cache and recompile template] ”, and Theme setting, carousel setting, click "Modify" on the right to generate a new carousel code , finally return to the front desk on the home page, Force Refresh, CTRL+F5 , if Please clear the cache when CDN is enabled 。 If the above operation fails, please consult the webmaster.)

Updated description (December 3, 2019):

V、 New home page friendship link switch, which can be turned on as needed after updating 。

Updated instructions (November 26, 2019):

V、 Fix the friendship link and close the bug of appreciation 。

Updated instructions (November 22, 2019):

V、 Repair the bug of incomplete title display caused by the recommendation of opening the commodity page template 。

V、 Fix the misplaced bug displayed in the product page template under some screens.

Updated description (2019/11/15):

V、 Repair the image and text information on the right side of the slide show carousel, and display the misplaced bug with too many classification names 。

V、 Delete the label of the publishing time of the image text list article on the right side of the carousel.

Updated description (2019/11/11):

V、 Optimize the problem of no text display of "load more" in the category list.

5. Optimize and load more js code.

Updated description (November 8, 2019):

V、 Simplify PHP code and modify some interface data.

V、 Add an authorization verification code to verify the order number of the application center and blog.

Updated description (2019/10/31):

V、 Fix the bug that caused the dislocation of the page template when closing appreciation 。

V、 Add online update code. (It is expected to realize online update function in the next version)

Updated description (2019/10/29):

V、 Adapt to relevant frameworks of Pjax, and improve the pjax interface.

V、 Perfect the display effect of adaptive left and right spacing.

Updated description (2019/10/18):

V、 Update web div frame 。（ No other updates to prepare for opening pjax ）

Updated description (2019/10/11):

V、 Fixed a bug in the navigation bar (optimized the inner space of navigation).

V、 Add a new tag aggregation template. The setting method is page management. Create a new page (customized information such as title, content, alias, etc.), then select tags for the template on the right, and submit at the bottom. Then check the effect. If it is disordered, remember to press ctrl+f5 to force refresh.

Demo website: https://www.talklee.com/tags/

Updated description (2019/10/8):

V、 Delete the National Day background skin.

Updated instructions (September 29, 2019):

V、 New National Day background skin.

V、 Adapt to the user center promotion function.

Updated instructions (September 23, 2019):

V、 Optimize the function of random display of author information in the sidebar. The topic does not come with a "hitokoto. txt" file. As a result, many people turn on the random display, and the following part of the author information is blank, many people do not see it course There are unknown "hitokoto. txt" files and some novice webmasters. The newly created text is not in the correct format, leading to garbled code, so this update adds PHP logic judgment code. If there is "hitokoto. txt", the text content will be output. If there is no "hitokoto. txt", the default "yiyan. txt" text will be displayed. This ensures that the random display will not be enabled, The author information is blank below.

Remember not to modify the content directly in the "yiyan. txt" text , if you want to turn on random display, you'd better "Yiyan. txt" renamed to "hitokoto. txt" Then modify the sentences in it. Not renaming will cause the default data to be restored after the update.

V、 New page turning function is added on the home page.

be careful: If you want the function of turning the homepage, you must not fill in the background "Set the homepage TAB classification ID"（ As shown in the figure, leave blank ）, because the first page tab switch and page turning cannot exist at the same time, Select one of two functions If you want to switch tabs online, there is no page turning function on the home page, and the number of articles displayed is set by yourself. If you enable the home page TAB switch, the home page top setting function cannot be used!

If you want to have the page turning function on the home page, the number of articles displayed needs to be set on the website, page management“ Number of articles displayed on the list page ”Settings（ It is consistent with the number of classified articles ）, just fill in the corresponding number if you want to display several articles.

V、 Repair some bugs.

Updated instructions (September 18, 2019):

V、 On the right side of the home page, a new image and text switch, the carousel and the image and text separation switch on the right side can keep the carousel when the image and text information on the right side is turned off (note: if the image and text on the right side are turned off, please replace the carousel image, width: about 1200, height is self determined)

V、 The article information on the commodity page is transferred to the bottom of the picture on the left, and security transaction tips are added on the right.

Updated instructions (September 17, 2019):

V、 Optimize the article style, and align the accomplishments to both ends.

V、 Fixed the bug where the upper and lower modules were misaligned after the commodity page template was set at the top.

V、 Fix the overlap bug of SEO header pages.

Updated instructions (September 12, 2019):

V、 Adapt to the user level. If the user center is enabled, the user nickname set by the plug-in will be displayed first.

V、 The head portrait background frame of the VIP level of the template page.

V、 Optimize the hidden BUGs in the [Recommended] section on the right of the title.

V、 On the classification template page, add the code displayed by the subcategory, and update the original display scheme.

V、 Optimize the product page template. Repeat the BUG of the title, and transfer the original title label to the top module, as shown in the figure:

V、 Fixed a bug where the upper and lower text multi word displays overlapped on both sides of the article page screen.

V、 Optimize some php logic codes to improve the speed of website opening.

V、 Optimize some meta tags.

V、 Others, just think of so many.

V、 In the CMS mode of the home page update, the TAB switch function of the latest article can customize the display of classified articles:

Setting method: Login Background - Theme Configuration - Home Page Settings , found“ Homepage article call settings ”Then“ Set the home page TAB classification ID ”Set the displayed classification ID, and leave blank to not display the TAB switching function.

V、 Update the title color js code, and click the text box to automatically call the rgb palette, as shown in the figure:

V、 Optimize article video code.

V、 Add the Banner image function at the top of the list template.

V、 Optimize the function and setting method of imglist and cataimg customized background image, background - theme configuration - function setting, as shown in the figure:

There are 10 pictures in the cateimg folder, of which 1-5 are used by the default template (catalog) and article template, and the other 6-10 pictures are used by the horizontal template and commodity template. Only write the path of the picture background address, not the full address of the picture (you can also download the picture and put it in Tencent Cloud storage). The default address path is:“ /zb_users/theme/koilee/include/cateimg/ ”

The website foreground image URL is:“ /zb_users/theme/koilee/include/cateimg/1.jpg "If you want to change the picture, please follow the Regular Naming ， Numbers 1-10 , the suffix is: "jpg ”。

V、 Optimize the right side and return to the top title tag.

V、 To modify the search template page, click to view more unresponsive BUGs.

V、 Optimize article archiving code.

PS: To put it more simply, we are currently studying a new authorization scheme to add the hot change function after completion. In addition, customers who share or re sell the theme privately will not be able to continue to update and use the theme, and the theme background will not be able to set. Use it and cherish it!

∧_∧..

Previous updates:

V、 Update the article archive style sheet.

V、 Update the template topping effect.

V、 Update the product list, product detail page demo address interface (you need to turn on the custom thumbnail switch, the demo address is not displayed if it is not set in the background, nofollow tag, link encryption).

V、 Adapt to the "Baidu Collection Query" plug-in in the application center, and the search ID: "baidu_recond" can be installed and enabled;

PS: It may slow down the opening speed of the page. Do not use it if you care, but it will improve the speed of Baidu's inclusion (in the original words of the plug-in developer)

V、 The comment cache is optimized again. The audit interface is invalid, so the original interface is changed. After the comment is successful , you can update the cache once, or you can delete a comment at will to update the data of comments on the sidebar.

V、 Optimize the comment user tag, and set the reviewer as an iron powder user.

---Optimize the article archiving style and function (setting method, page management, new article, select "sitemap" for the template on the right), content, title and alias, and then submit them without the above figure, click to view the effect: Article archiving

---、 Update the method of calling hot reviews on the sidebar. The original method is to call all articles on the website, with the maximum number of 8 comments. In this way, the hot reviews may not change for several months or a long time. After the update, a fixed number of days will be used. The number of days of hot reviews is the same as the number of days of hot reviews on the sidebar. The setting method is: hot articles and hot reviews within 90 days.

---Modify the bottom carousel announcement and occasionally find a misplaced bug.

---. The optimized comment stack is displayed as a small avatar.

---Repair the comment avatar with the V mark.

---Optimize the background logo, ico icon and web background image interface mode, and delete the previous fixed upload mode. Here is a special note: because of the interface mode, there may be no logo, ico icon and wrong background image bug on the website after the old customer updates. You just need to change to the corresponding website after the update, as shown in the figure: delete according to the normal logic“ _example ”It is OK, for example:“ /zb_users/theme/koilee/style/images/logo.png ”This will be normal.

---Delete the information interface on the top of the banner on the commodity page and call the category directly name and SEO Description , the background picture calls the first picture of the first article (the logic of selecting pictures is unified with the list)

---Modify the arrangement style of the commodity template (After the update, you need to forcibly refresh Ctrl+F5. If you enable CDN, you need to clear the cache.)

---. Optimize the page turning JS code at the bottom of the list, and there will be no bug that causes dislocation when it is not loaded.

---. Optimize some php and js codes, delete redundant codes, and improve the speed of website opening.

--Add a new category list template, category management - category editing, select "imglist" for the template, and submit the article template without modification.

--Add switch for title beautification, and modify some text descriptions.

--Optimize the css style of some modules in the sidebar.

--The "Theme Sales Price" of the product page template is changed to "Product Sales Price".

--. Update the BUG whose likes and rewards function is not centered in some cases.

--. Optimize the copyright of the article (the source of the article is changed to the address of the article, otherwise someone will always make a mistake,,)

--Repair the bug that is not aligned when closing the sidebar.

--. Delete the original external link pseudo static switch and add the external link transit page switch

--Add the function of thickening and changing color of the category list title (RGB code is used for changing color. If you don't understand Baidu, you can also fill in English color words directly, such as blue).

--. Modify the comment display. All members are displayed as "iron powder" nicknames. The function of imitating microblog is to add the blogger's nickname (if the comment ID and article ID want to use, the blogger will be displayed, and the administrator will not be displayed uniformly).

--WeChat display is added to the customer service information on the right, and the QR code is autobiographical in the background.

--The microblog display function (configured by the theme and user center) is added to the sidebar blogger information, and the QR code display is added.

--Others, I also forgot that some PHP code has been simplified, which is worth updating.

--The background login function of the mobile terminal is added with a switch, and the background link is displayed after login.

--The upper right corner of WeChat announcements can be customized in the background.

--. The bottom scrolling announcement calls "recommended articles" (article recommendation function, if there is no recommendation, it will not be displayed, and the user-defined thumbnail needs to be enabled to be effective.)

--Optimize the smoothness of page loading.

--Fix the bug that still exists on the list page, article page and other pages after the rolling announcement is closed.

--Add the function of scrolling announcements at the bottom of the page. When the customized announcement is closed, 6 popular articles within 90 days will be displayed. If the customized announcement is enabled, the customized content will be displayed instead of articles.

Custom announcement format:

Markup

 Announcement: This is an announcement. You can open the settings in the background. Announcement: You can also close the customized announcement and display the popular articles in the past month

--The WeChat function is perfect, time display is added, and user-defined summary is added.

--Improve the information displayed on the side bar. If the user logs in to the website, the side bar will display the user information. If the user does not log in, the site management information will be displayed.

--Add user editing interface, QQ and WeChat, which can be customized by users.

--. Fix the code of ordered list of articles.

--Optimize several known BUGs.

--, update version number.

--Update 5.4 youth icon.

--Repair the bug that the mobile verification code does not have a text box.

--Fix the bug with "recommended" misplaced due to too long title.

--. Add an advertising code interface between classification lists, and enable it in the background (League ads and html codes are acceptable without restrictions ）

--Add an advertising interface on the commodity page. The location of the interface is the same as the "advertising above the CMS module on the home page" ”Explain that if you open this advertising space, the commodity page template will also open this advertising space, and the displayed ads are the same as the ads above the CMS module on the home page.

--Fix the bug that the sidebar of the search page does not display the article data.

--. New article list and new window function（ Background -- Theme setting -- Function setting -- Open a new window for articles ）

--. New article recommendation function (new article, right, set as recommend That's it, User defined thumbnail function needs to be enabled ）。

--. Cache the data called in the sidebar to reduce the number of database requests (relatively speaking, there is a loss effect)

--. Separate the relevant JS code. The function special effect is completed using independent js. If it is not opened, there is no relevant js code.

--. Cancel the reader wall function on the side bar (the reader wall single page is still valid), because it conflicts with the recent message, so cancel it.

--, beautify comments and add the order of comment floors. Optimize the adaptive display effect.

--The sidebar cache includes, Article recommendation, hot review article, recently published, popular article, popular tag If you want to regenerate the cached txt file, you need to edit any article, and submit it directly to update the cached txt file without modification.

--The latest messages in the sidebar and the reader wall need to comment on any article to generate a new cached txt file.

To update the data call cache, you need to re enable the theme. You can directly click Enable Theme (Koi), or you can first enable the default theme, and then re enable the new theme (you need to delete the module management - the reader wall column of the theme's own plug-in, and do not drag it to the right sidebar (if there is one, please remove it), because this code has been deleted in the new version), Then a folder named koilee_cache will be generated in the/zb_users/cache/directory. Here is the txt static file.

PS: If you find that the article calls in the sidebar are empty after enabling the new theme, please edit any article in article management (without modifying the content), and click Submit on the right to generate cached data files in the cache directory. If there is no comment, you need to post a comment under any article to generate a new cache file. Note that the cache file will generate the latest data only in this case (edit and modify the article, and successfully post a comment). If there is no above operation, the cache time is the time of the last generation. Editing (creating) and deleting articles will regenerate article data, and posting and deleting comments will regenerate new message and reader wall cache files. Oh, yes, someone may ask, will the background home page be updated after recompiling and clearing the cache? Good question, a little level, but it may disappoint you. My answer is no, don't ask why. Well, let's talk about these problems. If you encounter problems in the use process, you can leave a message directly to me on QQ.

After setting the content in the sidebar, it is found that there is no effect. Please operate as follows:

1. Article management - edit an article at random, submit it on the right, and refresh the foreground.
2. If the message is not updated, log in to the background, comment management, find a comment at random, click Review on the right, and then click Review Management on the top to find the previous comment, click Approve, or delete a comment at will.

Let's see the effect: user website

97 request queries before the subject does not use cache

56 times after the theme is enabled

Z-BlogPHP launches Koi to report (update instructions and operation tutorial, must see article) Page 15

--. Fix the problem of 1 pixel white edge on the top.

--Add the function of closing the sidebar button of the website (you need to turn on the user-defined thumbnail, and turn on and off the sidebar on the right when creating or editing articles)

--Optimize some functions and codes of the sidebar and sidebar module, and delete duplicate content.

--. Because WeChat failed to improve its display effect, the WeChat column function was temporarily canceled, and a perfect scheme was added later. I'm sorry for this (if you don't want to cancel WeChat, this version can be updated without any need.)

--. Fix the bug of online update theme file error.

--. Optimize the jump page source code.

The effect of updating the announcement module (original WeChat mode) is as follows:

Setting method:

The left menu, page management, create a new page, and set the "alias" at the bottom (for example: notice ）Then submit on the right.

Return to theme configuration - home page settings (as shown in the figure)

PS: What is set in the red box is the announcement mode, which depends on the pseudo static setting. Some may need to fill in IDs. The most reliable setting method is to find the newly created page in page management and click the paperclip icon in front, as shown in the figure below

Then copy the link on the new window page, as shown in the figure (the address in the red box is filled in the theme setting)

When WeChat is released, the text select text , click the top right of the editor“ Text mark ”, drop-down, select“ WeChat template ”OK, then below Set summary information Just do it.

After setting, look down, find the WeChat custom summary, and set the summary information displayed on the home page, as shown in the figure:

--、 A new 360 search plotting function is added, which uses the normal article mode and is automatically enabled without manual setting.

The new message wall page is set as follows:

Page management --- self created title, self written body, random alias (access link) settings, then select the template on the right“ readers ”

Finally submit, and then OK.

The call data is: the top 100 users who have the most comments within a year (365 days) (may not be perfect at present, but it does not affect the use, and can not be opened if not necessary)

design sketch:

--The list of subcategory columns to which the site classification belongs. If there is no subcategory under the classification, it will not be displayed. chart

--. Too many recommendation tags on the optimization article page display faulty BUGs.

--. Optimize the style sheet of the jump page, and add an advertising space (advertising settings, advertising code at the top of the classification list)

--Repair the bug that some videos on the mobile end cannot adapt.

--The mobile terminal navigation menu adds a member login function, and the login link is set to（ Theme configuration - Basic configuration - Top login function - Member login/registration link ）

--. Fix the bug of disordered article archiving style (the method is as follows)

Page management: create a new page, fill in the title of the article, and write something about the content (it will not be displayed anyway), then fill in the alias of the archived article: "archive" (customizable), and finally select the template "sitemap" on the right. After submitting, no picture will be set.

----After the sharing code is closed, the right alignment of rewards is changed to center alignment, as shown in the figure.

----Optimize the calling method of homepage friendship links, friend link pages and titles. (Originally fixed, it is now modified to the original module name.)

Module management, find friendship links and icon collections, and then modify the name:

----When the screen size is updated to 1200 pixels, the image and text on the right side of the carousel display the misplaced BUGs,

----. When the article has no pictures and does not use custom thumbnails, the default picture is changed to randomly displayed pictures (1-9 randomly displayed pictures)

----. Adapt the independent identifications of ordinary members and permanent members in the user center (), as shown in the figure:

Permanent member display---- Ordinary members (week, month, year)---- Administrator (not adapted):

---- ----

PS: Set by yourself if necessary, open the theme configuration, basic setting - custom css (open on the right):

code:

CSS

 .single-avatar.vip3 {     display: inline-block;     padding: 4px;     width: 70px;     height: 70px; Background: url (your domain name/zb_users/theme/koilee/style/images/avatar_admin. png) - 1px 0 no repeat;}

----The CMS module on the home page adds switches and simplifies some PHP interface codes.

----. In view of the article copyright problem, optimize the copyright function of the theme template. Look at the picture:

Original renderings:

Reprint renderings:

The opening mode is changed to: theme configuration - function setting:

There is a reprint interface under the title of the new article (editing article). Only when the copyright function is enabled and the author fills in the article can the reprint effect picture be displayed, otherwise the original effect will be displayed.

----, optimize some articles to display bugs beyond the screen.

----. Update the likes style of list articles. The prerequisite is enabled (like plug-in: New article like development version ）

----. Adapted product purchase template (user center needs to be opened, Plug in ID: LayCenter , purchase function), which can realize online purchase.

Setting method: user center (ID: LayCenter) - sales configuration - purchase button (as shown in the figure): .buybtn

----. Adapt to the collection function of user center articles (the front and rear colors are different, and they are already differentiated. If you don't like this color, you can customize the css in the background of the theme to modify it);

Setting method: User Center - General Configuration, Favorites Button - Add Based on Element (as shown in the figure): .ds-reward-stl

----Optimize the overall effect of the page and the adaptive display effect, modify the mobile navigation to the left menu, repair the overlap bug of the three-level navigation menu, and optimize the background color of the three-level menu.

----. Some special effects of pictures were added, and the function of jumping to the bottom of the page on the right was added.

----Repair the disorder of comment wall pages.

----, Modify the spacing between site borders.

----, user comments, the latest message and other sidebars add the V icon for new users.

--Add custom interface code at the bottom of the page (relevant code can be placed, such as JS).

--Optimize the Baidu bear palm code interface. The bear palm code interface is basically finished. The original API interface has failed and replaced with "search results mapping". Turn on if necessary, and turn off if unnecessary.

--. Repair the three-level menu style code.

--Optimize the display effect of mobile comment avatar.

--Add the writing method of navigation three-level menu (text and link can be replaced automatically)

Markup

 First level menu Third level menu Second level menu Second level menu

New Product Page

It can be used with the cataimg list, View Demo , two methods.

The settings are as follows:

First: To publish (edit) an article, click the template on the right and select "itheme", as shown in the figure:

Second: If you don't want to select it every time, select the left menu, category management - edit category - select the article category template "itheme", as shown in the figure:

Then save. All articles under this category will use the "itheme" product page template. (If it is not adopted, the template needs to be modified manually, refer to First Method), Oh, by the way, the price interface of the commodity page needs to be enabled so that the customized thumbnail can be seen. Otherwise, the browsing volume will be displayed.

--. Repair the bug with error in the bottom of the cms template on the home page.

--Modify some CSS style sheets and optimize the dislocation of the mobile adaptive part.

--. Add the lightbox effect of the article page (I don't know what the lightbox effect is, click the article image to know).

--Add the switch function of cms module on the homepage of cms, and modify the position of cms module.

--. Modify several bugs (I have fixed all the bugs that you can find or that you feedback, but they are not listed one by one. If the update has no effect, please press CTRL+F5 to force a refresh. If it is not easy to use, clear the CDN cache. If it is not easy to use, please find me alone... Maybe I forgot.)

--. Fix the bug that the keyword highlighting on the search page conflicts with the search record in the Kefeng User Center (thanks exemplary )

--The H2-H5 label style sheet is optimized. (Don't come to me again and say that H2 is gone. I'm fed up with it. Here, I'll update it for you.)

--. Optimize navigation bar spacing.

--Delete and optimize the search box to reduce the space occupied in the navigation bar.

--. Add a V mark for the new comment user.

--. Fix the bug that rewards WeChat and Alipay in the wrong location.

--Optimize mobile terminal adaptive display effect.

--. Fix the JS error caused by Baidu bear palm.

--. Simplify JS and reduce unnecessary loading.

--. Fix the bug that the comment on the article page cannot be closed and the previous and next articles have errors.

--. Bugs that cannot display comment content after repairing comments.

--. Add a sidebar, the author introduces the WeChat module. (Custom Font icon)

--Add a custom background picture.

--. Modify the logo size width.

--. Optimize the background effect followed by the navigation bar.

First introduce the theme background: (basic settings)

After buying a theme, you should set it first Classification Template : (Figure below) If not set, then Open the category to display the home page.

Set the classification template (otherwise, no matter which classification page is opened, it will be the first page),

Enter the background, manage by category, modify the category,

Template selection: catalog (default) or cataimg (effect picture below). The default template of this classified article is single (no need to modify), as shown in the figure below:

Rendering (catalog template):

Horizontal rendering (cataimg template):

Background introduction and preview of theme:

The basic configuration is very simple. It is clear at a glance. It is to set the keywords, description, website title, LOGO and other regular operations of the blog. There should be no special instructions here, so it is omitted.

Oh, by the way, the top login has been changed to the navigation bar, which is simple and beautiful. If you open the QQ login or enabled user center, you can fill in the login or registration link directly. You can decide whether to open it or not. If you have the switch, you can close the user center that is not enabled (like my blog).

Home page setting:

The home page settings are also relatively simple, so let's not mention the obvious ones. Let's introduce the corresponding interfaces of the CMS module.

Carousel settings:

By default, the image size of the webcast is 831 * 380 (pixels). There are four articles on the right. If you open Baidu's information stream ads, you have to reduce one article. If you want to set other numbers of articles on the right, the height of the webcast on the left should also increase or decrease, depending on the specific situation. If you do not move the code to view the height, you can set the default quantity. In order to avoid the difference in height between the left and the right, which will affect the beauty and layout of the website.

Just fill in the article ID directly. Here are two functions:

The first is that if the webcast (slide show) on the home page is closed, then this is also closed.

The second one is the advertising code, which many people may not understand. To explain, we do not know whether we use the advertising alliance or not. If there is no advertising, we do not need to read it. If Baidu and other alliance codes are opened, then we can get the advertising alliance code, set the information flow, configure the advertising style (generally set the left figure and the right text), and then copy the code, Put it in the interface as shown in the figure, and turn on the switch on the right side.

Go down to continue setting:

Selected readings on the corresponding homepage:

It's very simple here. Set the selected reading guide, and close it if you don't need it.

Then is the number of article calls module:

The number of recent articles at the bottom of the selected guide on the home page. If you want to set several articles, you can directly fill in the number, such as 8, which means calling the latest 8 articles.

PS: Some contents of the sidebar Invalid setting completion , please go Article management ， Edit any article ， Submit directly without modification, The system will automatically generate a new cache file and refresh the foreground to display some of the content just set.

The second is the sidebar. First, the calling order of the next sidebar: the menu on the left, module management, finding the modules created by the theme and plug-in, and then dragging the modules you want to display to the right.

home page Shown is（ Default Sidebar ）， Category page (including label, author, time and other pages) Shown is（ Sidebar 2 ）， Article page Shown is（ Sidebar 3 ）， Search Page Displayed（ Sidebar 4 ）

After the introduction of the sidebar, it is very simple to call the popular tags (quantity) in the sidebar when you come back. You can fill in the quantity as many tags as you want to display in the sidebar;

Then is the number of popular days (article recommendations and popular days are displayed by TAB switch, and dragged directly（ Article recommendation/popular articles ）OK). For example, if you want to show the hottest topics in a month, you can fill in 30 (365 days a year, I know this is nonsense, but I still have to write it out).

Finally, there are article recommendations. You can fill in the displayed article ID directly. For example, (1,1,1,1,1,1) numbers are separated by commas (,) in English, and the maximum number is 9.

Further down:

Corresponding to:

Fill in the ID of the calling column. (For example, two columns or four columns) What, do you not know the classification ID? Well, look at the picture:

Continue on:

Corresponding homepage:

This is simple. You don't need to fill in the classification ID, just select it directly, but you need to fill in the number of calls. The default is 10.

Continue on:

Corresponding homepage:

Yes, here we have to write the ID of the calling category again. In fact, I tried to write it as a direct selection mode, but it has not yet succeeded, so we have to manually fill in the classification ID. If we don't know the classification ID, see the figure above, and then fill in the number of articles called (4 articles are displayed for each category by default).

CMS is now set up. Let's look at the others:

This is to set the information related to the sidebar blogger, such as the blogger's ID, background image, text hyperlink, etc. You can also edit the author's information, or turn on the right side to display a sentence randomly.

Note: The login user needs to set the user-defined content in the User Center. After setting here, only the non login customers can see it!

To enable random display, you must have a text tutorial as follows:

Create a new txt text document, Named as: hitokoto.txt (It cannot be modified at will, otherwise it cannot be displayed normally)

Then fill in the text you want to display, such as:

Markup

 A person will meet about ten thousand people in his life, and the probability of two people falling in love is. So you don't love me, I don't blame you. No matter what you see in the past, please don't lose yourself. No matter what you become, I will be your partner. You are always alone, but you can make others not lonely. It's really difficult to change others' minds, but it's easier to change yourself. You can release the kite line at any time, but don't expect me to come back. If you can't do it, you will die. But if you win, you can live. If you don't fight, you can't win.

In this way, one sentence for each natural paragraph is uploaded to“ /zb_users/theme/koilee/include/hitokoto/ ”This directory can be opened; If there is garbled code, you can use the text of this website. Address: https://www.talklee.com/zb_users/theme/koilee/include/hitokoto/hitokoto.txt

There is nothing left to say, such as article copyright, code sharing (you need to open the article for appreciation first), etc.

Advertising settings:

There is nothing to say. Fill in the advertisement code and open it. Different advertisements are displayed for PC and mobile terminals. If left blank, they will not be displayed.

Function settings:

Carousel (if you close the articles on the right side of the volume, they will also be closed, which is enabled by default).
Whether to enable CMD mode (default).
Visual scrolling effect (on by default).
Customized thumbnails (set the thumbnails displayed by the category. If the article has no pictures, it will give priority to display customized pictures. If it has no customized pictures, it will display random pictures. If the article has no picture mobile terminal, it will not display, and it is off by default).
Whether to enable the user-defined SEO plug-in (articles, lists, and tags can be set with different keywords and descriptions, which are closed by default).
New window link (click any link to open a new window, which is closed by default)

See the page preview for others: the theme is permanently updated and maintained for free to ensure that everyone can use it normally.

Home screenshot: