Z-blog We Media blog theme template Quietle, blog self use theme

Note: The solution for opening the theme or plug-in to display "illegal authorization file" is as follows: https://www.daolt.com/post/8051.html

Quietle We Media Blog Journalism 、 information Interactive theme templates and powerful SEO optimization Effect, this theme is derived from "Small Bulb Design", transplanted the Spimes theme of TY program to pay tribute to the original author. This is a very nice theme template, simple in style, compatible with multimedia mobile terminal display, and has an independent share Code, no longer dependent Baidu (If you want to rely on it, the official website of Baidu Share has been hung up). It supports the one click poster generation mode, also transplanted the reading mode of the source theme template, optimized the code of the night mode, added the CMS list module at the bottom of the website home page, and has its own switch in the background. Please listen to me for more functions.

The demo station is this blog. Those who like this template should not miss it!

Analysis of theme highlights:

• Theme Global Night Mode , the front desk user can control by himself, and the time of automatic night mode is 22:00 to 05:00;

• The article comes with the functions of sharing, reading and your favorite poster mode;

• HTTPS optimization, fully supporting HTTPS websites;

• The topic sidebar is called by caching txt files, which describes the number of database queries.

• Global visual effects loading (the module gradually displays when the page is scrolled);

• The theme has a variety of advertising spaces, which can be set in the background;

• Theme integrates custom style and js interface code, and can modify the style or add third-party js special effects;

• Powerful SEO optimization effect, classified and customized titles, keywords and descriptions, with remarkable optimization effect (SEO specifications are made according to the white paper of search engines);

• The article thumbnail has a custom large image mode, as well as three image, single image and no image modes;

• The article title comes with recommendations (recommendations for editing articles), hot articles (more than 1000 views), the latest (24 hours of release time), and excellent user experience features.

