phpcmsでホームページを置き換える方法-PHPCMS-php.cn

phpcmsでホームページを置き換える方法

尚

リリース： 2019-10-30 11:41:22

オリジナル

2872 人が閲覧しました

phpcmsでホームページを置き換える方法

ホームページを phpcms に置き換える方法:

まずは静的な企業 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>
         <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>腐败发布啊</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>

ログイン後にコピー

運用効果:

phpcmsでホームページを置き換える方法 Web ページの JS ファイルと CSS ファイルを statics フォルダー内の対応する場所に置きます。

phpcmsでホームページを置き換える方法

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

置換方法:

{CSS_PATH} は、定義された CSS ストレージパスを表します。 by CMS

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

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

phpcmsでホームページを置き換える方法

# # 1. 要件の設定使用するテンプレート

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

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

phpcmsでホームページを置き換える方法

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

phpcmsでホームページを置き換える方法

作成した .html Web ページのファイル名を Index.html に変更し、コンテンツフォルダーに配置します。

phpcmsでホームページを置き換える方法

phpcms バックグラウンドにログインすると、新しく追加されたテンプレート

phpcmsでホームページを置き換える方法

がインターフェイスに表示されることを確認します - >> テンプレートスタイル - >> サイト管理でテンプレートスタイルを選択し、[OK] をクリックします。

phpcmsでホームページを置き換える方法 #キャッシュを更新してホームページを生成します

phpcmsでホームページを置き換える方法

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

phpcmsでホームページを置き換える方法

1phpcmsでホームページを置き換える方法 2. テンプレートを分割します

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

それぞれ新しいヘッダーを作成します。 .html footer.html のコンテンツ部分は、index.html に保持されます。

コード {template "content","header"} を次の場所に追加します。 header.html をインポートするには、index.html の先頭を追加します

footer.html をインポートするには、index.html の最後にコード {template "content","footer"} を追加します

3. ヘッダーに列

を追加します。HTML

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

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

ナビゲーション監視効果を高めたい場合は、コードを追加します:

<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>

ログイン後にコピー

表示効果:

##列の追加: 1phpcmsでホームページを置き換える方法

phpcms の背景で、コンテンツ->>管理列に列を追加

追加する必要がある列を追加するだけです。テンプレート設定のテンプレートを現在のテンプレートに変更する必要があります。

4. 列にコンテンツを追加します

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

最初に内部リンクを追加します:

コード:

<a href="{$CATEGORYS[10][url]}">更多</a>

ログイン後にコピー

中央の数字は phpcms 背景の列コードを表します

div のコンテンツのダイナミクスを設定します:


            新闻<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}

ログイン後にコピー

推奨事項:

php サーバー

以上がphpcmsでホームページを置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。