WordPressテーマSANGOの質問

カエレバ枠内に別のボタンを付け加えたい

クボ

2019/02/05

いつもお世話になっております。

カエレバ枠内のリンクボタン群に、公式に移動するための別のボタンを付け加えたいのですが、自分の知識ではうまく配置することが出来ず…

お忙しい中恐縮ですが、可能であればどのような記述をすればよいかお教え頂けますと幸いです。

カエレバ/ヨメレバで広告を貼る

コメントへの回答

サルワカくん

2019/02/05

以下のような形でボタンを追加することが可能です。

<div class="cstmreba">
  <div class="kaerebalink-box">
    <div class="kaerebalink-image"><a href="~" target="_blank" rel="noopener"><img style="border: none;" src="~"></a></div>
    <div class="kaerebalink-info">
      <div class="kaerebalink-name"><a href="~" target="_blank" rel="noopener">Splatoon 2</a>
      <div class="kaerebalink-powered-date">posted with <a href="http://kaereba.com" target="_blank" rel="nofollow noopener">カエレバ</a></div>
    </div>
    <div class="kaerebalink-detail">任天堂</div>
    <div class="kaerebalink-link1">
      <div class="shoplinkamazon"><a href="~" target="_blank" rel="noopener">Amazon</a></div>
      <div class="shoplinkrakuten"><a href="~" target="_blank" rel="nofollow noopener">楽天市場</a></div>
      <div class="shoplink-official"><a href="★公式のURL★" target="_blank" rel="nofollow noopener">公式</a></div>
    </div>
    </div>
    <div class="booklink-footer">&nbsp;</div>
  </div>
</div>

楽天リンクがあると思うので

<div class="shoplinkrakuten"><a href="~" target="_blank" rel="nofollow noopener">楽天市場</a></div>

その下に

<div class="shoplink-official"><a href="★公式のURL★" target="_blank" rel="nofollow noopener">公式</a></div>

を追加します。★の部分に飛ばしたいURLを貼ります。