Hello everyone, welcome to learn the imperial cms imitation website tutorial. I am Hongmu qq1810216796 qq exchange group: 958972323
1 Imperial cms website installation
Hello everyone, welcome to learn the imperial cms imitation website tutorial. I am Hong Mu qq:1810216796 QQ communication group:958972323
Build an empire program
- If you have a server and have already built the Empire website on the server, you can skip this lesson.
- If you have other server environment configuration software locally, then install the Empire website directly
- If you don’t have any server environment configuration software locally, then follow me
1. Empire official website
http://www.phome.net/
2. Build a website
Tools: phpstudy
https://www.xp.cn/download.html
3. Install Empire
Installation path: /e/install
Backend path: /e/admin
2 How to create columns in Empire CMS
The establishment of the empire cms column
Top-level columns: columns can be created below, but articles cannot be published.
Product Center
Ultimate column: You cannot create columns below, but you can publish articles.
News Center
3 How to post articles in Empire CMS
Post an article
title icon
4 Download the required target site page
Website imitation gadget download
https://wwi.lanzoup.com/iHqCOs7m06d
target site
http://www.njpospos.com/
Home page: http://www.njpospos.com/
Product list page: http://www.njpospos.com/category-6.html
Product content page: http://www.njpospos.com/post/1790.html
News list page: http://www.njpospos.com/category-3.html
News content page: http://www.njpospos.com/post/1940.html
css directory:/skin/static/css/
js directory:/skin/static/js/
6 Separation of imperial cms public templates
Code formatting
https://www.iamwawa.cn/htmlformat.html
1. Right click to inspect element F12
5 empire cms template homepage
Programming software
notepad++
1. Replace the skin path and add a slash in front of skin.
2. Put css and other resource files into the empire backend
7 Invocation of Imperial Navigation
Call homepage navigation
Use tags
Label name: Column navigation label with template (showclasstemp)
Format:
[showclasstemp] Parent column ID, label template ID, whether to display the number of column information, display the number of columns [/showclasstemp]
Template tag variable description: [!--bclassname--]: parent column name, [!--bclassurl--]: parent column link, [!--bclassid--]: parent column id
list.var template tag:
[!--classurl--]: Column link
[!--classname--]: Column name
[!--classid--]: column id
[!--classimg--]:Column picture
[!--intro--]: Column introduction
[!--num--]: Number of messages
[!--no--]:Serial number
Whether to display the number of column information
0 means not to display, 1 means to display
Display number of columns
0 means no limit
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
8 Populate the website with temporary test data
Collection rules download
https://wwi.lanzoup.com/i9hQByq5zqb
It has been a long time and may have expired. The rules are for reference only.
9 Empire cms home page call
Empire CMS smart label call field collection
https://www.4s5.cn/archives/47.html
Randomly call the article code:rand()
<?=$public_r['add_variable name']?>
10 The call of empire cms search form
Reference code
Creation of search form for empire cms7.5
https://www.4s5.cn/archives/57.html
The system limits the search interval to 30 seconds, please search again later.
11 Production of Imperial CMS product list page
Controllable
Breadcrumbs:[!--newsnav--]
Column name:[!--class.name--]
The title code of the content page of the empire cms list page
https://www.4s5.cn/archives/56.html
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
12 Adjustment of empire cms paging style
<style>
.nav-links a{
display: inline-block;
padding: 5px 10px;
border: 1px solid #CCC;
color: #A4A4A4;
margin: 0 3px 6px;
font-size: 14px;
}
.nav-links>b{
border: 1px solid #fe6716;
background: #fe6716;
color: #fff;
text-decoration: none;
display: inline-block;
padding: 5px 10px;
margin: 0 3px 6px;
font-size: 14px;
}
</style>nav-links class attribute value of the div box that stores the paging code
a The a tag in the paging code called by our own tag
b The code of the current page number under the box
13 Empire cms calls TAG tag cloud
The tag is not displayed because there are no articles in the tag.
14 Production of imperial cms product details page
After modifying the public template variables, the data needs to be updated.
16 Empire cms news content page call
HTML formatting tool
https://www.iamwawa.cn/htmlformat.html
15 Empire cms news list page production
Title TDK calling code:
<title>[!--pagetitle--] - <?=$public_r['sitename']?></title>
<meta name="keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--]" />List loop code:
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]17 Modifications to the empire cms search page
Modification reference:
https://www.4s5.cn/archives/48.html
Modify default thumbnail
/e/data/images/notimg.gif