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

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

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


Latest release

鲶鱼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.12