使い方など【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれていますWordPressの無料テーマ【Simplicity2】。これに出会ってから本当にいろいろ勉強になって大変助かってます。当サイトも【Simplicity2】を使わせていただいてますし、私の作るサイトは現状100%使用しています。【Simplicity2】にはリンク表示をスタイリッシュにしてくれる「リンクカード(ブログカード)」機能があって、通常のリンクがすごく見栄えよくなるようになっています。サイト内のページへ移動するための「内部リンク」とサイト外の記事へのリンクを表示する「外部リンク」が別々になっているのもうれしいところです。当然ながら「内部リンク」と「外部リンク」には別々のCSSセレクタが付与されているのでデザインを別にするのもCSSで簡単にできるところが本当に優れていると思います。・・・1つ気になるのが「デザインを変えても普通に見たら何も変わらない(分からない)のでは?ということ。デザインが違うんだから分かるだろ!!っていうのは作り手の話であって、閲覧する人は明記されてなかったらわかりませんからね。そこで今回は内部・外部それぞれのリンクカードに文字列を追加して「目で見てサイト内リンクなのかサイト外リンクなのかを区別」できるように少しカスタマイズしてみました。※※※」という文字列が表示されるようにしてみました。親テーマ内の「lib/blog-card.php」というファイルを編集します(この書き方で??な方はやらない方が無難です)。"サイト内のページへ移動します";//内部リンクの文字列を追加します(文字の内容は適当に変更してください)そして100行目付近にある「//取得した情報からブログカードのHTMLタグを作成」の下のコード内に「$naibu」という変数を追記します。class="blog-card-footer">'.$site_logo_tag.$hatebu_tag.$naibu.$date_tag.'</div>へ変更します。これで内部リンクカードのはてブ右側に文字列が追加できます。class="blog-card-footer">'.$site_logo_tag.$hatebu_tag.$gaibu.'</div>へ変更します。要領は内部リンクと同じですね。HTMLタグの出力をするためにいろいろなデータを変数化した上でカードにしているのでこのようにしないとエラーが出ます。変数名は他の変数名と重複しなければ何でも大丈夫です。親テーマを編集する必要があるのでテーマを更新する都度直す必要がありますが、これで訪問してくれる方から見て「内部リンク」なのか「外部リンク」なのかの判別がしやすくなるのではないかと思います。何もわざわざ明示しなくても・・・・と思う方がいるかもしれませんが、少なくとも外部リンクに関しては「何かトラブルなどがあっても責任負えませんよ」ということを示すことができるわけですから、ページの内容に関する責任を自身の範囲外とすることができますし、何より外部リンク先の内容が変更されてしまっても混乱を招くことが少なくなるのでは?と思ってカスタマイズしました。ヒントは公的サイトによくあるテキストリンクに「〇〇〇(外部サイト)」と書かれていることが多くて、「ここから先は今見ているサイトとは関係ない方が作ったページへ飛ぶんだね」と確認でき、私自身親切な表示方法だなぁと感じたことでした。興味のある方は試してみてくださいね。ちなみにWordPressのバージョン4.9以降ではこうしたカスタマイズで間違っているとロールバック(無理やり保存せずに元の画面に戻る)されるようになっていますから安心してカスタマイズできますよ。デザインだけ変更したいという方はSimplicity標準装備のブログカードをお洒落にカスタマイズ~デザイン6種【テンプレートー1】あたりのサイトを参考にするとすごく素敵なカード表現ができると思います(いろいろな例が画像とコード付きで紹介されていて非常に参考になりました)。BaseWordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです。