无作为
不仅仅是一种态度!
当前位置: 无作为 » 技术教程 » wordpress技术经验 » WordPress文章内容添加广告文字环绕广告

WordPress文章内容添加广告文字环绕广告

来给博客的正文内容添加一个文字环绕广告,在WordPress文章内容添加广告,让其效果显示为文字环绕的效果广告,

这样方便,又美观,而且实现也容易,我们只需要用到css样式中的浮动样式即可,下面是无作为使用的代码,给广告加浮动,从而实现:

WordPress文章内容添加文字环绕广告

登陆博客后台——左侧栏外观选项卡里的编辑选项,

在打开的主编辑页面中,点击右侧栏“主题文件”中的“文章页面模块(single.php)”

在代码中找到<?php the_content();?>代码,在其前面添加以下代码:

<div style="float:left;width:300px;height:250px;">
你的广告代码
</div>

代码中的float浮动熟悉大家可以自己适当调整,更具块元素的标签特性,以上代码意思是:WordPress文章内容添加广告文字环绕广告

红色部分中我们设置的300和250为广告的长宽,根据各自广告的实际情况作调整,这样广告就不会溢出这个范围,也可以把红色部分去掉,则广告会自动适应;而其中的left则是把广告显示在左边,如果换成right则显示在右边。

原理就是让这块元素半浮动,文字显示在其边上,如果你有html基础可以自己修改一下哦,以上代码不仅仅只是用于WordPress。

历史上的今天:

所有免费资源、福利、电影、破解软件未经允许不得转载:www.wuzuowei.net无作为 » WordPress文章内容添加广告文字环绕广告
分享到:更多 (0)

来句评论吧! 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

无作为-不仅仅是一种态度

我要提问查看分享