ホームページ バックエンド開発 PHPチュートリアル phpcms がホームページを置き換える

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

Feb 18, 2017 pm 04:01 PM
phpcms

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中文网!

 

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

phpcmsとはどのようなフレームワークですか? phpcmsとはどのようなフレームワークですか? Apr 20, 2024 pm 10:51 PM

PHP CMS は、Web サイトのコンテンツを管理するための PHP ベースのオープンソース コンテンツ管理システムであり、使いやすさ、強力な機能、拡張性、高いセキュリティ、無料のオープンソースが特徴です。時間を節約し、Web サイトの品質を向上させ、コラボレーションを強化し、開発コストを削減することができ、ニュース Web サイト、ブログ、企業 Web サイト、電子商取引 Web サイト、コミュニティ フォーラムなどのさまざまな Web サイトで広く使用されています。

phpcmsで詳細ページに飛ぶ方法 phpcmsで詳細ページに飛ぶ方法 Jul 27, 2023 pm 05:23 PM

phpcms で詳細ページにジャンプする方法: 1. header 関数を使用してジャンプ リンクを生成します; 2. コンテンツ リストをループします; 3. コンテンツのタイトルと詳細ページのリンクを取得します; 4. ジャンプ リンクを生成します。

WeChat ログイン統合ガイド: PHPCMS 実践的な戦闘 WeChat ログイン統合ガイド: PHPCMS 実践的な戦闘 Mar 29, 2024 am 09:18 AM

タイトル: WeChat ログイン統合ガイド: PHPCMS の実践 今日のインターネット時代において、ソーシャル ログインは Web サイトの重要な機能の 1 つになりました。中国で最も人気のあるソーシャル プラットフォームの 1 つである WeChat のログイン機能は、ますます多くの Web サイトでも使用されています。この記事では、WeChat ログイン機能を PHPCMS Web サイトに統合する方法と、具体的なコード例を紹介します。ステップ 1: WeChat オープン プラットフォーム アカウントを登録する まず、WeChat オープン プラットフォームに開発者アカウントを登録し、対応する開発権限を申請する必要があります。ログイン [WeChatオープンプラットフォーム]

2023 年の最新の phpcms ビデオ チュートリアルの推奨事項 (二次開発のために学習する必要があります) 2023 年の最新の phpcms ビデオ チュートリアルの推奨事項 (二次開発のために学習する必要があります) Oct 25, 2019 pm 03:45 PM

多くの Web マスターが二次開発や Web サイト構築に PHPCMS を使用しています。PHP 中国語 Web サイトでは特別に phpcms ビデオ チュートリアルを公開しています。Baidu Netdisk からダウンロードすることなく、いつでもどこでもビデオ チュートリアルを無料で視聴でき、非常に便利です。

phpcmsにコメント機能はありますか? phpcmsにコメント機能はありますか? Feb 16, 2023 am 10:06 AM

phpcmsにはコメント機能があります。 phpcms の組み込みのコメント モジュールは、Web サイト訪問者が自分の意見を投稿する機能を提供し、訪問者同士が対話して意見を交換できるようにして、Web サイトの人気を高めます。 PHPCMSのユーザーがメッセージを残すコメント機能には、コメント内に禁止語が含まれないように監査する機能も追加された。 Web サイト管理者にとって、PHPCMS のコメント モジュールはユーザーのコメントを簡単に管理でき、時間、キーワード、レビュー、その他の条件に基づいてメッセージの内容を検索して管理できます。

phpcms はどのデータベースを使用しますか? phpcms はどのデータベースを使用しますか? Feb 21, 2023 pm 06:57 PM

phpcms は mysql データベースを使用します。 phpcms は、PHP + MYSQL を技術基盤として使用して開発された PHP オープンソース Web サイト管理システムです。 PHPCMS V9 は基本的な動作フレームワークの構築に OOP 方式を採用しており、サポートされる PHP バージョンは PHP5 以降、サポートされる MYSQL バージョンは MySql 4.1 以降です。

phpcms で WeChat ログインを実装する方法 phpcms で WeChat ログインを実装する方法 Mar 09, 2023 am 09:33 AM

phpcms で WeChat ログインを実装する方法: 1. ルート ディレクトリに新しい「wechat.php」を作成します; 2. 「\phpcms\modules\member\index.php」の下に「public function wechat() {...}」を追加します。 "; 3. . "foreground.class.php" ファイルの wechat 関数を使用して、ユーザーがログインしているかどうかを判断するだけです。

phpcmsでサイト名を変更する方法 phpcmsでサイト名を変更する方法 Feb 24, 2023 am 09:29 AM

phpcms でサイト名を変更する方法: 1. 管理者を使用してバックエンド ページにログインします; 2. 上部のメニュー バーで [設定] オプションを見つけてクリックし、メニューの [サイト管理] を見つけます。左; 3. サイトを変更する必要がある項目を見つけて、サイトのドメイン名の右側にある変更リンクをクリックします; 4. ポップアップ ウィンドウでサイト名を変更します。

See all articles