2018WordPressTwitterFacebookGoogle+PocketはてなブックマークLINEFeedlyRSSテーマ作成時に参考にした記事を実例とともにご紹介するシリーズです。今日はタイトルのまんまですが、ブログの本文中に外部リンクや内部リンクを貼る際、ただの文字列リンクではなくブログカードのような外観にするためのショートコードを(他ブログを参考に)作成しましたので、ご紹介します。advertisement完成形まずは完成形から。当ブログでは以下のような形で表示されるように調整しています。内部リンク外部リンク参考にしたサイト検索するとたくさんの記事が出てくるのですが、個人的にコードがシンプルコードが分かりやすい(理解しやすい)プラグインを使わないものを選択しました。内部リンクは以下の記事を参考にしました。MacoBlog外部リンクは以下の記事です。アンギス内部リンクのショートコード上記の記事で紹介されている通りなんですが、まずはfunctions.phpに以下を追加します。"shortcode_internal_link");20行目で出力される画像の横幅を、21行目では高さを指定しています。22行目ではアイキャッチ画像が設定されていない場合に表示される画像へのパスを記載しています。41行目からは実際に出力されるHTMLが記述されています。この辺は元のコードからオリジナルに変更していますので、参考記事を参照してご自身のブログに合うように変更してください。ご参考までに当ブログで設定しているCSSを掲載します。1.6;}外部リンクのショートコード続いては外部リンクです。これも上記の記事を参考に、当ブログでは以下のようにしました。'shortcode_external_link');ご紹介した記事では抜粋文も取得するようになっていますが、そこまですると見た目が悪いのでそこはばっさりカットしました。CSSは以下のようにしました。3px;}見た目のデザインが内部リンクと同じなので、記事タイトルの前に付けたアイコンを「関連記事」と「参考」にすることで変化を付けました。Linkを使って楽しています。url="%url%"]%text%[/el]と設定し、ワンクリックでコードを取得できるようにしています。最後にいかがでしたでしょうか。ここでは簡単なご紹介しかしていませんので、詳細は参考記事を必ずご確認ください。functions.phpに手を加える時はご注意ください。コードを間違ったり余計な余白とか改行が入るとエラーになって画面真っ白頭真っ白状態に陥りますので、バックアップを取ってから臨むことをお勧めします。postsテーマを自作する〜その2〜アイキャッチ画像に関するあれこれの1回目。2014WordPressテーマを自作するシリーズの第2回目は、WordPressでアイキャッチ画像を使えるようにするために必要なことについて調べてみました。テーマを自作する〜その1〜投稿日などの日付表示を英語表記にする方法。2014WordPressWordPressのテーマを自作するにあたり、色々な壁にぶつかります。その解決法について自分の忘備録も兼ねてシェアしていきたいと思います。2018WordPressプラグインは便利ですけど重たくなる場合があるためできるだけそれに頼らずテーマ作成を行いました。今日からまた、WordPress始めます。2013WordPress心機一転、新たにブログを書き始めます。iPhoneを購入して一変した私の人生を記録していければと思っています。テーマを自作する〜その3〜アイキャッチ画像に関するあれこれの2回目。2014WordPressWordPressのアイキャッチ画像に使える写真サイトの紹介と、キャプション表記についてのコツについてご紹介します。2015WordPress新しいテーマに変更しましたので、ついでにカテゴリーも見直してみました。jQueryを使って記事中の目次を開閉式にしました。2018WordPress目次が開閉式だとどんなメリットがありますかね。表示領域が広がるくらいですか。WordPressのオリジナルテーマを自作しました。2018WordPressテーマを変えたら自分でも作りたくなったので作ってみました。WordPressの記事中にプラグインなしで目次を追加しました。2018WordPressプラグインを使わずに記事中に目次を追加しましたのでご紹介します。2015WordPress色んな所で言われていることですが、少しでもカスタマイズするならやっぱり子テーマは作るべきですね、簡単ですし。Sorairotwitterinstagram。