首页CMSWordPress无插件添加open graph元标签的方法

WordPress无插件添加open graph元标签的方法

时间2023-04-20 02:36:01发布访客分类CMS浏览1026
导读:老蒋看到不少的网站头部META部分是有open graph元标签的,但是我的主题没有自带,如果用插件当然可以实现,但是不是我的初衷,因为我不是太喜欢安装太多插件,我是想着是否可以无需插件实现,这里整理到来自国外的网站分享和修改的open g...

老蒋看到不少的网站头部META部分是有open graph元标签的,但是我的主题没有自带,如果用插件当然可以实现,但是不是我的初衷,因为我不是太喜欢安装太多插件,我是想着是否可以无需插件实现,这里整理到来自国外的网站分享和修改的open graph添加到WordPress办法,先整理过来,后面有变动在基础上修改。

//Lets add Open Graph Meta Info add_action('wp_head', 'fc_opengraph');
function fc_opengraph() {
if( is_single() || is_page() ) {
    $post_id = get_queried_object_id();
    $url = get_permalink($post_id);
        $title = get_the_title($post_id);
        $site_name = get_bloginfo('name');
    $description = wp_trim_words( get_post_field('post_content', $post_id), 25 );
    $image = get_the_post_thumbnail_url($post_id);
    if( !empty( get_post_meta($post_id, 'og_image', true) ) ) 	{
    	$image = get_post_meta($post_id, 'og_image', true);
	}
 else {
    $image = 'set your image URl here';
	}
    $locale = get_locale();
        echo 'meta name="description" content="Put your website description here">
    ';
        echo 'meta property="og:locale" content="' . esc_attr($locale) . '" />
    ';
        echo 'meta property="og:type" content="article" />
    ';
        echo 'meta property="og:title" content="' . esc_attr($title) . ' | ' . esc_attr($site_name) . '" />
    ';
        echo 'meta property="og:description" content="' . esc_attr($description) . '" />
    ';
        echo 'meta property="og:url" content="' . esc_url($url) . '" />
    ';
        echo 'meta property="og:site_name" content="' . esc_attr($site_name) . '" />
    ';
    if($image) echo 'meta property="og:image" content="' . esc_url($image) . '" />
    ';
    // Twitter Card    echo 'meta name="twitter:card" content="summary" />
    ';
        echo 'meta name="twitter:site" content="@yourtwitterhandle" />
    ';
        echo 'meta name="twitter:creator" content="@yourtwitterhandle" />
    ';
    	echo 'meta name="twitter:title" content="' . esc_attr($title) . ' | ' . esc_attr($site_name) . '" />
    ';
    	echo 'meta name="twitter:description" content="' . esc_attr($description) . '" />
    ';
    	  echo 'meta name="twitter:image" content="' . esc_attr($image) . '" />
    ';
  }
}
    

根据需要再修改。

参考来自:https://medium.com/@harshcrop/wordpress-og-tags-scrtip-no-need-to-use-third-party-plugins-bb82731cd4d0

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

open graph元标签WordPress OG标签

若转载请注明出处: WordPress无插件添加open graph元标签的方法
本文地址: https://pptw.com/jishu/3943.html
正则表达式验证网址域名URL规范记录 Nginx网站环境实现子域名泛解析设置

游客 回复需填写必要信息