Chapter 1: the theme file structure

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

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导航菜单的二级下拉菜单鼠标悬停显示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.27