Rumah Tutorial CMS PHPCMS phpcms怎么替换首页

phpcms怎么替换首页

Oct 30, 2019 am 11:41 AM
phpcms muka depan

phpcms怎么替换首页

phpcms替换首页的方法:

首先做一个静态的企业站主页:

<!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>
Salin selepas log masuk

运行效果:

1.jpg将网页中的JS和CSS文件放入statics文件夹下的相应位置。

2.jpg

并将文件地址根据以下格式修改:

替换方式:

{CSS_PATH} 代表CMS定义的CSS存放路径

{JS_PATH} 代表CMS定义的JS存放路径

{IMG_PATH} 代表CMS定义的图片存放路径

3.jpg

一、设置要使用的模板

将phpcms中的默认模板改为自己制作的模板。

在phpcms/install_package/phpcms/templates新建一个英文文件夹

4.jpg

在此文件夹下在创建一个content文件夹

5.jpg

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中

6.JPG

登录phpcms后台,可以看到界面-》模板风格中会显示新添加的模板

7.jpg

设置-》站点管理中选择模板风格,点确定。

8.jpg

更新缓存,生成首页后

9.jpg

10.jpg此时点击站点首页 会看到模板更改成功:

11.jpg

二、拆分模板

将模板拆为头部代码,内容代码,尾部代码

分别新建为 header.html footer.html 内容部分依旧保留在index.html中

在index.html 头部加入代码 {template "content","header"} 以用来导入header.html

在index.html 尾部加入代码{template "content","footer"} 以用来导入 footer.html

三、添加栏目

在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>
Salin selepas log masuk

修改为:

{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}
Salin selepas log masuk

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>
Salin selepas log masuk

显示效果:

12.jpg

添加栏目:

在phpcms后台中,内容-》管理栏目中添加栏目

将需要添加的栏目添加即可,注意模板设置中模板要修改为当前模板。

四、给栏目添加内容

修改index.html的代码

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

代码:

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

中间的数字代表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}
Salin selepas log masuk

推荐:php服务器

Atas ialah kandungan terperinci phpcms怎么替换首页. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyediakan halaman utama Google Chrome Bagaimana untuk menyediakan halaman utama Google Chrome Mar 02, 2024 pm 04:04 PM

