Chapter 1: the theme file structure

Release time:2017年08月08日 Author:Catfish CMS Reading volume:103288

Now we will learn how to create your own theme for your Catfish CMS site.


Production theme requires you to have basic html, css knowledge.


We are now  talking about the premise of making the theme that you already have a  preliminary html, css knowledge, if you do not have the knowledge, then  you take the time to add an additional get out of class. We are not here to expand the content of the study. Of  course, as long as you have html, css have an understanding on the  line, if you do not intend to learn html, css knowledge, then it does  not matter, we want to talk about the content you can understand,  because our theme is too simple.


One of the principles of Catfish CMS system design is to minimize the cost of learning for users, and to ensure simplicity, including the creation of themes.


Let us first understand the structure of the theme file.


The theme file is placed under the "public" folder.


When you download the Catfish CMS system, and decompression will be able to see the following figure shows the file structure

One of the "public" is the theme of our production files will be stored in the location.


After opening the "public" folder you will see the following folder structure

"Default" and  "blog" folder is the system comes with two themes folder, "default" is a  CMS-style theme, "blog" is a personal blog style theme.


Please do not delete the folder that comes with the system.


Now suppose we're going to create a new topic called "mytheme". Then we need to "public" folder to create a new folder, named "mytheme", as shown below


Then put the theme file you are going to create into your "mytheme" folder. The system will be able to automatically identify your theme.


Next, let's look at the "mytheme" folder should put some files.


We can first look at the "default" folder below the file structure

This is the "default" theme of all files and folders. Is not that super simple^_^


The following is a description of the file structure

Smart friends will find,  in fact, the main theme of the production work as long as the completion  of the production of three files on the line, because the header and  footer files are included in other documents, so as long as the  production of "article.html", "category. Html "," index.html "three documents on it.


The other is the "page" folder below the page template, you can, as the case made one, two, or more, the number is not limited.


We have learned  the structure of the theme file, the next one we will learn the theme of  the production need to use a simple template label.


Go to the next article


Original article, reproduced please specify:Chapter 1: the theme file structure | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment


Latest release

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

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

鲶鱼CMS的页面设置中如何增减数量

Catfish(鲶鱼) CMS自版本4.9.6开始支持对页面设置可增减操作,我们来看一下...

网站二次开发的正确姿势

经常有用户朋友问我关于二次开发的问题,现在将这个问题比较详细地说一下。 过来问我关于二...

css样式处理超长的连续字母或数字,实现自动换行

有的伙伴建站以后,会在自己的网站分享一些链接,并且有些链接是超长的,由于链接一般都是由字...

绿色目录主题标准版 GreenD theme for Catfish...

主题名称:绿色目录主题标准版 GreenD theme for Catfish-CMS主...

MIME在form表单的文件上传中的应用

我们在制作文件上传时,通常会使用HTML标签“<input type="...

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