How to replace the homepage with phpcms:
First make a static corporate website homepage:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> ul li{ list-style: none; display: block; position: relative; float: left; width: 100px; } ul{ height: 50px; } .base{ color: #000000; } .col{ color: #0000FF; } ul li a{ text-decoration: none; } #header{ width: 1200px; height: 50px; border: solid 2px #000000; } #footer{ width: 1200px; height: 50px; border: solid 2px #000000; } .list{ position: relative; width: 500px; height: 250px; margin-left: 50px; border: solid 2px #000000; margin-top: 10px; float: left; } #content{ width: 1200px; height: 550px; } </style> <body> <div id="header"> <ul> <li ><a class="col" href="">首頁</a></li> <li ><a class="base" href="">新聞</a></li> <li ><a class="base" href="">公告</a></li> <li ><a class="base" href="">關于我們</a></li> <li ><a class="base" href="">加入我們</a></li> </ul> </div> <div id="content"> <div class="list">新聞<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>腐敗發(fā)布啊</p></div> <div class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年級</p></div> <div class="list">關于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>打你叫你</p></div> <div class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛囊煩惱</p></div> </div> <div id="footer"> <ul> <li ><a class="base" href="">友情鏈接</a></li> <li ><a class="base" href="">鏈接1</a></li> <li ><a class="base" href="">鏈接2</a></li> <li ><a class="base" href="">鏈接3</a></li> <li ><a class="base" href="">鏈接4</a></li> </ul> </div> </body> </html>
Operation effect:
Put the JS and CSS files in the web page to the corresponding location under the statics folder.
And modify the file address according to the following format:
Replacement method:
{CSS_PATH} represents the CSS storage path defined by CMS
{JS_PATH} represents the JS storage path defined by CMS
{IMG_PATH} represents the image storage path defined by CMS
1. Setting requirements Template used
Change the default template in phpcms to the template you made.
Create a new English folder in phpcms/install_package/phpcms/templates
Create a content folder under this folder
Change the created .html web page file name to index.html and put it into the content folder
Log in to the phpcms background, You can see that the newly added template
will be displayed in the interface-》Template Style-》Select the template style in Site Management and click OK.
Update the cache and generate the home page
At this time, click on the home page of the site and you will see that the template has been changed successfully :
2. Split the template
Split the template into header code, content code, and tail code
Create new headers respectively The content part of .html footer.html is still retained in index.html
Add the code {template "content","header"} to the head of index.html to import header.html
Add the code {template "content","footer"} at the end of index.html to import footer.html
3. Add the column
in the header. In html
first add a link to the navigation bar:
Change
<ul> <li ><a class="col" href="">首頁</a></li> <li ><a class="base" href="">新聞</a></li> <li ><a class="base" href="">公告</a></li> <li ><a class="base" href="">關于我們</a></li> <li ><a class="base" href="">加入我們</a></li> </ul>
to:
{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"} <ul > <li><a class="base" href="{siteurl($siteid)}"><span>首頁</span></a></li> {loop $data $r} <li><a class="base" href="{$r[url]}"><span>{$r[catname]}</span></a></li> {/loop} </ul> {/pc}
num is the maximum number of columns
If you want to increase the navigation monitoring effect, add the code:
<div id="header"> <ul> {if $top_parentid==0}<!--判斷首頁顯示的是不是首頁--> <li><a href="{siteurl($siteid)}" class="col">首頁</a></li> <!--如果是首頁,給首頁加屬性字體顯示白色。--> {else} <li><a href="{siteurl($siteid)}">首頁</a></li><!--如果不是首頁,內容正常顯示。--> {/if} {pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"} {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判斷顯示的catid,如果是顯示的catid--> <li><a href="{$r[url]}" class="col">{$r[catname]}</a></li><!--加屬性,字體顯示白色--> {else} <li><a href="{$r[url]}" class="base">{$r[catname]}</a></li><!--如果顯示的不是,內容正常顯示--> {/if} {/pc} </ul> </div>
Display effect:
<a href="{$CATEGORYS[10][url]}">更多</a>The number in the middle represents the column code in the phpcms background Set dynamics for the content of the div:
Recommendation:新聞<a href="{$CATEGORYS[10][url]}">更多</a> {pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"} {loop $data $r $val}{$val[description]}
{/loop} {/pc}
The above is the detailed content of How to replace the home page in phpcms. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

How to set up Google Chrome homepage? Google Chrome is the most popular web browser software today. This browser has simple and efficient features that users like. When using browsers, different people have different settings preferences. Some people like to use Google Chrome. The browser is set as the default homepage, and some people like to set the homepage as other search engines, so where should it be set? Next, the editor will bring you a quick method to set up the homepage of Google Chrome. I hope it can be helpful to you. How to quickly set the Google Chrome homepage 1. Open Google Chrome (as shown in the picture). 2. Click the menu button in the upper right corner of the interface (as shown in the picture). 3. Select the "Settings" option (as shown in the picture). 4. In the settings menu, find "Search Engine" (such as

How to jump to the details page in phpcms: 1. Use the header function to generate a jump link; 2. Loop through the content list; 3. Get the title and details page link of the content; 4. Generate a jump link.

PHP CMS is a PHP-based open source content management system for managing website content. Its features include ease of use, powerful functionality, scalability, high security, and free open source. It can save time, improve website quality, enhance collaboration and reduce development costs, and is widely used in various websites such as news websites, blogs, corporate websites, e-commerce websites and community forums.

phpcms is not completely free. phpcms is an open source cms system, but open source does not mean free. It has two versions: free version and commercial version. The free version is limited to personal non-commercial use, while the commercial version requires purchasing a license; individuals can use it for research, and if it is commercial application , you need to pay a certain fee.

Title: WeChat Login Integration Guide: PHPCMS in Action In today’s Internet era, social login has become one of the essential functions of a website. As one of the most popular social platforms in China, WeChat’s login function is also used by more and more websites. This article will introduce how to integrate the WeChat login function in the PHPCMS website and provide specific code examples. Step 1: Register a WeChat Open Platform Account First, we need to register a developer account on the WeChat Open Platform and apply for the corresponding development permissions. Log in [WeChat open platform]

PHPCMS user name security setting strategy revealed In website development, user account security has always been an aspect that developers attach great importance to. The security settings of the username are also crucial, because the username is not only the user's login credentials, but may also expose the user's personal information and even cause security risks. This article will reveal the username security setting strategy in PHPCMS and give specific code examples for developers to refer to. 1. Prevent common usernames. In order to improve the security of usernames, developers should prevent users from using excessive

PHPCMS is a free and open source content management system (CMS) that features: open source, modularity, flexibility, user-friendliness and community support. It can be used to create various types of websites, including corporate websites, e-commerce websites, blogs, and community forums. Technical requirements include: PHP 5.6 or higher, MySQL, MariaDB or PostgreSQL database, and Apache or Nginx web server.

There are two well-known versions of phpcms, namely: 1. phpCMS4, which supports custom URL rules. The website management background is beautiful and easy to use, and has many front-end plug-ins, which can freely expand functions; 2. phpCMS2008R1, which supports multi-language, multi-site management, and page The manager is convenient, flexible, very lightweight, and runs fast.
