Chapter 3: The theme file contains

Release time:2016年10月23日 Author:Catfish CMS Reading volume:84882

We learned about the use of the subject of a label, this one we will talk about how the main document contains another theme


We see the system default theme file "index.html" the first line of code and the last line of code are

{include file="public/default/header.html" /}

{include file="public/default/footer.html" /}

This means that the index.html file introduces two files, the header file header.html and the footer file footer.html.


Header and footer files are also introduced in article.html and category.html files to reduce duplication.


For example, the following code

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$title} | {$subtitle}</title>
    <meta name="keywords" content="{$keyword}">
    <meta name="description" content="{$description}">
</head>
<body>
Web page content

</body>
</html>

You can place  the top portion of the Page Content into the header file and put the two  lines of code below the Page Content into the footer file. Then this file looks like this is the following

{include file="public/default/header.html" /}

Web page content

{include file="public/default/footer.html" /}

When several  files have the same page header and footer files, we save a lot of code,  of course, you can also choose not to page header and footer files.


Note: Replace the gray part above with the name of your theme folder.


So far, we have finished the theme of the content produced, the specific production also requires you to practice more.


Original article, reproduced please specify:Chapter 3: The theme file contains | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment



Latest release

如何给导航菜单添加图标

我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示: 在鲶鱼系统...

bootstrap4导航菜单的二级下拉菜单鼠标悬停显示jQuery怎...

bootstrap的导航菜单默认都是通过鼠标点击来展开的,有时我们为了让浏览者有更好的访...

jQuery如何获取当前元素的ID

jQuery是一个优秀的JavaScript库,给前端页面的制作带来了极大的方便,鲶鱼系...

鲶鱼系统如何使用bootstrap4以及其辅助标签

Catfish(鲶鱼) CMS从4.9.3版开始原生支持bootstrap4,Catfi...

关于捐助款项的使用情况通报

自鲶鱼系统创建开始,截止于2019年7月31日,累计收到捐助款项179.46元(包含截止...

bootstrap4如何实现div的水平居中以及垂直居中

bootstrap是一款十分流行的前端组件库,我们在制作模板的时候,使用bootstra...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2019 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 4.9.33