杨泽业:给你的mipmcs网站默认模板添加网站logo详细教程

网站服务商杨泽业:给你的mipmcs网站默认模板添加网站logo详细教程今天我在我的另一个新的网站上面,感觉还是必须添加logo才更加有意义,但是默认的模板是显示文字的,于是我

网站服务商杨泽业:给你的mipmcs网站默认模板添加网站logo详细教程


今天我在我的另一个新的网站上面,感觉还是必须添加logo才更加有意义,但是默认的模板是显示文字的,于是我今天就开始研究怎么把默认的mipcms网站添加logo,而且在电脑和手机上面都能完美的展示。经过我在测试的网站什么操作,已经完美的解决了问题,于是就把研究的成果分享给大家,希望对想添加logo的人有用。


一、关于logo的高度,宽度,格式。


1.1、logo的高度。在默认的网站导航栏里面,默认的高度是60px的,所以我们做的logo的最大高度不应该超过60px,超过的话,就会拉高了默认模板的高度,感觉很难看。logo的高度建议在50-60px之间,网站服务商网设计的宽度是60px。


1.2、logo的宽度。宽度我觉得是不限制的。根据自己的实际需求来做。如果logo上面的字或者图像多的话,就会宽一点,字少就会窄一点,所以说,logo的宽度,每个网站都不应该是一样的,各自设计自己的logo的宽度就行了。网站服务商网设计的宽度是120px。

1.3、logo的格式。我的建议是设计透明背景的png格式的logo,那样可以与网站底色一致,不会感觉看起来怪怪的。

1.4、ftp上传logo。我们把做好的logo.png图片,上传到网站的指定位置,我是建议和网站服务商一样上传到网站的根目录里面即可。


二、修改网站代码

2.1、替换原理。理论上只要把显示文字地方{$mipInfo['siteName']}改成显示图片<mip-img src=""></mip-img>就行了,实际上呢?这样做是不行的,电脑看起来还好,到了手机上面那就把logo全屏显示了。logo缩放得超大,太难看了,所以我们还要添加一个样式表才行。


2.2、图片代码替换文字代码。我们打开头部模板文件,路径/template/default/main/header.html里面的把logo图片加一个样式就行了代码是{$mipInfo['siteName']}改成<div class="logo"><mip-img src="{$domain}/logo.png"></mip-img></div>。


2.3、从第4行起,代码是:

<div class="logo-text">

<a data-type="mip" href="{$domain}" data-title="{$mipInfo['siteName']}">

<div class="logo"><mip-img src="{$domain}/logo.png"></mip-img></div></a>

</div>


2.4、修改好的代码上传到网站里面,替换原来的内容。我们这里的代码是没有指定logo的宽度和高度的,也不需要指定大小,因为每个人是不一样的。


三。修改网站的  css样式表文件。

我们在样式表mipcms.css的文件,路径/public/assets/default/css/mipcms.css最后一行添加下面的代码即可:

.logo img {

  vertical-align: middle;

  width: auto;

  min-width: auto;

  height: auto;

}

上面的 css样式代码也是没有指定宽度和高度的,自动大小就行,设计多大就是多大,最大也是不会超过原来的大小的,这样的话,就不会全屏缩放了,在电脑和手机都能完美展示了。大家可以看看本站网站服务商的效果哦!

本文地址:https://www.wzfws.com/logo.html
欢迎关注我的微信和微信公众号

猜你喜欢

网站服务商的mipcms网站升级方案,mipjz升级教程

基于百度MIP开发的源码程序mipjz(原mipcms)早已更新到5.0.5了,本站在体验5.0.5版本以后,感觉比较好,可以轻轻松松的设置栏目要不要在导航里面显示,当然可能还

2020-02-25  分类:mipcms  浏览:1660次


mipcms出现SQLSTATE[42S02]: Base table or view not found错误的解决方法

我今天重启了服务器,重启以后居然所有的mipcms的网站,全部打不开了出现了这样的错误:原因:SQLSTATE[42S02]:Basetableorviewnotfound:1

2020-02-24  分类:mipcms  浏览:3537次


杨泽业:关于对MIP建站系统mipjz(mipcms)的安全建议

使用mipjz程序的用户越来越多,mipjz的安全问题也越来越引起各位站长的注意,网站服务商(wzfws.com)站长杨泽业,建议大家这样操作,可以让你的网站更加安全:1、及时

2019-05-06  分类:mipcms  浏览:2407次


mipcms网站升级mipv2组件教程及mipv2常用组件说明

昨天使用mip官方v1组件的mipjz(原mipcms)网站,在部分电脑(或者运营商)上面打开网站出现白屏的情况,mipjz开发商团长,咨询了官方客服,建议大家把自己的网站升级

2019-03-13  分类:mipcms  浏览:1412次


杨泽业:给你的mipcms网站添加自定义缩略图的功能

网站服务商杨泽业:给你的mipcms网站添加自定义缩略图我们在最新版本的mipcms3.6中的,默认的文章里面,在添加文章的时候,是没有自定义缩略图的功能,而在我们实际发布文章

2018-12-30  分类:mipcms  浏览:967次


杨泽业:修改mipcms网站后台地址的方法

在mipcms的网站系统里面,默认的网站后台地址是/admin或者/?s=/admin因为每个人都知道这个网站后台地址,所以就容易引起别人的暴力破解,我们修改了网站后台的登陆地

2018-12-25  分类:mipcms  浏览:1298次


12月20日左右大量thinkphp和mipcms网站被挂马的解决方法

在mipcms官方群里面,群主发布了一个公告:2018年12月9日ThinkPHP官方发布安全更新,披露了一个高危漏洞。MIPCMS安全更新方法:下载群共享App.php文件,

2018-12-21  分类:基础知识  浏览:1051次


杨泽业:给你的mipcms网站添加一个首页滚动公告栏

网站服务商杨泽业:给你的mipcms网站添加一个首页滚动公告栏如果你有什么公告或者广告的话,我觉得在首页左侧的位置添加一个滚动的公告栏(广告栏),这样的话,我感觉是比较好的。说

2018-11-20  分类:mipcms  浏览:951次


杨泽业:让mipcms侧边栏的部分栏目文章按标签样式显示(小众需求)

网站服务商杨泽业:让mipcms侧边栏的部分栏目文章按标签样式显示(小众需求)本站添加了一个叫做建站百科的栏目,因为百科是词条,字数肯定不会像普通文章那样长了,如果按照普通的文

2018-10-30  分类:mipcms  浏览:1090次


杨泽业:给mipcms网站的文章添加SEO标题

网站服务商杨泽业:mipcms优化教程:给mipcms网站的文章添加SEO标题我在上次做中国红和中国蓝的模板的时候,我就想把文章的seo标题加上去的,苦于不懂得怎么写入数据库,

2018-10-29  分类:mipcms  浏览:1153次