如何用Wordpress搭建手机端网站?
试试这个" />$description =""; $keywords =""; } elseif (is_single()){ if ($post->post_excerpt) { $description = $post->post_excerpt; } else { $description = substr(strip_tags($post->post_content),0,220); } $keywords = ""; $tags = wp_get_post_tags($post->ID); foreach ($tags as $tag ) { $keywords = $keywords . $tag->name . ", "; }}?>" />" />
怎样修改代码?网页怎样才可以自适应窗口?
展开全部 第一种尝试,直接修改宽高属性: 直接把embed中的width和height属性调整为百分比,代码如下: 但是浏览器都不识别,宽度倒是自适应的,但是高度始终都在150px左右,如下图,显示效果不佳。
第二种尝试,纯CSS的解决方案: 在网上搜到了一种采用纯CSS实现高度与宽度成比例的效果的方法,大致的思路如下: padding属性,是可以用百分比进行设置的,这个百分比是相对于其父元素的宽度而言的,即使对于 padding-bottom 和 padding-top 也是如此。
另外,在计算 Overflow 时,是将元素的内容区域(即 width / height 对应的区域)和 Padding 区域一起计算的。
换句话说,即使将元素的 overflow 设置为 hidden,“溢出”到 Padding 区域的内容也会照常显示。
综合上面所述,我们可以使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果。
因为视频高度是其宽度的 83%(宽度:480,高度:400),所以我们将 padding-bottom 设置为宽度的 83%。
同时将其 height 设置为 0 以使元素的“高度”等于 padding-bottom 的值,从而实现需要的效果。
代码如下: 测试结果:QQ浏览器正常显示,但是火狐浏览器、Chrome浏览器、IE和移动端测试的时候,视频都无法在网页中显示出来,故此方法放弃。
第三种尝试,WordPress中一种视频插件使用方案: 原理:在html语言里边,高度(宽度)使用百分比的时候是有要求的,就是他的外层(父层)必须有一个指定的高度(宽度),这样才可以得到这个百分比数。
所以在外层div中设置百分比宽度和高度,然后再在embed中使用百分比宽度和高度。
代码如下: 测试结果:QQ浏览器正常显示,但是火狐浏览器、Chrome浏览器、IE和移动端测试的时候,视频都无法在网页中显示出来,故此方法放弃。
最后一种尝试,采用脚本控制宽高比例的方案: 这也是最后采用的方案。
由于是在博客编辑器里面编辑的内容,所以一直想通过CSS的方法来解决,可是上面的方式都有明显的缺陷,最终被迫采用脚本来控制列的高度,代码如下: document.getElementById("movie").style.height=document.getElementById("movie").scrollWidth*0.8+"px" 测试了一下,火狐浏览器、QQ浏览器和Chrome浏览器下显示均正常,移动端测试也没问题,唯一的遗憾就是没有实现实时自适应,调整窗口宽度之后需要刷新,高度才能恢复到与宽同比例。
wordpress 怎样让日志图片锁定长宽比
展开全部 进入wordpress后台插件栏目下的安装插件,来安装我们需要的Hermit虾米音乐播放器插件在搜索框内输入Hermit,搜索插件,第一个就是我们要找的,点击安装按钮,开始插件安装安装好插件后,开启插件后,后台多出一个Hermit播放器按钮,点击进入Hermit播放器管理在这里可以添加音乐库,可以供我们在写文章时候方便调用同时,我们在写文章的时候会发现编辑栏上方多出一个添加音乐的按钮我们可以添加虾米音乐的单曲、专辑、精选集,只要在框内填入虾米音乐的地址,多个单曲按回车键。
还可以设置自动播放、循环播放、折叠播放列表这里还有个远程音乐按钮,这个就是调用我们在第4步添加的音乐添加入文章后我们看看效果,播放器是自适应的,在移动设备也能自动适应屏幕,非常不错...
转载请注明出处51数据库 » 自适应 wordpress