SEO推广代运营

首页 > SEO推广代运营 > 正文内容

博客在iPhone中的显示

襄助网络2周前 (11-07)SEO推广代运营412

预计在未来一两年内,移动终端上网用户将超过PC互联网。这话不是我说的,而是出自新浪 CEO 曹国伟之口。当然,我也很认同他的观点,在无聊的上下班路上在领导开会高谈阔论时甚至是坐在马桶上便便的时候,移动终端设备都已经成为了替换电脑随时随地可以连接上互联网的最好工具。而如今最火最潮的移动终端设置无异于苹果系列的 iPhoneiTouch 以及 iPad,也就是说,如果你的网站可以在以上这些移动终端设备上能够提供更好的用户体验,也就有可能赢得更多的市场。

本文将以 iPhone 为例,介绍一下如何在众多移动终端设备上个性化设置你的 WordPress 博客。有 iPhone 的童鞋不妨先用 iPhone 上的浏览器 safari 来浏览一下本站,看一下和电脑上的浏览器看到的有何不同

哈,没错,如图所示,左右两图分别是本站首页优化前和优化后的比较。在优化之前iPhone 上浏览本站基本上和在电脑上看到的一样,而在优化之后 iPhone 上浏览本站则可以看到一个单栏的页面。相对电脑显示器来说,手机显示屏很小,要在有限的显示范围内展现给用户最重点最需要的内容才是王道,所以我把侧边栏轮播图广告顶部工具条评论部分等那些个花里胡哨的东西给隐藏了,这是如何做到的呢

博客在iPhone中的显示

其实很简单,因为我们知道 iPhone 显示屏的分辨率统一是 480px,那就只需要为这一宽度的设备单独定义样式就可以了,就和普通的 CSS 引入方法类似,方法有两种:

1为 iPhone 单独引入一个新的 CSS 文件(我就是这么干的)

/iphone.css" />

把这个放在 header.php 头部的 style.css 引入文件之后就可以。

2直接在 style.css 中修改,把对 iphone 下的样式定义写在 style.css 中的最后即可。

@media only screen and (max-device-width:480px) {

.forIphone{

/* style for iPhone */

}

}

@media only screen and (max-device-width:480px) 这种是 CSS3 的写法,所以你妄想在 iPhone 下用其他什么扣扣浏览器UCWEB 等货去尝试,此方法只对 safari 等标准浏览器有效。

此方法只是一个抛砖,还有更多神奇的玩法等你去开发,比如说如何优化 WordPress 在 iPad 上的显示当然,这个方面不只是应用在 WordPress 上,所有支持 CSS3 浏览器的用户和网站都能实现这一功能,try try 吧~

相关文章

宁波SEO排名优化推广机构

宁波SEO排名优化推广机构

在现如今数字化时代,拥有一个优化的网站排名对于企业的发展至关重要。要使自己的网站脱颖而出,吸引更多的用户流量并提升排名并非易事。在这种情况下,使用SEO网站优化排名软件成为了一种有效的方式。本文旨在介...

婚庆行业SEO优化策划医疗行业SEO优化策划

婚庆行业SEO优化策划医疗行业SEO优化策划

SEO优化是指通过优化网站结构内容和外部链接等方式,提高网站在搜索引擎中的排名,增加网站曝光度和流量。在婚庆行业中,SEO优化对于婚庆公司的发展至关重要。本文将介绍婚庆行业SEO优化的策划方法和关键要...

长尾关键词的四个阶段

长尾关键词的四个阶段

对于网站来说,长尾关键字带来的流量是有限的。为了获得超高的流量,我们需要优化大量的长尾关键词。那么,如何做好长尾关键词的筛选呢1 长尾关键字输入阶段用自己的感情做长尾关键词。很多站长上网的时候,对自己...

事半功倍的网站SEO优化方法有哪些

事半功倍的网站SEO优化方法有哪些

1 是网页的标题部分,也就是网站的标题。关键词必须出现在网站的标题,如果网站想做关键字排名。头一个关键字的权重与关键字的权重不同。2 它是网页的元数据描述部分,是网站的描述部分。描述部分可以对网站进行...

哪种seo优化公司更适合做关键词排名优化服务

哪种seo优化公司更适合做关键词排名优化服务

哪家公司更适合做关键词排名优化为什么在一个行业里,有些公司可以发展得更好,而有些公司会很快被淘汰。事实上,这有很多原因。当然,除了自身管理不善,也与网络营销的效果有较大关系。在很多情况下,品牌形象是根...

开SEO优化网站内容

开SEO优化网站内容

SEO(Search Engine Optimization)是指通过优化网站结构和内容,提高网站在搜索引擎结果中的排名,从而增加网站流量和曝光度的一种技术手段。针对SEO优化网站内容,以下是关键的几...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待