パッティンググリーン パターマット 練習 人工芝 パッティングエイド ソフトスパイク Blast Motion ゴルフ カメラ ゴルフ トレーニング aid
【2021新春福袋】 ダブルブロック締め AstroStreet 高品質アリミゾ タカハシにも[国内正規品] GP互換 その他AV周辺機器
【2021新春福袋】 ダブルブロック締め AstroStreet 高品質アリミゾ タカハシにも[国内正規品] GP互換 その他AV周辺機器
fukushin-store/202202020348542593971885-16058-LCY
5,661円 8,709円
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに , Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに , Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに , AstroStreet 約21cm アリガタプレート アリレール GP互換[国内正規品], AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも , 安いアリミゾの通販商品を比較 | ショッピング情報のオークファン

AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも[国内正規品]

Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
AstroStreet 約21cm アリガタプレート アリレール GP互換[国内正規品]
AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも
安いアリミゾの通販商品を比較 | ショッピング情報のオークファン

AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシにも[国内
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシにも[国内
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも
AstroStreet 約21cm アリガタプレート アリレール GP互換[国内正規品]
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
Amazon | AstroStreet ダブルブロック締め アリミゾ GP互換 タカハシに
AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも
AstroStreet ダブルブロック締め 高品質アリミゾ GP互換 タカハシにも
安いアリミゾの通販商品を比較 | ショッピング情報のオークファン
安いアリミゾの通販商品を比較 | ショッピング情報のオークファン
安いアリミゾの通販商品を比較 | ショッピング情報のオークファン
安いアリミゾの通販商品を比較 | ショッピング情報のオークファン

「あわせて読みたい」のリンクをWordPressに設置する方法

WordPressの記事内にリンクを貼ることって良くありますよね。

その時に、リンクだけって味気ないなぁって感じることがあります。

そして他の方のブログとか見るとこんなのをよく見かけるんです。

↓ ↓ ↓

これってどうするんだろうなぁって感じていました。

テーマによって出来るとか出来ないとか関係しているんだろうなぁって勝手に思っていて、わたしのでは、出来ないって諦めていました。

ですが、最近調べてみたら、わたしのWordPressにも出来るということを発見したのです!!

嬉しかったので備忘録として残しておきます♪

【追記】今のWordPressテーマは、この記事のようにCSSを追加しなくても、タイトル付きボックスとかで簡単に「あわせて読みたい」を表示できるようになっています。
お使いのテーマの公式サイトのマニュアルで、ボックスを調べてみることをおすすめします。

◆ちなみに、おしゃれに別記事を見せたいときは、ブログカードがオススメですので、こちらも参考にしてみてください。

RogerVivier ベル ヴィヴィエ ストーン バックル パンプス

◆WordPressのテーマで『AFFINGER5(アフィンガー5)』の方はこちらの記事を読まれてください。

国内発送 ジュンジー × リーボック ポンプ オムニ ゾーン 2

WordPressテーマ「Cocoon」の場合は?

この記事自体が、最初に書いたのが2019年でした。

ですので、2021年に実装しようとしてもできないというご質問がありました。

WordPressテーマのコクーンを使っている方はこの方法で簡単に「合わせて読みたい」を投稿に設置することができます。

動画で解説しましたので、こちらを参考にしてください。

『あわせて読みたい』カスタマイズ方法

凄く簡単な方法でした。CSSコードを追加するだけでカスタマイズできました。

CSSを追加する際の注意点ですが、何が起こっても元に戻すことが出来るように、必ずバックアップを取ることをお勧めします。

※CSSとは、カスケーディング・スタイル・シートと言い、ブログやHPのデザイン部分を決めているコードになります。

WordPressのバックアップ方法はこちらを参考にしてください(*^^*)

[レックマウントプラス] Moto4 マウント ステムホールタイプ 【R+Moto4-1317】+ スマートフォンケース iPhone 11 用【R+
スノーピーク ローチェア30 ブラウン アウトドア

CSSカスタマイズ

下記コードがありますので、まずはこのコードをコピーします。

そして、コピーしたコードを追加CSSへ貼り付けします。

追加CSSは、【外観】【カスタマイズ】をクリックします。

左サイドバーにカスタマイズ画面が表示されます。 それの一番下の追加CSSをクリックします。

一番下の行にコピーしたコードを追加します。

貼り付けが出来たら【公開】をクリックします。

これでCSSのカスタマイズは完了です。

【2021新春福袋】 ダブルブロック締め AstroStreet 高品質アリミゾ タカハシにも[国内正規品] GP互換 その他AV周辺機器

投稿のページで「あわせて読みたい」を入力したい場所にテキストモードで下記のHTMLタグを入力してください。

<p class=”emphasize-link”><a href=”リンク先URL“>リンク先タイトル</a></p>

リンク先のURLは、飛ばしたいページのURLを入力します。 リンク先タイトルは、そのページのタイトルです。

例えば・・・

リンク先URLに「https://yuka001.com/netbusiness/womanbusiness/」

リンク先タイトルに「忙しい主婦が自由に生きられる働き方とは」を入力します。

<p class=”emphasize-link”> <a href=”https://yuka001.com/netbusiness/womanbusiness/“>忙しい主婦が自由に生きられる働き方とは</a></p>

するとこうなります。

これで「あわせて読みたい」が表示されました(∩´∀`)∩

投稿方法:リンク2つ以上

先ほどの投稿ではリンクが一つだけの方法でしたが、リンク先が2つ以上は下記のHTMLタグを入力してください。

<div class=”emphasize-link”> <p><a href=”リンク先URL1“>リンク先タイトル1</a></p> <p><a href=”リンク先URL2“>リンク先タイトル2</a></p> </div>

先ほどのご説明と同様で、投稿のページで「あわせて読みたい」を入力したい場所にテキストモードで上記コードをコピーして貼り付けてください。

例えばこのような感じです。

<div class=”emphasize-link”> <p><a href=”https://yuka001.com/report/easy-report-lab/”>【無料レポートの極意~Easy Report Lab~】坪井拓弥さんのレポート</a></p> <p><a href=”https://yuka001.com/report/merumagapop/”>【メルマガPOP】ぽっぷな発信をしているメイコさんのレポート☆</a></p> </div>

するとこうなります。

補足

わたしは、カラーコードを変更していますので、枠などが濃いピンクになっていますが、上記でお伝えしたCSSのコードをそのまま使用すると薄いピンクとなります。

カラーコードを変更したいときは下記の赤枠のカラーコードを変更してみてください。

そうすると自分の好きなカラーに変更することが出来ますよ(^^♪

この記事があなたのブログ作りにお役に立てることを願っています(∩´∀`)∩

上手く表示されないなどの疑問や質問などがありましたら、お気軽にわたしへお問合せくださいね(*^^*)

もっとWordPressに個性を入れていきたい、他の人と違った印象にしたいという方にはこちらの記事もおすすめですよ(*^^*)♪

otta.g (オッタG)本体(GPSによる子供の見守りとボイスメッセージ端末)

お子さんとの時間を優先させながら
自分の力で稼げるママになって欲しい

【送料無料】ニチアロイ S-NVD 7.41 NVドリル ソリッドストレートシャンク

メルマガでは、これからブログを始めたいと思っているパソコン苦手な女性のために、ブログの作り方をお届けしています。

ブログ作りの基本的なことから大事なポイントなど、分かりやすく丁寧に必要な知識を毎日配信中!

メルマガの登録は無料!配信解除はいつでもOK! 登録はこちら↓


コメントを残す TS スチールローラコンベヤφ60.5-W250XP75X90°カーブ ( S6038-250790R90 ) (株)寺内製作所

メールアドレスが公開されることはありません。

ABOUT US
ゆかアフィリエイター兼WEB制作マーケター
ご訪問ありがとうございます!
当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。

パソコンが苦手な初心者さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。

毎月1から2件のサイト代行をし、WordPressのコミュニティを運営したりアフィリエイトサイトを運営したりしております。

当ブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。

Seymour Duncan Antiquity II Jam Jazzmaster Electric Guitar Neck Pick
Canon テレコンバーター TC-DC58B
LIKECASH.COM.PH RSS