2019年1月30日スポンサーリンクこんにちは!Brownです。先日ふるさと納税関連の記事を書きました。おいしいご当地グルメ(返礼品)をたくさん試食できて、楽しめました!当日のイベントの様子や実際に試食した返礼品などの情報を、写真を多く使ってご紹介します。返礼品選びのお役に立てれば幸いです。...「楽天ふるさと納税」の様々な商品リンクを記事に挿入した時に感じたのですが、JINで楽天アフィリエイトのリンクを使うと、不要な行が表示されてしまいます。「楽天ふるさと納税」のリンクしか使わないのにカエレバデザインを使うのも何か違うなと思い、少し方法を模索しました。今回はこの不要な行を消して、画像のようにいい感じに楽天アフィリエイトのリンクを表示させる方法をご紹介します。本当はテーブルの枠線を消すCSSも記述するのがいいかもしれませんが、このレベルで許容範囲だと感じています。スマホでもいい感じで表示できているので、今回の方法を使うのがベターかな、と考えています。※カエレバデザインのカスタマイズではありません。「楽天の商品のリンクだけをいい感じに作りたいなー」というシーンが対象となります。楽天アフィリエイトは、楽天アカウントを持っていれば特別な申請なく誰でも参加できます。コード取得の手順について。楽天サイトで紹介したい商品を探し、ページのURLをコピーします。次に、こちらのリンクから楽天アフィリエイトへ進み、右上の「URLを入力してリンクを作成」というフォームに商品のURLを入力してアフィリエイトページへ遷移します。※重要:「サイズを選択する」項目で「80×80」を選択してください。「カスタマイズする」を開き「テキストを画像幅にあわせる」チェックを外す。画面下部のアフィリエイトコードをコピーします。リンク楽天アフィリエイト(新しいタブで開きます)WordPress(JIN)の記事作成ページでアフィリエイトコードを貼り付けるテキストエディターで貼り付ける取得したアフィリエイトコードを記事の任意の場所に貼り付けます。この際テキストエディターモードで貼り付けてください。要らない行が表示される画像の通り、楽天商品ページのリンクの下に2行ほど空白の行が表示されています。プレビューページ(実際の記事表示ページ)で見ても同様に2列表示されてしまいます。楽天アフィリエイトの不要行の削除方法ビジュアルエディターモードでの修正でOK今回は、ビジュアルエディターモードで修正をしていきます。単純に、空白行にカーソルを合わせてバックスペースキーで行を削除するだけでOKです。これにて、不要カラムは削除され、楽天アフィリエイトのリンクがいい感じに表示されるようになりました。プレビューでの実際の表示は次の画像の通りです。スポンサーリンク楽天アフィリエイトいい感じ表示まとめ問題は解決しましたでしょうか。JINに関する記事を書くのは2度目になりました。1度目の記事を書いた日から何度かアップデートもあり、どんどん良くなっていくWordPressテーマ「JIN」。さらなる発展を応援すべく、このように微力ながらもより良く使える方法などをシェアしていきたいなーと考えています(^-^)/【JIN】スマホのスライドメニューの子カテゴリ表示崩れの直し方メニューの設定時、PCでの表現はイメージ通りになったのですが、スマホ側で表示が崩れてしまいました。子カテゴリが余計に表示されてしまったのです。スマホのスライドメニュー用にメニューを新規作成したことで解決しました。GoodizerYouTubeDataAPIを使って動画情報を取得してみた!ブログ更新継続のコツ!どうすれば続けられるか?答えは自己分析サイト内を検索Brown利他主義をモットーにお役立ち情報をまとめています!ワードプレスやVBA、デザイン関連の情報が多めです。