プラグインなしでブログカードを新規タブで開く方法とコード

カーメンテナンスWAKO'S

2024年11月21日 (木曜日)本日の人気記事トップ１０

• マイナ保険証なくても資格確認書で受診可能保険証は最長1年有効168
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法67
• エクストレイルフォグランプが下を向きすぎている光軸調整方法26
• Windows10で動かないアプリを動かす方法216
• カーメイトのエンジンスターターでエラー15表示と対処方法13
• ECUをリセットする方法。アイドリング不安定だったのでしょうがなく11
• エクストレイルT32オルタネーターB端子からプラシングとアーシング10
• ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に10
• エクストレイルリアワイパー交換方法と純正部品番号9
• Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)8

今日は2024年11月21日です。

目次に行く･戻る

2024年11月21日 (木曜日)↓における週間月間人気記事トップ３は？↓

• 本日
• 週間
• 月間

1. 

   エクストレイルフォグランプが下を向きすぎている光軸調整方法 39PV

   人気車種のSUVで日産エクストレイルT32型のフォグランプは、光軸が下を向きすぎているためせっかくLEDフォグランプにしたりHIDにしたりしてもその恩恵をあまりかんじられません。要は、ボンネットが少し…

   もっと読む

2. 

   Windows10で動かないアプリを動かす方法2 16PV

   先日も書きましたWindows10の不具合？に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…

   もっと読む

3. 

   ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に 9PV

   NISSANエクストレイルは日産の中でも人気のSUV車です。そのエクストレイルは今年の6月8日にT32型の後期型がマイナーチェンジして発売されました。新しい後期型にはメーカーオプションで話題の半分自動…

   もっと読む

1. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 648PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

2. 

   カーメイトのエンジンスターターでエラー15表示と対処方法 507PV

   夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

   もっと読む

3. 

   ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

   ここ最近のハイブリッド車や電気自動車においては、ハンドル（ステアリング）を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

   もっと読む

1. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 648PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

2. 

   カーメイトのエンジンスターターでエラー15表示と対処方法 507PV

   夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

   もっと読む

3. 

   ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

   ここ最近のハイブリッド車や電気自動車においては、ハンドル（ステアリング）を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

   もっと読む

メルカリ招待コード： 招待コードをコピー

先日、
WordPressにおいてブログカード（内部リンク用）を作成するショートコードのphp関数コードを紹介しました。

 

WordPressブログカード作成方法

昨今、ShereHTMLでのリンク作成がここ数年メジャーでしたが、 WordPressやはてなブログにおいてはブログカードなるものが出てきました。サイト内リンクや外部サ

https://infovarious.com/post-852/

 

上記ですが、
上記の記事のコードですとリンク先（内部リンク）の記事が同じタブで表示されてしまうので、
せっかく訪れてくれた方々がブログカードをクリックするとその記事が見れなくてってしまいます。

 

それではその記事が見たくてアクセスしてくれたのに、
クリックした瞬間に違う記事（URL）になってしまうので新規タブで開くようにコードを若干改変しました。

アドセンス336pxPC閲覧記事下表示1つ目コード

+人気カー用品を見てみるクリックでOPEN+

→人気のカーナビランキングカーメンテナンスWAKO'S車バイク用オイル

カーメンテナンス
ワコーズ

車バイク用オイル

ワコーズカーメンテナンス

Amazon ガレージサービス

カー用品取付/交換サービス

この記事を読む方へのオススメ

カーメンテナンス
ワコーズ

WAKO'S

+これまでによく読まれている記事一覧クリックでOPEN+

人気記事一覧

車のキーナンバー確認方法。キーレス紛失や壊れた時

150,849件の PV

ECUをリセットする方法。アイドリング不安定だったのでしょうがなく

106,820件の PV

Windows10,Windows8.1プロダクトキー確認方法

75,760件の PV

Windows10でエラーコード0x800705b4の対処方法

67,241件の PV

ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法

45,912件の PV

スロットルポジションセンサー調整で不安定なアイドリング調整

40,794件の PV

車から異音の原因。カラカラ、カタカタ、コトコトなど…。

38,216件の PV

Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法