Bagaimana untuk menyediakan halaman utama Google Chrome? Google Chrome ialah perisian penyemak imbas web yang paling popular hari ini. dan sesetengah orang suka menetapkan halaman utama sebagai enjin carian lain, jadi di manakah ia harus ditetapkan? Seterusnya, editor akan membawakan anda kaedah pantas untuk menyediakan halaman utama Google Chrome saya harap ia boleh membantu anda. Cara cepat menetapkan halaman utama Google Chrome 1. Buka Google Chrome (seperti yang ditunjukkan dalam gambar). 2. Klik butang menu di penjuru kanan sebelah atas antara muka (seperti yang ditunjukkan dalam gambar). 3. Pilih pilihan "Tetapan" (seperti yang ditunjukkan dalam gambar). 4. Dalam menu tetapan, cari "Enjin Carian" (seperti

Bagaimana untuk melompat ke halaman butiran dalam phpcms Bagaimana untuk melompat ke halaman butiran dalam phpcms Jul 27, 2023 pm 05:23 PM

Bagaimana untuk melompat ke halaman butiran dalam phpcms: 1. Gunakan fungsi pengepala untuk menjana pautan lompat;

Apakah yang perlu saya lakukan jika halaman utama Google Chrome berubah kepada 360? Apakah yang perlu saya lakukan jika halaman utama Google Chrome berubah kepada 360? Mar 15, 2024 am 08:16 AM

Apakah yang perlu saya lakukan jika halaman utama Google Chrome berubah kepada 360? Google Chrome ialah penyemak imbas yang ringkas dan mudah, tetapi ramai rakan mendapati bahawa halaman utama yang ringkas telah digantikan dengan halaman utama 360 semasa digunakan Jika mereka ingin memulihkannya kepada gaya asalnya, bagaimanakah ia harus ditetapkan? Di bawah, editor akan menunjukkan kepada anda cara memulihkan halaman utama Google Chrome. Penyelesaian: 1. Mula-mula buka Google Chrome. 2. Jika anda ingin menukarnya kepada lalai, klik tiga titik di penjuru kanan sebelah atas. 3. Klik [Settings] untuk membuka halaman tetapan. 4. Klik [Startup]. 5. Seperti yang ditunjukkan dalam gambar, [Buka halaman web tertentu atau sekumpulan halaman web] di sini ialah URL Navigasi 360. 6. Klik tiga titik di sebelah kanan navigasi 360. 7. Klik [Remove]. ,

Apakah rangka kerja phpcms? Apakah rangka kerja phpcms? Apr 20, 2024 pm 10:51 PM

PHP CMS ialah sistem pengurusan kandungan sumber terbuka berasaskan PHP untuk mengurus kandungan tapak web Ciri-cirinya termasuk kemudahan penggunaan, kefungsian berkuasa, berskala, keselamatan tinggi dan sumber terbuka percuma. Ia boleh menjimatkan masa, meningkatkan kualiti laman web, meningkatkan kerjasama dan mengurangkan kos pembangunan, dan digunakan secara meluas dalam pelbagai laman web seperti laman web berita, blog, laman web korporat, laman web e-dagang dan forum komuniti.

Panduan Integrasi Log Masuk WeChat: Pertempuran Praktikal PHPCMS Panduan Integrasi Log Masuk WeChat: Pertempuran Praktikal PHPCMS Mar 29, 2024 am 09:18 AM

Tajuk: Panduan Integrasi Log Masuk WeChat: PHPCMS dalam Tindakan Dalam era Internet hari ini, log masuk sosial telah menjadi salah satu fungsi penting laman web. Sebagai salah satu platform sosial yang paling popular di China, fungsi log masuk WeChat juga digunakan oleh semakin banyak laman web. Artikel ini akan memperkenalkan cara untuk mengintegrasikan fungsi log masuk WeChat dalam tapak web PHPCMS dan memberikan contoh kod khusus. Langkah 1: Daftar Akaun Platform Terbuka WeChat Pertama, kita perlu mendaftar akaun pembangun pada Platform Terbuka WeChat dan memohon kebenaran pembangunan yang sepadan. Log masuk [WeChat open platform]

UniApp merealisasikan reka bentuk dan kaedah pembangunan halaman utama dan halaman navigasi UniApp merealisasikan reka bentuk dan kaedah pembangunan halaman utama dan halaman navigasi Jul 07, 2023 pm 09:09 PM

Kaedah reka bentuk dan pembangunan UniApp untuk merealisasikan halaman utama dan halaman navigasi 1. Pengenalan UniApp ialah alat pembangunan merentas platform yang dibina pada rangka kerja Vue.js, yang boleh menyusun satu set kod untuk menghasilkan aplikasi untuk berbilang platform. Dalam UniApp, halaman utama dan halaman navigasi ialah dua halaman yang diperlukan semasa membangunkan aplikasi Artikel ini akan memperkenalkan cara mereka bentuk dan membangunkan dua halaman ini dalam UniApp, dan menyediakan contoh kod yang sepadan. 2. Reka bentuk halaman utama dan kaedah pembangunan Struktur halaman Halaman utama UniApp umumnya termasuk bar tajuk, karusel dan klasifikasi

Bukankah phpcms percuma? Bukankah phpcms percuma? Mar 01, 2023 am 10:24 AM

phpcms tidak sepenuhnya percuma. phpcms ialah sistem cms sumber terbuka, tetapi sumber terbuka tidak bermakna ia mempunyai dua versi: versi percuma dan versi komersil gunakannya untuk penyelidikan, dan jika ia adalah aplikasi komersial, anda perlu membayar yuran tertentu.

Apakah maksud phpcms? Apakah maksud phpcms? Apr 20, 2024 pm 10:39 PM

PHPCMS ialah sistem pengurusan kandungan (CMS) percuma dan sumber terbuka yang menampilkan: sumber terbuka, modulariti, fleksibiliti, mesra pengguna dan sokongan komuniti. Ia boleh digunakan untuk mencipta pelbagai jenis tapak web, termasuk tapak web korporat, tapak web e-dagang, blog dan forum komuniti. Keperluan teknikal termasuk: PHP 5.6 atau lebih tinggi, pangkalan data MySQL, MariaDB atau PostgreSQL dan pelayan web Apache atau Nginx.

See all articles