Learn dedecms template production from scratch

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

Dedecms is really a very good system, I from contact to now a year time no longer ignore other CMS systems, recommend just start to build a station or ready to change the program of friends using the DEDECMS system. As Plato said: The sword has been out, the world will be disorderly, choose Dedecms V3, invincible. Choose it, not wrong.

Because Dedecms is a person of Plato development, it is not possible to provide complete use of extension services, as in the template, only a set of default template, there is no template for the use of detailed tutorials, only template label, which baffled a lot of friends without foundation. When I first contacted, when making a list page, I also asked how to change the number of lists, until now there are still people posting inquiries (this issue is very prominent, in various forums are the same, many people do not use search). In the forum I also see a lot of friends posted that the template is not enough, the template will not use, there is no good people to help, and then post vent to leave. Forum to share a few templates, instant now is not much, this and our national conditions are also concerned about, not many people like to share, and some garbage also take out something to sell money, despise!

As the saying goes, ask for yourself, do not template good, make their own. While the outdated essay, published this article to fight to fall, hehe, people without self-interest, who will get up early, everyone also despise me.

This article is aimed at the "proletariat" has no foundation of friends, if you are a master or "bourgeois" do not have to see, master Welcome to Exchange, "bourgeois brothers" to the point of life to let the brothers I do to ensure quality.

Basis

Learn HTML

What is CMS template? In fact, is to add a CMS template Engine code HTML page, so the basis is HTML language learning, HTML tags are not much, it is easy to learn, search under the everywhere is a tutorial, but now is popular web standards, is that everyone said "div", asking for a lot more, Need to learn CSS, you can download the CSS manual, modify the template when compared to learning changes, every day as long as the time to spend a few minutes will soon learn.

Learn Dede template code

Understand the code before, if you are novice, please use the default template familiar with the Dede system, system settings, how to add columns, how to set the template for the column, how to publish articles, change articles, there is a basic concept.

Dedecms's code is very distinctive, as long as you are familiar with it and use it very flexibly. The code style for the Dede template engine has several forms:

{dede: Tag name attribute = ' value '/}

{dede: Tag name attribute = ' Value '} {/dede: Tag name}

{dede: Tag name attribute = ' value '} Custom style template (InnerText) {/dede: Tag name}

As we can see from the above, the code for the Dede template engine can be divided into three parts: tag name, attribute, and custom style stencil, with tag names and attributes

{}

Surrounded by custom styling templates in two

{}

Between。

Description of tag name and attribute please refer to the template tag reference in the system Help, here describes the specific application method.

Let's look at the following example: {dede:arclist typeid= ' 0 ' titlelen= ' row= ' 10 '}

[field:title/]

{/dede:arclist}

Above is the most basic get the latest Content list tag arclist, by start tag

{Dede:arclist

Property

Typeid= ' titlelen= ' row= ' col= ' 1 '}

Stencil style

[field:title/]

and end tags

{/dede:arclist}

Composition。 When you finish making the page, you can start adding Dede code. Before adding Dede code:

[field:title/]

[field:title/]

[field:title/]

[field:title/]

[field:title/]

[field:title/]

[field:title/]

[field:title/]

[field:title/]

[field:title/]

After adding code

{dede:arclist typeid= ' 0 ' titlelen= ' row= ' 10 '}

[field:title/]

{/dede:arclist}

After the template parsing is to add code before the appearance. Lists list tags, links flink tags, navigation channel tags, station news mynews tag waiting is the same reason.

{dede: Tag name attribute = ' value '/}, such as {Dede:field name= ' title '/} is the meaning of the article title.

Template inside the path problem: this site using {dede:global name= ' cfg_basehost '/}/templets/w3cpro/img/css.css,{dede:global name= ' cfg_basehost '/} is to get the root directory of the Web site. There is a template protection problem, if you cherish your Web template, the IMG directory independent separation, so that others will not know your template directory.

Making

If the real independent production of a template, is very energy, planning, design, production, debugging which part is very tiring. Many webmasters are not capable of making, so there are so many friends expect others to release the template, a little bit of ability to copy other people's template, What for replication? Save the original HTML page, delete the body content, add the CMS code, complete. , this is replication, without a bit of technical content, just add the CMS code. In this way, I think there are a lot of people charge 100 to 200 people to make, I see dizzy death, this is OK. As stationmaster also too lazy, do station even the mark Code of CMS don't understand, still do what station, really depressed.

In terms of templates, a lot of webmaster only see the design that the page is good-looking and did not see the Web page production is the Web code, this is a very wrong idea. Although the page is important, but for our personal webmaster, Web page production is more important. The quality of the Web page code related to search engine SEO and website maintainability, for our webmaster, the site as long as simple and generous, the key is that the site is conducive to search engines to create more profits to make more money.

The world article a big copy, see you will not copy, making template and copying articles, see you will not imitate. My design level is very bad is not inflow, will only write the page code. Design since not that is imitation, take a webpage that is tort, then take three four pages, take out their design advantages, combined into their own website.

The process of the site as an example: planning a good website structure, decided to blue and green two colors for the main page color, from the Internet to find the right resources to start in the PS composite site, after a satisfactory start to write code to create Web pages, after the production of Dede code test.

Installation use

Dede3.1lit version enhanced system settings, template location can be set in the system settings, the template folder into the templets, column settings {style} represents the template folder location, the following figure.

Instance

The following provides examples of this site for you to use the reference, page production is not complicated, suitable for everyone to learn to use.

A total of the production of articles, pictures (using the article system), download three system templates, other templates can be provided according to the page changes.

index_in.html--Home

list.html--List Page

index_arc.html--article page, download cover

index_img.html--Picture Cover

list_img.html--Picture List

search.htm--Search Page

article.html--article page

article_down.html--download page

article_img.html--Pictures

Modified files:

inc_archives_view.php--the next one is called separately and limits the article in the column instead of the current full station.

inc_arcpart_view.php--Change Links flink

inc_channel_unit_functions.php--calls the arclist tag cannot read this column as a secondary column of the article's Emergency solution

inc_functions.php--Jump prompt Page title modification

inc_vote.php--Vote Revision

Additional documents:

For the full station to display the status after the login system, the Member Directory adds several files.

index_doo.php

index_login.php

Login.html

config_g.php

Logined.js

Templets/index_login.html

After downloading to the website Templets, refer to the above setting can