Hide WordPress Sidebar Tag method

Source: Internet
Author: User
Keywords WordPress

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

I have a long time ago I blog side of the tag tag to do a hidden, made the mouse to point here to show. Behind a lot of friends to my blog after seeing, but also want to the side of the bar tag to do hidden, after all, those tag tag users are basically rarely to point, and that is just to search engine spiders to crawl, so many friends want to hide it. One is to make the sidebar appears not so full, the second is to make the overall site look beautiful.

This article is to share with you how to hide the wordpress sidebar tag tag is visible when you point to the mouse. Gossip does not say much, directly with everyone to say steps.

The first step: we need to add a section of CSS to the template header file, as follows:

<style type= "Text/css" ><!–
. Box-163css {}
. box-163css p {Display:none}
–></style>

The second step: put two JS files in the bottom of the file before, why is placed in the bottom of the file? Put it under the bottom file just to not affect the web opening speed. JS files are as follows:

<script type= "Text/javascript" src= "Http://zhangliseo.com/wp-content/themes/WP-didiao/includes/jquery.min.js" ></script><script type= "Text/javascript" >//<! [cdata[
$ (function () {
$ (". Box-163css"). Hover (function () {
$ (this). Find ("P"). Show ();
},function () {
$ (this). Find ("P"). Hide ();
});
});
]]></script>

Note: The first JS file above, we recommend that you download and upload to your own space directory to do the call, so as not to affect the loading speed.

Step three: Into the background appearance editor, find the sidebar file, find the tag tag location, in front plus such a paragraph, please look at the picture:

  

Finally, we click on the update file can be, so we hide tag changes are completed, we only need to go to the home page to see the effect.

  

  

This article pure hand hits completes, likes This method friend may take to use, hoped can see the effect friend, may enter my blog view. This article by the tension original writing, the original address: http://zhangliseo.com/499.html, reproduced please specify the Web site, thank you!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.