Question

最初，当我在whatsapp中共享blogpost链接，然后在网站header.php页面上添加新的元标记时，它正在使用元标记og图像。最后我删除它但它没有工作。

我的更改（带有og图像的元标记）正在添加到此header.php页面，但共享帖子的图片无法使用该链接。请帮助我。的header.php

container.select(MyLauncher.class).get().startScanner().get();

single.php中

<?php
/**
 * NewsGamer Theme
 *
 * Theme by: MipThemes
 * http://themes.mipdesign.com
 *
 * Our portfolio: http://themeforest.net/user/mip/portfolio
 * Thanks for using our theme!
 *
 */
?>

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>

    <!-- start:global -->
    <!-- <meta property="og:url" content="https://www.mediatenlive.com/webpage/"> -->

    <meta charset="<?php bloginfo( 'charset' );?>" />
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><![endif]-->
    <!-- end:global -->

    <!-- start:responsive web design -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />



    <!-- end:responsive web design -->
    <title><?php wp_title('|',true,'right'); ?></title>


    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php
        // Theme Custom Meta
        MipThemeFramework_Util::miptheme_set_meta();
    ?>

    <!-- start:wp_head -->
    <?php wp_head(); ?>
    <!-- end:wp_head -->

    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/respond.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- RMS Code Start -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
    $(function(){
        $(".soc-media").prepend("<a href='https://play.google.com/store/apps/details?id=com.mediaten.media10'><i class='fa fa-android'></i></a>");
        $(".soc-media-sharing").prepend('<a class="btn-social btn-facebook btn-icon" href="whatsapp://send?text='+window.location.href+'" onclxick="window.open(this.href, \'weeklywin\', \'left=50,top=50,width=600,height=360,toolbar=0\'); return false;"><i class="fa fa-whatsapp fa-lg"></i><span id="smWhatsapp">whatsapp</span></a>');
    });

    /*$(document).click(function(event) { 
        //alert("Clicked");
        if(!$(event.target).closest('#mobile-menu').length && !$(event.target).closest('#nav-expander').length){
            //alert("outside menu=="+$('#mobile-menu').is(":visible")+"==");
            if($('#mobile-menu').is(":visible")) {
                //alert("visible");
                $('#mobile-menu').hide();
                $("#wall-ad-container").remove();
            }
        }        
    });*/
    </script>
    <!-- RMS Code End -->
</head>
<body <?php body_class() ?> itemscope itemtype="http://schema.org/WebPage">

    <!-- start:body-start -->
    <?php get_template_part('elements/body-start'); ?>
    <!-- end:body-start -->

    <!--RMS Code start:ad-top-banner -->
    <?php if (!wp_is_mobile()) echo"<div style='height:100px;align:center;' class='hidden-xs'></div>";get_template_part('elements/ad-wall-banner'); ?>

<!-- end:ad-top-banner -->

    <!-- start:page outer wrap -->
    <div id="page-outer-wrap">
        <!-- start:page inner wrap -->
        <div id="page-inner-wrap">

            <!-- start:page header mobile -->
            <?php get_template_part('elements/header-mobile'); ?>
            <!-- end:page header mobile -->

            <!-- start:page header -->
            <?php get_template_part('elements/header-navigation'); ?>
            <!-- end:page header -->

            <!-- start:page top grid -->
            <?php get_template_part('elements/top-grid'); ?>
            <!-- end:page top grid -->

            <!-- start:ad-side-banner -->
            <?php get_template_part('elements/ad-side-banner'); ?>
            <!-- end:ad-side-banner -->

            <!-- start:outside post header -->
            <?php get_template_part('elements/post-header-outside'); ?>
            <!-- end:outside post header -->

            <!-- start:ad-top-banner -->
            <?php get_template_part('elements/ad-top-banner'); ?>


            <!-- end:ad-top-banner -->

1.通常在分享帖子时，我会这样 enter image description here 2.当添加带有任何图像链接内容的元标记图像时，我会得到这样的结果 enter image description here表示获取任何帖子的图像。但我需要不同的图像（帖子）与不同的帖子。请帮助我。

Answer 1

我在OMG Diary News;上遇到同样的问题，当我在WhatsApp上分享帖子时，我的缩略图并没有显示出来。将图像尺寸减小到小于150kbs可永久解决问题。希望这也可能对你有用。

Answer 2

在functions.php中添加此功能

function doctype_opengraph($output) {
    return $output . '
    xmlns:og="http://opengraphprotocol.org/schema/"
    xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'doctype_opengraph');
function fb_opengraph() {
    global $post;

    if(is_single()) {
        if(has_post_thumbnail($post->ID)) {
            $img_src = wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID ), 'thumbnail');
        } else {
            $img_src = get_stylesheet_directory_uri() . '/img/opengraph_image.jpg';
        }
        if($excerpt = $post->post_excerpt) {
            $excerpt = strip_tags($post->post_excerpt);
            $excerpt = str_replace("", "'", $excerpt);
        } else {
            $excerpt = get_bloginfo('description');
        }
        ?>

    <meta property="og:title" content="<?php echo the_title(); ?>"/>
    <meta property="og:description" content="<?php echo $excerpt; ?>"/>
    <meta property="og:type" content="article"/>
    <meta property="og:url" content="<?php echo the_permalink(); ?>"/>
    <meta property="og:site_name" content="<?php echo get_bloginfo(); ?>"/>
    <meta property="og:image" content="<?php echo $img_src[0]; ?>"/>

<?php
    } else {
        return;
    }
}
add_action('wp_head', 'fb_opengraph', 5);

这解决了我的问题！最初，meta标签位于每个标签下方，并没有获得图像！当我尝试这个时，元标记移动到所有其他标记之上，然后在WhatsApp中添加图像。希望这种方法可以帮到你！

Og Image无法在wordpress中使用whatsapp共享

2 个答案: