窓

WEB

TCDのテーマ『MAG』で『関連記事カードリンク』を新しいタブで表示する方法

私も大のお気に入りで、このブログでも使用しているTCDさんのテーマ『MAG』ですが、デフォルトのままだと『関連記事カードリンク』を新しいタブで開くことができません。

ここでは『関連記事カードリンク』を同一のタブではなく、新しいタブで開く方法について説明します。

子テーマに記述するの? それとも親テーマに記述するの?

早速、作業に入りたいのですが、ちょっとその前に・・・

以前、こちらの記事( )で子テーマの作成方法について説明しました。

 

親テーマのアップデートも何のその、カスタマイズしたい部分にだけ上書きすることができるとても便利な子テーマですが、『functions.php』の扱いに関しては注意が必要です。

『style.css』などと違い、『functions.php』はコードを追加することはできるけれど、上書きすることはできません。

『functions.php』の場合は単なる上書きではなく、親テーマの『fuctions.php』にある関数と、子テーマの『fuctions.php』にある関数の両方を読み込んでしまう為、同名の関数が2回実行されることとなり、エラーとなってしまうのです。

つまり、親テーマに記述してあることを子テーマに再度記述してしまうと、WordPress 自体表示されなくなってしまうのです!!

ということで、今回は『functions.php』の記述の一部を変更したいので、親テーマに直接書き込んでいくことにしましょう。

該当箇所を探す

WordPress の 管理画面 外観テーマの編集 の順にクリックします。

編集するテーマは、上記の説明のとおり子テーマではなく親テーマの『MAG』を選択し、テーマのための関数(functions.php)をクリックします。

 

482行目あたりにある『カードリンクパーツ』の中の、526行目あたりの『アイキャッチ画像を取得』の部分に追記していきます。

クリックすると拡大します。
function.php

記述するコード

【修正前のコード】


【修正後のコード】

 

8行目の <a href=”‘. $url .'”> の後ろに半角スペースを空けて『 target=”_blank” 』を追記します。

修正箇所は2ヶ所です。右にスクロールすると、2つ目の <a href=”‘. $url .'”> が現れるので、そちらにも同様に『 target=”_blank” 』を追記します。

難しければ、修正前の8行目の記述 を 修正後の8行目の記述 にそっくりそのまま差し替えてしまいましょう。

 

【修正前】

コード


【修正後】

コード

最後に

これで、記事関連リンクカードをクリックすると、同一のタブではなく新しいタブで表示されるようになりました。

作業自体はそれほど難しくないのですが、functions.php に関しては、わずかなミスでも WordPress が表示されなくなってしまいます。

私も、画面が真っ白になって顔面蒼白になったことがあります。十分に気を付けましょう。

 

 
スポンサードリンク
 
スポンサードリンク

関連記事

  1. ネットショッピング

    WEB

    エックスサーバーで常時SSL化する方法について

    こちらでは、Webサイトを常時SSL化する方法について、説明していきま…

  2. 緑のドア

    WEB

    ドメインって何? どうやって決めるの?

    WordPress でブログを始めるには、レンタルサーバーとの契約、ド…

  3. チェーン

    WEB

    footer を最下部に固定したい場合のコード

    ウェブサイトを制作中に、footer が浮き上がってきて困ったことはあ…

  4. 子猫をのせた乳母車を押す親猫

    WEB

    とっても簡単!!WordPress(ワードプレス)の子テーマの作り方

    ずっと面倒だと思っていた WordPress(ワードプレス)の子テーマ…

  5. チェックリスト

    WEB

    『wpX Speed』でDNSレコードから所有権を確認する方法

    WordPress 専用クラウド型レンタルサーバー『wpX Speed…

  6. fontAwesome

    WEB

    超簡単!!Font Awesome(Version 5)の使い方

    アイコンフォント『Font Awesome』の使い方について説明します…



== WORDPRESS 完全マニュアル ==

wordpress

よく読まれている記事

  1. 郵便受け
  2. 黄色い壁を背に喜ぶ女性
  3. local by flywheel
  4. 子猫をのせた乳母車を押す親猫
  5. ペンを持つ手
  6. 広告
  7. 窓
  8. ドメイン
  9. mistake
  10. カレンダー

当サイトで使用しているテーマはこちら!!

アフィリエイトサイトにはDiverもお勧め!!

WordPressでブログ始めてみませんか?

パソコンを覗き込む二人の女子
  1. カレンダー

    WEB

    WordPressのテーマ『MAG』で最終更新日を表示する方法
  2. Google Search Console

    WEB

    【2019年】『Google Search Console』でプロパティの追加と…
  3. チェーン

    WEB

    footer を最下部に固定したい場合のコード
  4. 3匹のカエル

    WEB

    アメブロの見出しをカスタマイズする方法
  5. 子猫をのせた乳母車を押す親猫

    WEB

    とっても簡単!!WordPress(ワードプレス)の子テーマの作り方
PAGE TOP