• For more functions and highlights, please check the demo site (the demo site is implemented with plug-ins, and the compatibility is not particularly good. If you have problems, please contact directly stationmaster ）。

Theme function module:

• First, introduce the various functions of the theme. The night mode can be turned on and off by the user. The night mode icon is on the right side of the top of the navigation.

• Article function display:

Recommendation: The words "recommend" are displayed on the left side of the title. If it is more than 1000, it will be popular. If it is released less than 24 hours, it will be the latest. If it is enabled, it will be displayed first.

Large : After opening, the article list will display the large picture module (when more than three article pictures are opened, this style will be displayed first if the large picture is opened, if there is no picture to open the large picture, then a picture will be randomly allocated, and the path of the picture will be random“ /zb_users/theme/quietslee/include/cateimg/ ”）。

If there are more than three pictures of the article, one picture will be displayed by default. If you want to display the style of three pictures, turn on Multiple Pictures.

PS： No graph , if there is no picture in the article, a random picture will be displayed by default, which can also be Manual opening without diagram Displays the scheme. Turn off thumbnail This function will also be turned off.

Demo address: This is only valid for commodity templates.

Thumbnail: Upload the pictures displayed by category in the list. After uploading Custom pictures are preferred.

• In the sidebar module "Recently published", "Hot articles", "Hot articles", "Tag list", "Article archive" The cache txt mode is adopted, and the call content is automatically generated without manual management. The number of calls and popular days are set in the theme configuration. After setting, You need to re edit any article to generate a new cached txt file.

• Friendly link, tag aggregation, article archiving, reader wall template, setting method, page management, new, self prepared title content, select the corresponding template on the right (see below), if there is no content Edit articles casually Next, Regenerate Cache txt Content.

PS: Friendly link template "links", tag aggregation template "tags", article archiving template "sitemap", reader wall template "readers"

• The theme has its own slide carousel function, which can be set in the theme setting - carousel setting. You can add your own slides, with unlimited size. In addition, the article on the right side of the slide is customized in the background. Fill in the article ID, theme setting - global setting.

• If Close Right Article Is not displayed, Slide Suggestions Replace with 780 * 350 (this size is only used when closing the article on the right)

• Side bar module calling order: the default side bar is called on the home page, the category list template calls side bar 2, the common article and commodity article template calls side bar 3, and the image category template calls side bar 4, Mobile terminal navigation call sidebar 5 (not displayed if there is no content) 。

• There are two modes for classification templates:“ Catalog (left picture and right text) And“ Cataimg (above and below) " , article default template“ single ”（ Classification management - edit ）。
  

• Custom SEO on Then, the classification template title (as shown in the figure): the title is set by itself, for example: Custom Category Title - Custom Name , the foreground displays: Custom Category Title - Custom Name , cancel the following website title interface, which is more convenient to set. (If you don't understand, you can set it yourself.)

Navigation bar secondary menu code: (module management navigation bar, add secondary menu code by yourself)

 Markup

 <li class="menu-item-has-children"> <a href="/">First level menu</a>     <ul class="dropdown-menu sub-menu"> <li><a href="/">submenu 1</a></li> <li><a href="/">submenu 2</a></li> <li><a href="/">submenu 3</a></li>     </ul></li>

Updated content:

• Optimize the cataimg template to call sidebar 4. Articles and commodity articles call sidebar 3 uniformly. Other templates remain unchanged.

• Optimize the problem that the night mode sidebar calendar module is not adapted.

• Optimize the bottom module of the home page, and do not display the CMS module when the page is turned.

• Cancel the function of circular display of advertisements on the top of the text list on the home page (If picture advertisements are used, this advertisement will be displayed three times in a circular display, which is a repetition, so it is temporarily cancelled.)
  

• Forced to open, repair the bug that the article on the right side of the carousel map does not display when the article is closed.

• Add the function of shielding the classification ID of an article on the home page. (It is turned off by default. If it is turned on, the category ID will be added, for example, 1. The latest article published on the home page will not belong to the article under category 1.)
  

• Modify the default display mode of the long picture and no picture of the article. If there are more than three pictures, one picture will be displayed by default. If three pictures need to be displayed, manually open multiple pictures. If there is no picture of the article, randomly display one picture by default. If there is no need, manually open no picture.

• The night mode adds switches according to the feedback requirements, and does not need the closing interface of this function. Theme setting - function switch.

• Rubik's cube at the bottom of the page, change the switch mode, add custom text adaptation, theme configuration - global configuration

• Revise the calling method recommended in the article again, and choose according to different needs,

Option description: If the article has no label, call the latest published article on the website, Commodity article Use fixed Related classification Call mode.

Related tags - call related articles according to the same tags of articles;

Related classification - call the latest published articles according to the same classification;

Same signature and same category - call articles according to the same category and same label;

• Optimize the zbp1.6 search template.

• The sidebar, author information, and number of article comments are changed to the publication date of the article.

• Fixed the bug caused by not automatically wrapping paragraphs in some cases.
  

• Optimize site layout and some adaptive styles.
  

• Customer QQ on the right changes the article and independent page to the comment button, and click the direct comment area (with comments enabled).

• Optimize the home page carousel style, and delete the Orson icon on the right side of the mobile terminal.

• The image list template (cataimg) calls "Sidebar 2" instead of "Sidebar 5".

• Add the Orson icon of the favorite button.

• Optimize the user center information page template.

• What do you mean by the circular display function added to advertising spaces between categories? That is to say, you can create ads inserted between the lists, click more articles to display this ad space circularly. If the explanation is not clear enough, you can set it yourself and see the effect (at present, only Google ads and HTML ads are supported, Baidu Alliance does not support circulation).

• Optimize the 404 template style.

• Add a new mobile terminal to display side bar code (if you want to open the side bar, directly copy the following code and paste it in the custom css. Open it).

 CSS

 @media screen and (max-width:460px) {     .side{display:block;}}

• Optimize the content settings at the bottom of the mobile end page, and hide the content interface of "information at the bottom of the website".

• Too much text in the optimization comment box shows incomplete BUGs.

• The disclaimer at the top of the article is transferred to the bottom of the website article.

• Add user center favorite button (no reference to koi theme articles will be set to find the keyword "favorite").

• Optimize css details.
  

• Adapt to ZBP1.6 version.

• Adapts to the night mode of the article page table.

• Optimize the search style at the top of the mobile end.

• Optimize the nighttime mode js code and delete the time to automatically switch the nighttime mode code (the code is invalid).

• Delete and rectify labels and frame layout that do not conform to W3C international standards (web pages fully conform to W3C standards, excluding plug-ins).

• Optimize the sorting method of home page friendship links, and adapt to the adaptive display effect.

• The website description interface is automatically called when the optimization classification template does not have a summary.

• Optimize the overall layout details of the website.

• Optimize night mode and overall layout style.

• Add a video interface to the article page template, and you can add third-party "iframe" videos. The interface location is shown in the figure:

• To add a method, take Tencent Video as an example: click Share at the bottom and select "Copy Common Code" (or "Embed Code"), as shown in the figure:

• The following codes are obtained:

 Markup

 <iframe frameborder="0" src=" https://v.qq.com/txp/iframe/player.html?vid=t0915436q3p " allowFullScreen="true"></iframe>

• Copy“ https://v.qq.com/txp/iframe/player.html?vid=t0915436q3p ”Video link, and then paste it at the video interface of the article. You can choose whether to play it automatically, and submit to view the effect (adaptive scale).

• Modify commodity article template style and adaptive display effect.

• An independent sidebar module is added to the right of the commodity article template.

• Add a new member center template, and click the personal avatar to jump to the home page.

• Add a picture background to the classification template, Theme setting - function switch - (turn on SEO) turn on top background image , category management, edit category, add pictures at the bottom, and display the interface picture address first. If there are too many categories, just add a random display picture of Bing in the function switch top background. The address is "//api. ooopn. com/image/bing/api. php? V=2&type=jump"

PS: If the interfaces of classification management and top background are set, the pictures of classification management settings will be displayed first.

• Adaptive and night mode.

• Optimize some details (many, many,, details)!!!

• Add DNS pre resolution interface.

• There is no delay in loading thumbnail of optimized article list.

• The top navigation bar adds a "New Article" link to quickly create a new article.

• Perfect the special effect of hiding logo and search bar, and increase the fade effect.

• Beautify the secondary menu style of the navigation bar.

• Newly added featured article module (located below the webcast, background theme management - global setting "set homepage webcast custom articles")

• Related reading on the article page recommends adding switches, adding the interface for calling the number of articles, optimizing the calling scheme, and enabling the calling of articles under the same category.

• Mobile end article page reading full text increase switch.
  

• Fix the bug of calling the latest article interface of the author information in the homepage sidebar.

• Add three advertisements, the advertising space above the image text module on the home page, the advertising space above and below the text link module.

• The function of linking a new window to a slideshow carousel has been added.

• Change the category, tag and article page SEO interface variables (consistent with the Koi theme interface, the previously customized SEO content using Koi theme will be called directly, without adding again).

• There are too many titles in the optimization category list, resulting in a misplaced BUG.

• Optimize the problem that the mobile end is stretched when the article page is inserted into the video.

• Under the optimized night mode, the sub logo image is not hidden (the same image is used during the day and night).
  

• Function and style adaptation.

Update log: 2020/02/28

• Optimize the advertisement code between article lists.

• Repair the bug with overlapping verification codes.

• Optimize the friend chain and add switches in the background.

• Delete some css dynamic effects to reduce resource consumption.

• Some module details and styles.

Update log: 2020/02/23

• Delete the "Recommended Features" on the right side of the navigation bar search.

• Optimize the breadcut navigation at the top of the article page, and optimize the adaptive display effect.

• Optimize the time tag of the article page. The PC displays the year (date on the right). The mobile terminal displays the date.

• Optimize the display effect of adaptive and night mode.

• Optimize some CSS display effects and some image magnification effects.

• Perfect the display effect of mobile terminal.

• Optimize the text list module at the bottom, and change the first article to a picture, as shown in the figure:

For the large version upgrade, set the theme content first after updating the theme, especially the called articles and popular days, and then edit the articles (generate cache) after setting. Otherwise, it will appear, causing the website cannot be opened. If there is a CDN updating the theme, please refresh the CDN cache, or force the home page to refresh to ensure the use of the latest CSS style sheet.

2020/02/17

• Optimize and adapt the nickname and level of super members in User Center.

• Optimize the search following status of the navigation bar, hide the search and logo from the scroll bar, retain the navigation, and display the logo and search on the scroll bar. It is said that the user experience will be better? really?
  

• Add an independent advertising code interface for the commodity template (because the commodity template has no sidebar, it is suitable for the general classified advertising interface, and there will be large gaps on the left and right, affecting the overall beauty.)

• Optimize the side bar label alignment and change it to center.

• Add the function of magic cube at the bottom (Wuhan refueling, function setting - Wuhan refueling magic cube).

• Modify how the blue underline at the top of articles and lists is displayed.

• There are also some optimization details, which will not be described in detail.

2020/02/13

• Add a popular calling method in the sidebar, and set the number of days to call popular articles in the background.

• Add a side bar call interface, be careful: After the theme is updated, this interface is empty. It is recommended to set it as shown in the figure. If it is installed on the home page, it has a default setting
  

• Incompatible optimization night mode The style code of.

• Add commodity template theme and classification, and select the template as shown in the figure: select from the classification list “ catasell ” Template, article template selection: “sale”。
  

• Add and adapt user center plug-in (LayCenter) related functions.

• Single image display can be selected in the new multi image mode (article images are larger than three single image display modes, and there is a single image mode switch on the right side of the edited article).

• An interface is added to the bottom information (above the filing number), which can be customized.

• Modify the text link color of the article.

• Update the picture light box effect, Theme configuration - function switch - turn on picture light box

• Add an interface for reporting information content at the bottom of the article, as shown in the figure below: (the content is empty after updating the subject, and you can refer to the text information)

 Markup

 1. Online illegal and bad information reporting telephone: 010 - 12321 Reporting e-mail: jubao@12377.cn 2. This site uses shared copyright for creation<a href=“ https://creativecommons.org/licenses/by-nc-sa/2.5/cn/deed.zh "Target=" _blank "rel=" nofollow ">CC BY-NC-ND/2.5/CN</a>License Agreement, please indicate the source for reprinting or copying

Basic settings:

• As shown in the figure, there are two kinds of logos: Day and night modes , self design and upload（ The upload image function requires the default UE editor plug-in If it is not enabled, the upload will fail, and you need to add a logo address).

• In addition, it should be noted that the third party plug-in needs to be installed for QQ login. After setting the key, fill in the login address. The third party plug-in will give the login address. If there is no plug-in, the function can be closed.

Global settings:

• Set the sidebar author ID: add the administrator's member ID, generally "1", and then set the background image. Particular attention , here Author information is displayed on the home page and the article page Author is two modules The right side of the article page shows the author of the article, not the webmaster. The site should be clear.

• Needless to say, you can modify the content according to the format, and then drag it to the corresponding sidebar in Module Management - Topic's own module - Announcement.

• Recommended on the right side of the search bar: The corresponding position is in the navigation bar, on the right side of the logo. You can modify the link and name. Note: The right switch is for the slide show carousel.

• Navigation label setting of the home page article list: Set the navigation label of the article list here. The navigation label of the article list corresponds to Figure 1 (if it is empty, it will not be displayed), and the scroll letter corresponds to Figure 2. Note: The right switch is for right scrolling subtitles.

• Display of image and text module on the home page: For the CMS module at the bottom of the home page, directly select the categories to be displayed and the number of articles to be called.

• Display of text list on the home page: Fill in the classification ID to be displayed and set the number of articles to be called.

• Bottom navigation label: the navigation label on the right side of the bottom of the website can set the bottom of the website, privacy protection and other related content.

• The rest is to set the statistical code of the website and put it on the statistical code interface (you can also fill in the automatic push code such as Baidu), the time of website establishment, filing number, comment information and other contents.
  

• Round robin setting: specially describe the sorting. The smaller the number, the higher the ranking. (In addition, the content here of the newly enabled theme is empty, and you need to set it yourself. If you find that the content of the webcast is not set by yourself after updating the theme in the future, don't panic,,,, It may be because I forgot to delete the slide page when uploading, Just click Modify to change your own broadcast content ）。

PS： If the article on the right side of the cover change is turned off, the size of the slide is recommended to be "780 * 350". If the article is turned on, the picture scale is advanced to 4:3 or rectangular.

• Advertising settings: What needs special introduction is the header interface and script interface. First, what is the header interface used for? There is a note on the right. This interface is placed on the web page Within the head For example, our common advertising alliance, Baidu or Google needs to put js code on the head At this time, we just need to copy and paste the code here, open the interface, and click Save at the bottom. (Of course, it can also put some web pages Validated meta tag ）。

• Script code, You can put some js special effects and Third party js For example, we often use the Piaoxue JS special effect, and we can also put the automatic push code of Baidu and 360 search.

• The rest is the interface of each advertisement. Just add the affiliate advertisement code directly. If it is a customized advertisement, the code is as follows:

 Markup

 <div class="adimgs"><a rel="nofollow" target="_blank" href="target URL"><img src="image address"></a></div>

• Last function setting:

• There are article new window opening, scrolling special effects, article global page turning, custom thumbnail and custom SEO settings.

• After setting the background, check the foreground effect.

Partial preview:

Home page preview (normal mode):

Home page preview (night mode):