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

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

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>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{$title_easy}{$title}{$subtitle_easy}</title>
<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>
</head>
<body>
这里添加主体内容的HTML代码

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

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.

Reward

I want to comment Sign in to post a comment


Recommended reading

为抗击新型冠状病毒感染肺炎疫情出一份力的通知

据国家卫健委报告,新型冠状病毒感染肺炎确诊人数的日增加数量已经从前几日的每天几十人突然加...

Latest release

为抗击新型冠状病毒感染肺炎疫情出一份力的通知

据国家卫健委报告,新型冠状病毒感染肺炎确诊人数的日增加数量已经从前几日的每天几十人突然加...

关于赞助款使用情况的通报

自2019年7月31日起,至2020年1月28日止,累计收到赞助款120元8角8分,目前...

鲶鱼cms主题(模板)制作如何调用分组的幻灯片

我们在《鲶鱼cms如何使用幻灯片分组》中介绍了怎么使用幻灯片的分组,这一篇我们将进一步学...

鲶鱼系统主题(模板)制作的幻灯片代码实现

鲶鱼CMS可以在后台方便地设置幻灯片,鲶鱼Blog系统也可以在后台开启幻灯片的使用(详见...

鲶鱼Blog系统如何使用幻灯片

鲶鱼CMS系统的幻灯片设置是原生开启的,而鲶鱼Blog系统默认是关闭幻灯片的,如果要使用...

鲶鱼cms如何使用幻灯片分组

鲶鱼cms自从版本4.9.18开始支持幻灯片分组,这会给某些需要在页面展示多组幻灯片的应...

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 - 2020 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

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