ワードプレステーマ「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トマトさんが助けてくれてうまくいっております^^;

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

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

5 件のコメント

  • すみません、こちらのコードを貼り付けてみたところ、別窓で開くことはできたのですが、「あわせて読みたい」の文字が消えてしまいました。
    解決方法はないでしょうか?(無理そうでしたらあきらめます…)

    • とんでもなく綺麗なブログですね
      分かりました!!
      これですね私の場合リンクカードが専用に造られています。
      ですのでブログカードが異なる場合は競合が働いてしまう場合があるみたいです。
      無料なのでどのプラグインと競合するかまでは調べる事は無いですが、使用されてるブログカードだと思います。
      ブログカードも美しいのでこれを変更するのは勿体ないです。
      ひつじさんに要望してみたいと思います。
      ついでにまあやさんからもお願いします。人数が集まった方が良いと思いますので^^;

      • ひろしぱぱさん、ありがとうございます!!
        技術的なことはさっぱりわからないんですが(^^;)、ブログカードが違うと合わないんですね。
        私からもひつじさんにリクエストしてみます!

  • コメントを残す

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