窓

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. ペンを持つ手

    WordPress

    TCDさんのテーマ『MAG』を愛用する理由

    潔いまでのシンプルさ。それは、私が『MAG』を愛用する一番の理由です。…

  2. 郵便受け

    WEB

    要素の高さを揃える 『matchHeight.js』の使い方

    float させた横並びのカラムの高さをそろえたい!! だけど、ボック…

  3. 3匹のカエル

    WEB

    アメブロの見出しをカスタマイズする方法

    今更ながらアメブロデビューしました。そこで気づいたのですが、ア…

  4. パン

    WEB

    MAGでトップページのみ、パンくずリストを非表示にする方法

    TCDさんのテーマ『MAG』は、デフォルトのままだとトップページにもパ…

  5. 緑のドア

    WEB

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

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

  6. 海に浮かぶ男性

    WEB

    float解除とclearfix

    要素を float させた場合、次の現象が起こります。 …



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

wordpress

よく読まれている記事

  1. 空にかざした水晶
  2. 海に浮かぶ男性
  3. チェーン
  4. fontAwesome
  5. ネットショッピング
  6. ブランコに乗る女の子
  7. ペンを持つ手
  8. 404
  9. local by flywheel
  10. 郵便受け

カテゴリー

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

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

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

パソコンを覗き込む二人の女子
  1. 郵便受け

    WEB

    『WP Mail SMTP』のテスト送信でのエラー表示(Could not au…
  2. 郵便受け

    WEB

    要素の高さを揃える 『matchHeight.js』の使い方
  3. pencils

    WordPress

    さあ、WordPress(ワードプレス)でブログを始めよう!!
  4. 腕を交差させる草原に座った男性

    WEB

    データベース内の文字列の書き換えに便利な『Search Replace DB』の…
  5. サーバー

    WEB

    エックスサーバー(XSERVER)でサーバー契約してみよう!!
PAGE TOP