现在的位置: 首页wordpress>正文
如何在wordpress中嵌入淘宝商铺
2012年05月08日 wordpress 暂无评论

其实在wordpress中嵌入淘宝商铺或者其他网站的内容是很简单的,总的来说会用到iframe标签,iframe 标签可以使任何HTML页面实现内联框架。但有些主题会自带嵌入内联框架,我们就先以主题自带内联框架开始,我的主题是string,如下:

  1. 首先打开新建页面,这个就不多说了
  2. 在页面编辑栏会找到插入项[S]-高级-内联框架,输入要嵌入的网址,及图像尺寸即可。

              下面我们以主题没自带,首先我们来了解下iframe标签,先看以下标签: <iframe src="http://www.taobao.com/"  style=" margin: 10px 0 0 1px;" width=960  height=960 scrolling="no"  allowtransparency="no"> </iframe>  其中

  • src表示你要嵌入的网页地址 ;
  • style属性值:margin为上右下左的边距,width宽度,height高;
  • scrolling=“no"滚动设置,"auto"自动,也可调设置成"yes";
  • allowtransparency="no"不通明,“ture”为透明。

下面我们开始制作:

    1. 我们有后台控制面板打开外观-主题-编辑,找到页面模板提出重命名为比方taobao.php
    2. 保留前部 <?php   /* Template Name: taobao */   ?> taobao为模板名,可以随意命名,并将后面部分全部删除。
    3.  在前面代码后输入代码,总的taobao.php代码如下: <?php get_header(); ?>  <div id="primary"> <iframe  src="http://www.taobao.com/"  style=" margin: 10px 0 0 10px;" width=976  height=1530  scrolling=no allowtransparency="no"></iframe>    </div><!-- #primary -->    <?php get_footer(); ?>  
    4.  以上代码输入时尽量手写输入(考虑到输入法的问题),如果不要完全显示嵌入的网页可将width=100%即可
    5. 然后新建页面,在页面的属性选“taoba”模板发布即可 

分享到:




【下篇】

给我留言

留言无头像?