37,259件の PV

ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法

36,737件の PV

カーメイトのエンジンスターターでエラー15表示と対処方法

34,156件の PV

• 廃バッテリー処分方法
• シガーライターソケット増設方法
• ナビテレビが見れなくなった時
• Windows10・Windows8.1プロダクトキー
• アルミテープチューン貼る場所
• 車から異音の原因
• スロットルポジションセンサー調整方法
• バッテリー交換後アイドリング不調
• ハンドルセンターズレ調整方法
• 車のキーンナンバー確認方法
• ECUリセット方法

ブログカード（内部リンク）を新規タブで開くようにコードは以下です。

/*部リンク本文抜粋を取得する関数（綺麗な抜粋文を作成するため*/
 /*https://nelog.jp/get_the_custom_excerpt*/
 function get_the_custom_excerpt($content, $length) {
 $length = ($length ? $length : 70);//デフォルトの長さを指定する
 $content = preg_replace('/<!--more-->.+/is',"",$content); //moreタグ以降削除
 $content = strip_shortcodes($content);//ショートコード削除
 $content = strip_tags($content);//タグの除去
 $content = str_replace("&nbsp;","",$content);//特殊文字の削除（今回はスペースのみ）
 $content = mb_substr($content,0,$length);//文字列を指定した長さで切り取る
 return $content;
 }

 //内部リンクをはてなカード風にするショートコード
 function nlink_scode($atts) {
 extract(shortcode_atts(array(
 'url'=>"",
 'title'=>"",
 'excerpt'=>""
 ),$atts));

 $id = url_to_postid($url);//URLから投稿IDを取得
 $post = get_post($id);//IDから投稿情報の取得
 $date = mysql2date('Y-m-d H:i', $post->post_date);//投稿日の取得

 $img_width ="90";//画像サイズの幅指定
 $img_height = "90";//画像サイズの高さ指定
 $no_image = get_template_directory_uri().'/images/no-img.png';//アイキャッチ画像がない場合の画像を指定

 //抜粋を取得
 if(empty($excerpt)){
 if($post->post_excerpt){
 $excerpt = get_the_custom_excerpt($post->post_excerpt , 90);

 }else{
 $excerpt = get_the_custom_excerpt($post->post_content , 90);
 }
 }

 //タイトルを取得
 if(empty($title)){
 $title = esc_html(get_the_title($id));
 }

 //アイキャッチ画像を取得 
 if(has_post_thumbnail($id)) {
 $img = wp_get_attachment_image_src(get_post_thumbnail_id($id),array($img_width,$img_height));
 $img_tag = "<img src='" . $img[0] . "' alt='{$title}' width=" . $img[1] . " height=" . $img[2] . " />";
 } else { $img_tag ='<img src="'.$no_image.'" alt="" width="'.$img_width.'" height="'.$img_height.'" />';
 }

 $nlink .='<div class="blog-card"><a href="' . $url . '" target="_blank"><div class="blog-card-thumbnail">'. $img_tag .'</a></div><div class="blog-card-content"><div class="blog-card-title"><a href="' . $url . '" target="_blank">'. $title .' </a></div><div class="blog-card-excerpt">' . $excerpt . '</div></div><div class="blog-card-footer clear"><div class="blog-card-date">'.$date.'</div><div class="blog-card-hatebu"><img src="https://b.hatena.ne.jp/entry/image/'. $url .'" alt="はてブ"></div></div></div>';

 return $nlink;
 } 

 add_shortcode("nlink", "nlink_scode");

$nlink .='<div class="blog-card"><a href="' . $url . '" target="_blank"><div class="blog-card-thumbnail">'. $img_tag .'</a></div><div class="blog-card-content"><div class="blog-card-title"><a href="' . $url . '" target="_blank">'. $title .' </a></div><div class="blog-card-excerpt">' . $excerpt . '</div></div><div class="blog-card-footer clear"><div class="blog-card-date">'.$date.'</div><div class="blog-card-hatebu"><img src="https://b.hatena.ne.jp/entry/image/'. $url .'" alt="はてブ"></div></div></div>';

クリスマスまであと…プレゼントは用意されましたか？