解决微慕微信小程序二维码在文章中显示不居中的问题

原始效果

二维码显示过小,而且不是局中,是靠左对齐;上方字体也是过小,字体没加粗;

解决方法

  • 修改微慕小程序代码
  • 外观自定义添加额外css

修改微慕微信小程序代码和在主题自定义加入css;

✅添加自定义css:

路径:wordprss后台👉外观👉自定义👉额外css

p img {
	display: inline-block;
	text-align: center;
}

✅修改微慕小程序代码

# 代码文件路径:/www/wwwroot/www.saiita.com.cn/wp-content/plugins/rest-api-to-miniprogram/includes/filter/ram-custom-content.php
# 在代码52行,style中添加代码:color: red; font-weight: bold;
$_content .= "<br /><hr style='width:100%;text-align:left;margin-left:2'><div style='width:100%,margin-top:20px;text-align:center;color: red; font-weight: bold;'>" . $message . $qrcode . "</div>";

✅完整代码

<?php
//解析腾讯视频,只支持一个腾讯视频
function custocm_content_filter($content)
{

    $_content = $content;
    if (is_single()) {
        $vcontent = get_post_qq_video($content);
        if (!empty($vcontent)) {
            $_content = $vcontent;
        }
    }

    $postId = get_the_ID();
    $excitationAd = empty(get_post_meta($postId, '_excitation', true)) ? "0" : get_post_meta($postId, '_excitation', true);
    $post = get_post($postId);

    
    $minapper_qrcode_url = empty(get_option('wf_minapper_qrcode_url')) ? '' : get_option('wf_minapper_qrcode_url');
    $display_qrcode = empty(get_option('wf_detail_bottom_display_qrcode')) ? '0' : get_option('wf_detail_bottom_display_qrcode');
    $excerpt = empty($post->post_excerpt) ? "" : $post->post_excerpt;
    if (strlen($excerpt) < 1 &&  strlen($_content) > 0) {
        $excerpt = ram_rewrite_content($_content, 500);
    }
    $message='';    
    if (is_single()) {
        $message = '微信扫描下方的二维码阅读本文<br/><br/>';
        if ($excitationAd == '1') { 
            $message = '微信扫描下方的二维码阅读全文<br/><br/>';       
            $_content = $excerpt;        
        }
      
        if($display_qrcode == '1')
        {  
            
            $qrcode=creat_minapper_qrcode($postId);
            $qrcode=$qrcode['qrcodeUrl'];
            $qrcode = "<p><img  width='200' src='" .$qrcode. "' ></p>";
            $_content .= "<hr style='width:100%;text-align:left;margin-left:2'><div style='width:100%,margin-top:20px;text-align:center;color: red; font-weight: bold;'><br/><br/>" . $message . $qrcode . "</div>";
        }
        else
        {
            if ($excitationAd == '1') {  
                $message = '微信扫描下方的二维码阅读本文<br/><br/>';
                $qrcode = "<p><img  width='150' src='" . $minapper_qrcode_url . "' ></p>";
                $_content .= "<br /><hr style='width:100%;text-align:left;margin-left:2'><div style='width:100%,margin-top:20px;text-align:center;color: red; font-weight: bold;'>" . $message . $qrcode . "</div>";
              
            }
           
        }
       
        
    }
    return $_content;
}



手机观看扫描下方微信小程序二维码


知识共享许可协议本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

相关推荐

【WP REST Cache】微慕小程序API加速设置,解决微慕小程序首页加载数据失败问题

微信小程序首页翻页会报数据加载失败,失败率很高,很影响使用体验,而且翻页加载速度很慢,大概每次都要3~6S。所以要找解决方法。还有就是微慕官网有API加速的插件,价格要299元,虽然价格不太贵。但这个应有免费的解决办法。所以百度了一下,最终找到了解决方法,就是下载安装WP REST CACHE 。设置了下,就解决了问题。

微慕微信小程序设置用户隐私协议

不设置微信用户隐私协议,会导致微信小程序登录问题失败问题。
原理是用户点击登录,弹出用户隐私协议弹框,同意后才能登录微信小程序。
如果微信小程序已经发布了,也可以更新用户隐私。不需要跟微信小程序代码发布。
下面就是怎么跟新用户隐私 协议的内容

暂无评论

目录展开