Wordpress博客首页显示小图内容显示大图修改方法

来源:未知 责任编辑:责任编辑 发表时间:2013-11-17 14:40 点击:

  测试如何让Wordpress的首页显示的是小图,点进去后的内容页就直接显示大图示,有的人好像喜欢这样的方式,如果你的blog是文章类型的,其实不太需要这个方法,而且图片的显示可以有很多选择并且随你高兴的交替使用,不多说废话,说明如何做到这个显示的方式。

  在发表文章的时候,请把缩图跟全图都写进去,在缩图的后面使用<–more–>,如此一来在首页的模版(index.php)中,只会显示到<–more –>的这个地方。然后在内容页的地方(single.php)用javascript把缩图隐藏起来即可(display: none; )理论上是这样的,但是我想不懂程式的可能听不懂我在说什么? 底下我将本文章的生成方式描述如下(在HTML的编辑框中):

<span id=”previewpage”> <a rel=”lightbox[groupname]” href=http://www.2cto.com/uploadfile/2012/1115/20121115084419723.jpg ” title=”无名美眉小图”><img width=”160″ src=http://www.2cto.com/uploadfile/2012/1115/20121115084419462.jpg ” alt=”美眉” height=”240″ /></a>首页要显示的文字</span ><!–more–> <script type=”text/javascript”> <!– $(” previewpage“).style.display=”none”; //–></script>   <img src=” http://你的网站URL图片路径/2293/1867653389_9c0555d380_o.jpg ” alt=”无名美眉大图” />

  首页已经有的文字要在这里再写一遍…..接下去是其他文章内容…。请注意,首页可显示的部分不仅仅限制只有图片,你只要用的标签把它框起来,并且给这个标签一个id (这里是previewpage),就如同: 

<span id=”previewpage”>首页的内容(包括缩图)</span>   然后加上<–more–>,后面接着一段javascript码,如下:   <script type=”text/javascript”> <!– $(” previewpage “).style.display=”none”; //–></script>

  注意$(”previewpage”)的previewpage就是你给span的那个id,名称要一样,后面再放你的原图案,并且将首页已经有的内容重写一遍,就可以了。

  最后记得一件事,最后请在HTML码的编辑框中写这些东西,储存完后就完成了,不要在HTML码的编辑框和即见及所得的编辑框换来换去,因为wordpress会自动把你的一些它认为无用的码吃掉或是多帮你写很多码,容易失败,最好最后在HTML的编辑框中完成就储存即可。

  内容转载:http://www.chinaxianghui.com 文本版权所有,转载请保留来源链接。

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • WordPress添加百度喜欢按钮小技巧
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • VPS安装Discuz! X2.5出现空白页面的解决方法
    • 修改去掉Zblog列表插件文章排行调用标题前面的时间
    • 网站改版案例分析:迅雷大全改版小结
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1