Part IV: Basic Structure of HTML Code for Adaptive Mobile Theme Creation

Release time:2018年11月25日 Author:Catfish CMS Reading volume:6281

This content is not actually the content of the Catfish CMS system itself. It is the content of pure HTML code. It is written here for the convenience of theme creators. The basic tags of the Catfish CMS system have been added to the code. The following code is common to the Catfish CMS system and the Catfish Blog system.

Everyone knows that the current theme of the Catfish CMS system is adaptive, which means that both the computer and the mobile phone have good display effects.

So if you are going to design your own theme, how can you make the theme you adapt to various terminals?

Here is a basic HTML code structure:

<!DOCTYPE html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="{$keyword}">
<meta name="description" content="{$description}">
<link rel="icon" href="{$ico_easy}">
<link rel="stylesheet" href="{$domain}public/common/css/bootstrap.min.css">
<script src="{$domain}public/common/js/jquery.min.js"></script>
<script src="{$domain}public/common/js/bootstrap.min.js"></script>

<script src="{$domain}public/{$template}/js/footer.js"></script>

You can copy the past and start your theme page creation. The text "Add the HTML code of the main content here" is replaced with your actual HTML code.


I want to comment Sign in to post a comment

Latest release


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






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





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