Og图像不能在wordpress中的whatsapp共享

最初它是工作时，我在whatsapp共享blogpost链接，然后添加新的meta标签在网站header.php页面它只与元标记og图像工作。最后我删除它，但它不工作。Og图像不能在wordpress中的whatsapp共享

我的更改（带有og图像的元标记）正在添加到此header.php页面，但共享帖子的图像不能与该链接一起工作。请帮助我。的header.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 -->

的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! 
* 
*/ 

// load header 
get_header(); 

// Get Page properties 
$mip_current_page = new MipThemeFramework_Page(); 

// Update Post View 
MipThemeFramework_Post_Views::update_post_views($post->ID); 

// Load Custom post headers 
get_template_part('elements/parts/post-header-'. $mip_current_page->page_template .''); 
?> 

    <!-- start:post-info-bar --> 
    <?php if ($mip_current_page->enable_post_info_bar) get_template_part('elements/post-info-bar'); ?> 
    <!-- end:post-info-bar --> 

    <!-- start:page content --> 
    <div id="page-content" class="<?php echo esc_attr($mip_current_page->page_template_class); ?> clearfix"> 

     <?php 
      //get sidebar 
      if (($mip_current_page->page_sidebar_template == 'left-sidebar')&&(!wp_is_mobile())) get_sidebar(); 
     ?> 

     <!-- start:main --> 
     <div id="main" class="main article"> 
      <!-- start:article post --> 
      <article id="post-<?php echo esc_attr($post->ID); ?>" <?php post_class('article-post clearfix'); ?> <?php echo MipThemeFramework_Util::get_item_scope($mip_current_page->review_post); ?>> 
      <?php 
       if (have_posts()) : 
        // Get Template 
        get_template_part('elements/'. $mip_current_page->page_template .''); 
       else : 
        // No Posts 
        esc_html_e('No posts.', 'newsgamer'); 
       endif; 
      ?> 
      </article> 
      <!-- end:article post --> 
     </div> 
     <!-- end:main --> 

     <?php 
      //get sidebar 
      if (($mip_current_page->page_sidebar_template == 'right-sidebar')||(($mip_current_page->page_sidebar_template == 'left-sidebar')&&(wp_is_mobile()))) get_sidebar(); 
     ?> 

    </div> 
    <!-- end:page content --> 

<?php 
    // load footer 
    get_footer(); 
?>

1.Normally当共享帖子我得到这样 enter image description here 2.当添加meta标签的图像与任何图像链接我得到这样的内容这 enter image description here意味着获得任何职位的图像。但我需要不同的图像（职位）与不同的职位。请帮助我的任何人。

来源

2017-09-06 Ramees V P

你可以为single.php和header.php显示一些代码吗？虽然这个线程可能有所帮助 - https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work –

如果添加这些链接我在任何帖子分享时都会看到这些图片但是当我分享这篇文章时我想要正确的帖子图片。我能做些什么请帮忙。 –

添加此功能在您的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中添加图像。希望这种方法可以帮助你！

来源

2017-09-08 11:38:43

这是工作!!!!! .....非常感谢你先生。 @karthik CP对我来说非常重要。你对我目前的状况做了很好的工作和很大的帮助。 –

@RameesVP乐于帮助:) –

Og图像不能在wordpress中的whatsapp共享

回答

相关问题