コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > 本文

phpcms がホームページを置き換える

高洛峰
リリース： 2023-03-05 20:04:01
オリジナル
3105 人が閲覧しました

phpcms を使用して企業 Web サイトを作成するには、まず静的な企業ホームページをバックグラウンドで編集できる動的ホームページに置き換える必要があります。

まず静的な企業Webサイトのホームページを作成します: 

<!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>
		 <p 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>
    	
    </p>
    
    <p id="content">
		<p class="list">新闻<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>腐败发布啊</p></p>
		<p class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年级</p></p>
		<p class="list">关于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>打你叫你</p></p>
		<p class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛囊烦恼</p></p>
	</p>
	
	<p 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>
	</p>
	</body>
</html>
ログイン後にコピー

実行効果:

phpcms 替换首页

Webページ内のすべてのJSとCSSをJSとCSSファイルにインポートし、静的フォルダーに置きます対応する場所。

phpcms 替换首页

を作成し、次の形式に従ってファイル アドレスを変更します。

置換方法:

{CSS_PATH} は CMS によって定義された CSS ストレージ パスを表します

{JS_PATH} は CMS によって定義された JS ストレージ パスを表します

{ IMG_PATH} は CMS 定義の画像保存パスを表します

phpcms 替换首页

1. 使用するテンプレートを設定します

phpcms のデフォルトのテンプレートを自分で作成したテンプレートに変更します。

phpcms/install_package/phpcms/templatesに新しい英語フォルダーを作成します

phpcms 替换首页

このフォルダーの下にコンテンツフォルダーを作成します

phpcms 替换首页

作成した.html Webページファイルをindex.htmlに変更してコンテンツ内に置きますフォルダー

phpcms 替换首页

phpcms バックエンドにログインすると、インターフェイスが表示されます - 「新しく追加されたテンプレートはテンプレート スタイルに表示されます

phpcms 替换首页

設定 -」 サイト管理でテンプレート スタイルを選択し、クリックしますわかりました 。

phpcms 替换首页

キャッシュを更新し、ホームページを生成します

phpcms 替换首页

phpcms 替换首页

この時点で、サイトのホームページをクリックすると、テンプレートが正常に変更されたことがわかります:

phpcms 替换首页

2. テンプレートを分割します

テンプレートを分割します ヘッダーコード、コンテンツコード、テールコード

をそれぞれheader.html、footer.htmlとして新規作成します コンテンツ部分はindex.htmlにそのまま残ります

コードを追加します。 template "content", "header"} をindex.htmlヘッダーにインポート header.htmlをインポートするには

index.htmlの末尾にコード{template "content","footer"}を追加してfooter.htmlをインポートします

3. header.html に列

を追加します

まず、ナビゲーション バーにリンクを追加します: 

<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>
ログイン後にコピー

を次のように変更します: 

{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 は最大数です。列

ナビゲーション監視を追加したい場合 コードを追加する効果です For: 

<p 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>	
    	
    	
    </p>
ログイン後にコピー

表示効果:

phpcms 替换首页 ホームページのみを表示します

列を追加します:

phpcmsの背景で、Content-》Management列に列を追加します

が必要になります。追加した列を追加するだけです。テンプレート設定のテンプレートを現在のテンプレートに変更する必要があることに注意してください。

表示:

phpcms 替换首页 4番目、列にコンテンツを追加します

次の4つのpsで動的コンテンツを実現します

index.htmlのコードを変更します

首先给更多添加内部链接：

代码：

<a href="{$CATEGORYS[10][url]}">更多</a>
ログイン後にコピー

　中间的数字代表phpcms后台中栏目代号

 

给p的内容设置动态：


			新闻<a href="{$CATEGORYS[10][url]}">更多</a> 
			{pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"}
			{loop $data $r $val}
			
{$val[title]}

			
{$val[description]}

			{/loop}
        	{/pc}
ログイン後にコピー

　

其余三个都是同样的方法

phpcms 替换首页

尾部 footer.html也是与头部同样的方法遍历

更多phpcms 替换首页 相关文章请关注PHP中文网！

 

関連ラベル：
phpcms
ソース：php.cn
前の記事：php CSS更新クラス 次の記事：PHPWAMP の自動起動が異常で、サーバー再起動後に Apache などのサービスが自動的に再起動しない原因の分析
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1947
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2113
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1783
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1684
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1694
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート