Shulou(Shulou.com)06/02 Report--

This article is to share with you about how to solve the problems on the template. The editor thought it was very practical, so I shared it with you as a reference. Let's follow the editor and have a look.

How do I use exclusion to solve problems on templates?

Use exclusion to solve problems on templates

In the wordpress template making process, there are some seemingly complex problems, in fact, as long as the location of the problem is determined, most of them can be solved by themselves. 1. Using Firebug for troubleshooting 1.1 brief introduction and installation method Firebug is a plug-in for Firefox that provides a complete set of tools necessary for web development. From the writing of HTML to the beautification and tuning of CSS stylesheets and & he

In the wordpress template making process, there are some seemingly complex problems, in fact, as long as the location of the problem is determined, most of them can be solved by themselves.

1. Use Firebug for troubleshooting

1.1 brief introduction and installation method

Firebug is a plug-in for Firefox that provides a complete set of tools necessary for web development. From the writing of HTML, to the beautification and tuning of CSS stylesheets, and …

So we need to install the Firefox browser first.

After installing the browser, select the tools menu on the menu bar, and click add-ons = > get add-ons

Enter "firebug" in the input box. After the search results come out, click the Firbug link to go to the download and installation page of Firebug.

1.2 method of use

After the installation is complete, in the location of your error, right-click = > to view the element, you can find out where the wrong style is.

2. Frame background debugging method

2.1 brief introduction

If the page browses abnormally under IE and is normal in FF, it is a bit more troublesome. At this time, we can set a conspicuous border or background for the element to debug.

2.2 method of use

First estimate the location of the error, and add style= "border:1px solid # 000000" to its label so that you can see how much position the module occupies and whether it is in the growth category.

3. Maximum width and minimum width

3.1 brief introduction

In the process of template making, there is often a sinking of the sidebar, which is usually caused by the excessive width of the content area, but not absolutely.

3.2 solution

In this case, we can first give the width of the content to 100 or less and add the overflow:hidden attribute to hide the excess. If the width is reduced, the sinking problem is solved. You can tell that the problem is on this element. After that, you can change the small margin-left, change the small width, hide the picture beyond the width and so on, test it bit by bit, and adjust a perfect version. (previously, I saw a colleague who tested by reducing the width by 10 each time. Since it is a test, wouldn't it be easier to find the problem by reducing 100? )

3. Pattern exclusion method

Some complex pages may load N outer chain CSS files, then delete the CSS files one by one, find the specific CSS files triggered by BUG, and narrow the scope of the lock.

For the problem CSS style file that you just locked, delete the specific style definition line by line and navigate to the specific trigger style definition, or even the specific trigger style attribute.

4. Module confirmation method

Sometimes we can also start from the HTML element of the page. Delete the different HTML modules on the page and find the HTML module that triggered the problem

Thank you for reading! On how to solve the problems on the template to share here, I hope that the above content can be of some help to you, so that you can learn more knowledge. If you think the article is good, you can share it and let more people see it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.