• 淘宝、京东、拼多多购物助手上线,希望大家多多支持!

  • 增加付费可看,结合购物助手

  • 马上要过年了

  • 下载资源可以使用了! :mrgreen:

  • 今天天气一般般!

[完整版]解决wordpress欲思主题使用阿里云存储OSS图片无法显示!

编程资料 空手师 5年前 (2019-08-13) 695次浏览 已收录 0个评论

最近喜欢上欲思这款主题!简洁大气,上档次!于是就拿来研究了一番!参考本站这款主题!由于建站初期选择的服务器也不是特别好,毕竟没有什么收入来源,选择了腾讯云的一款小鸡!宽带很小,图片多了就带不动了!本来打算图片放腾讯存储cos里的,由于知识太浅,网上找了很多教程wordpress始终无法上传到腾讯云cos,于是就选择了阿里云存储oss,这款欲思主题很奇怪无法获取oss图片!原因在于timthumb.php和阿里云oss图片缩放处理规则有冲突导致无法从oss获取图片,由于我知识浅薄,只能用笨方法一个一个改😂,如果你们有更好的处理方法请留言!

1.解决欲思主题幻灯片以及特色图片无法正常显示

在主题modules/sticky.php中 修改20行到24行:感觉作者应该多加了个点号!

  1. echo ‘<a target=”_blank” href=”#” title=”‘.get_the_title().‘”>’;
  2. echo ‘<img src=”‘;echo post_thumbnail_src();echo ‘?x-oss-process=image/resize,m_lfit,h_100,w_100″ /></a>’;
  3. endwhile;
  4. wp_reset_query();
  5. ?>

如图:

2.解决幻灯片缩略图无法正常显示

在主题modules/excerpt.php中 修改32行到34行:

  1. <?php if( $_thumbnail ){ ?>
  2. <div class=“focus”><a target=”_blank” href=”<?php the_permalink(); ?>“><img class=”thumb” src=”<?php echo post_thumbnail_src(); ?>?x-oss-process=image/resize,m_lfit,h_150,w_200″ alt=”<?php the_title(); ?>” /></a></div>
  3. <?php } ?>

如图:

3.解决搜索后图片不显示

在主题modules/related.php中 修改17行到20行:

  1. <li class=“related_box” >
  2. <a href=”<?php the_permalink();?>” title=”<?php the_title();?>” target=”_blank”>
  3. <img src=”<?php echo post_thumbnail_src();?>?x-oss-process=image/resize,m_lfit,h_110,w_185″ alt=”<?php the_title();?>” /><br><span class=“r_title”><?php the_title();?></span></a>
  4. </li>

如图:

 

4.解决文章底部推荐图片不显示

在主题modules/archive_title.php中 修改35行到36行:

  1. <div class=“focus”><a target=”_blank” href=”<?php the_permalink(); ?>“><img class=”thumb” src=”<?php echo post_thumbnail_src();?>?x-oss-process=image/resize,m_lfit,h_110,w_185″ alt=”<?php the_title(); ?>” /></a></div>
  2. <?php } ?>

如图:

 

原理

由于timthumb和阿里云存储OSS 缩略图规则不同,只需把图片关于timthumb的代码删除运用阿里云图片缩放参数即可!

阿里云存储OSS 参数:

具体使用教程请前往阿里云对象存储OSS图片缩放

补充:

5.解决聚合文章缩略图无法正常显示

在主题widgets/wid-postlist.php中 修改102行到103行:

<li><a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>” ><?php if( $img ){echo ‘<span class=”thumbnail”>’;echo ‘<img src=”‘;echo post_thumbnail_src();echo ‘?x-oss-process=image/resize,m_lfit,h_64,w_100″ alt=”‘.get_the_title().'” /></span>’; }else{$img = ”;} ?><span class=”text”><?php the_title(); ?></span><span class=”muted”><?php the_time(‘Y-m-d’);?></span><span class=”muted”><?php comments_number(”, ‘1评论’, ‘%评论’); ?></span></a></li>
<?php

 

 


空手之道 , 版权所有丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:[完整版]解决wordpress欲思主题使用阿里云存储OSS图片无法显示!丨部分内容为转载,如有侵权,请联系,删除处理!丨
喜欢 (0)

您必须 登录 才能发表评论!