ワードプレステーマ「JIN」リンクカードを別窓(新しいタブ)で開くタグ

このブログはワードプレステーマは”ストーク”なのですがもう一つ運営しているテーマワードプレステーマが”JIN”です。

ストークはデフォルトではリンクカードが有りませんのでプラグインなり自分でタグ打つなりして作りますが、JINさんは標準装備なので、プラグインを入れると相性問題で競合してしまい宜しくありませんでした。

現在使用している「ストーク」と同じタグを使っても制御がかかり使用出来ませんでしたのでコードの変更が必要でした。

とりあえず「function.php」にタグを打ち込んでリンクカードを別窓リンクへと変更しました。

もちろん今回もブログのお師匠様に相談させていただきましたが、10秒でタグを送って頂けました^^;

2パターン送って頂けましたが

  • 今あるリンクカードリンク先URLの前へ”-new”を付ける方法
  • デフォルトで全てのリンクカードを”別窓”へ変更する方法

の2つです。結果として”new”タグを付けて行くと既に記事数があるのでとんでもなくしんどい事が分かったので(今後も)、デフォルトでのリンクカードはブログ外だけでなく内も別窓設定にする事にしました。

現在のストークがそれで気に入ってるので全く同じにしようというわけです。

※ちなみにリンクカードにJINさんは「合わせて読みたい」の文字が出ますが変更出来ないかつ不要なため、最終的にデザインまで変えました。

テーマ”JIN”を別窓で開くタグ

「外観」→「テーマエディター」をクリック。

「jin-child」を選択して、「functions.php」をクリック。

 

以下のコードを張り付ける。

最後に「ファイルの更新」をクリック。

これで”JIN”テーマのブログのリンクカードを確認します。

無事、別窓(新しいタブ)で表示されました。

 

ブログの師匠

今回お世話になったのはブログの師匠こと

です。

 

ワードプレステーマ「JIN」リンクカードのデザイン変更

最終的に「JIN」のリンクカードをデザインまで変更しました。

サイトのデザインにあうように色を#80000(どす黒い赤)を使用して変更して、「続きを読む」ボタンを挿入して位置調整しました。
ロゴもあるので内部リンクとすぐにわかるので、読者様も別リンクでないので安心してクリック出来ます。

「続きを読む」ボタンは、オシャレ感はデザイン的に邪魔する事もあると思いますが、心理的にあるととても良いそうです。(実証されてるとのこと)

パソコンの方はカーソルをリンクカードの上へ持っていくとスライドが出ます。
スライドの色もマゼンタ(赤系)にしようかと思いましたがちょっとくどくなり過ぎますよね^^;ということで黒系で。

パソコン表示:


 

スマホ表示:

 

実際のブログは”ひろしバイクどっとこむ”こちらです。

https://hiroshibike.com/

 

今回はと書いてますが、ストークの改良もJINの改良も全てWEBトマトさんが助けてくれてうまくいっております^^;

記事自体はきちんと許可を頂いて搭載させて頂いております。

ひろしぱぱ
無事完了しました★

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です