{"id":47,"date":"2020-05-27T12:54:06","date_gmt":"2020-05-27T03:54:06","guid":{"rendered":"https:\/\/speedloger.com\/?p=47"},"modified":"2020-06-02T12:39:08","modified_gmt":"2020-06-02T03:39:08","slug":"%e8%b2%bc%e3%82%8a%e4%bb%98%e3%81%91%e3%81%9furl%e3%81%aeogp%e3%82%92%e8%a7%a3%e6%9e%90%e3%81%97%e3%81%a6%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ab%e3%81%97%e3%81%9f%e3%81%84","status":"publish","type":"post","link":"https:\/\/speedloger.com\/?p=47","title":{"rendered":"\u8cbc\u308a\u4ed8\u3051\u305fURL\u306eOGP\u3092\u89e3\u6790\u3057\u3066\u30ab\u30fc\u30c9\u306b\u3057\u305f\u3044"},"content":{"rendered":"<h1>\u57fa\u672c\u65b9\u91dd<\/h1>\n<p>\u4ee5\u4e0bURL\u3092\u307e\u308b\u3063\u3068\u53c2\u8003\u306b<br \/>\n<a href=\"http:\/\/mugen00.moo.jp\/web\/wordpress\/ogp-blogcard\"><a href=\"http:\/\/mugen00.moo.jp\/web\/wordpress\/ogp-blogcard\">http:\/\/mugen00.moo.jp\/web\/wordpress\/ogp-blogcard<\/a><\/a><\/p>\n<p>\u305f\u3060\u30ab\u30fc\u30c9\u306e\u30bf\u30a4\u30c8\u30eb\u304c\u6587\u5b57\u5316\u3051\u3059\u308b\u305f\u3081\u3001\u30b1\u30a2\u3092\u884c\u3046<\/p>\n<pre><code>\/\/ OGP\u306e\u89e3\u6790\nblogcard\nfunction outlink($atts) {\n    extract(shortcode_atts(array(\n        &#039;addtitle&#039; =&gt; &quot;\u30bf\u30a4\u30c8\u30eb\u306a\u3057&quot;,\n        &#039;link&#039; =&gt; &quot;&quot;,\n    ), $atts));\n\n    require_once &#039;OpenGraph.php&#039;;\n    $graph = OpenGraph::fetch($link);\n    if ($graph) {\n\n        $title       = $graph-&gt;title;\n\n        \/\/\u6587\u5b57\u5316\u3051\u5bfe\u5fdc\n        $title_check = utf8_decode($title);\n        if(mb_detect_encoding($title_check) == &#039;UTF-8&#039;){\n            $title = $title_check; \/\/ \u6587\u5b57\u5316\u3051\u89e3\u6d88\n        }\n\n        $src         = $graph-&gt;image;\n    }else{\n        $title       = $addtitle;\n        $src         = &quot;noimage.jpg&quot;;\n    }\n\n    $outlink = &#039;\n    &lt;a href=&quot;&#039;.$link.&#039;&quot; target=&quot;_blank&quot;&gt;\n    &lt;div class=&quot;card mx-auto mb-4&quot;&gt;\n    &lt;img class=&quot;card-img-top&quot; src=&quot;&#039;.$src.&#039;&quot; alt=&quot;&#039;.$title.&#039;&quot;&gt;\n    &lt;div class=&quot;card-body&quot;&gt;\n        &lt;p class=&quot;card-text mb-0&quot;&gt;&#039;.$title.&#039;&lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;\/a&gt;\n    &#039;;\n\n    return $outlink;\n}\nadd_shortcode(&#039;o_link&#039;, &#039;outlink&#039;);<\/code><\/pre>\n<h1>\u8a18\u8ff0\u3057\u305f\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9<\/h1>\n<pre><code>[o_link addtitle=&quot;ABCDEFG&quot; link=&quot;https:\/\/www.asahi.com\/articles\/ASN5V7FDPN5VPIHB01P.html&quot;]<\/code><\/pre>\n<h1>\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30c6\u30b9\u30c8<\/h1>\n<h2>\u9ad8\u3055\u304c\u5e73\u6c17\u30d1\u30bf\u30fc\u30f3<\/h2>\n\n    <a href=\"https:\/\/www.asahi.com\/articles\/ASN5V7FDPN5VPIHB01P.html\" target=\"_blank\">\n    <div class=\"card mx-auto mb-4\">\n    <img class=\"bd-placeholder-img card-img-top\" src=\"noimage.jpg\" alt=\"ABCDEFG\">\n    <div class=\"card-body\">\n        <p class=\"card-text mb-0\">ABCDEFG<\/p>\n    <\/div>\n    <\/div>\n    <\/a>\n    \n<h2>\u9ad8\u3055\u304c\u602a\u3057\u3044\u30d1\u30bf\u30fc\u30f3<\/h2>\n\n    <a href=\"http:\/\/mugen00.moo.jp\/web\/wordpress\/ogp-blogcard\" target=\"_blank\">\n    <div class=\"card mx-auto mb-4\">\n    <img class=\"bd-placeholder-img card-img-top\" src=\"https:\/\/i0.wp.com\/mugenweb-note.com\/web\/wp-content\/uploads\/2019\/06\/kawamuraIMGL4515_TP_V-1.jpg?w=900&#038;ssl=1\" alt=\"WordPress\u306e\u6295\u7a3f\u8a18\u4e8b\u5185\u306b\u5916\u90e8URL\u306eOGP\u3092\u53d6\u5f97\u3057\u3066\u30ab\u30fc\u30c9\u3092\u4f5c\u308b\" data-recalc-dims=\"1\">\n    <div class=\"card-body\">\n        <p class=\"card-text mb-0\">WordPress\u306e\u6295\u7a3f\u8a18\u4e8b\u5185\u306b\u5916\u90e8URL\u306eOGP\u3092\u53d6\u5f97\u3057\u3066\u30ab\u30fc\u30c9\u3092\u4f5c\u308b<\/p>\n    <\/div>\n    <\/div>\n    <\/a>\n    \n<p>\u307e\u3041\u4e00\u5fdc\u52d5\u3044\u305f\u304b\u3001\u30b9\u30bf\u30a4\u30eb\u306f\u8981\u8abf\u6574\u306e\u3088\u3046\u3060<br \/>\n\u3068\u3044\u3046\u3053\u3068\u3067\u8abf\u6574<\/p>\n<pre><code>\/* \u30ab\u30fc\u30c9\u306e\u30a4\u30e1\u30fc\u30b8\u9ad8\u3055\u4e0a\u9650\u3092\u56fa\u5b9a*\/\n.card-img-top {\n    width: 100%;\n    max-height: 30vw;\n    object-fit: cover;\n}<\/code><\/pre>\n<p><a href=\"http:\/https:\/\/stackoverflow.com\/questions\/37287153\/how-to-get-images-in-bootstraps-card-to-be-the-same-height-width\/\" title=\"\u53c2\u8003\">\u53c2\u8003<\/a><\/p>\n\n    <a href=\"https:\/\/getbootstrap.jp\/docs\/4.2\/components\/card\/\" target=\"_blank\">\n    <div class=\"card mx-auto mb-4\">\n    <img class=\"bd-placeholder-img card-img-top\" src=\"https:\/\/i0.wp.com\/getbootstrap.jp\/docs\/4.2\/assets\/brand\/bootstrap-social.png?w=900\" alt=\"Cards\" data-recalc-dims=\"1\">\n    <div class=\"card-body\">\n        <p class=\"card-text mb-0\">Cards<\/p>\n    <\/div>\n    <\/div>\n    <\/a>\n    \n","protected":false},"excerpt":{"rendered":"<p>\u57fa\u672c\u65b9\u91dd \u4ee5\u4e0bURL\u3092\u307e\u308b\u3063\u3068\u53c2\u8003\u306b http:\/\/mugen00.moo.jp\/web\/wordpress\/ogp-blogcard \u305f\u3060\u30ab\u30fc\u30c9\u306e\u30bf\u30a4\u30c8\u30eb\u304c\u6587\u5b57\u5316\u3051\u3059\u308b\u305f\u3081\u3001\u30b1\u30a2\u3092\u884c\u3046 \/\/ OGP\u306e\u89e3\u6790 blogca&#8230; &raquo; <a class=\"read-more-link\" href=\"https:\/\/speedloger.com\/?p=47\">read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":""},"categories":[6],"tags":[13],"aioseo_notices":[],"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mynote-thumbnail":false,"mynote-medium":false},"uagb_author_info":{"display_name":"\u7ba1\u7406\u30a2\u30ab\u30a6\u30f3\u30c8","author_link":"https:\/\/speedloger.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u57fa\u672c\u65b9\u91dd \u4ee5\u4e0bURL\u3092\u307e\u308b\u3063\u3068\u53c2\u8003\u306b http:\/\/mugen00.moo.jp\/web\/wordpress\/&hellip;","_links":{"self":[{"href":"https:\/\/speedloger.com\/index.php?rest_route=\/wp\/v2\/posts\/47"}],"collection":[{"href":"https:\/\/speedloger.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/speedloger.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/speedloger.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/speedloger.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":0,"href":"https:\/\/speedloger.com\/index.php?rest_route=\/wp\/v2\/posts\/47\/revisions"}],"wp:attachment":[{"href":"https:\/\/speedloger.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/speedloger.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/speedloger.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}