https://www.awesome-360.com/tags/%E6%A5%BD%E5%A4%A9/ Recent content in 楽天 on Awesome360 Hugo -- gohugo.io ja-jp Fri, 23 Jul 2021 00:00:00 +0000 https://www.awesome-360.com/post/2021/07/how_to_edit_affiliate_link_hugo/ Fri, 23 Jul 2021 00:00:00 +0000 https://www.awesome-360.com/post/2021/07/how_to_edit_affiliate_link_hugo/ 今回は私が使用しているHugoテーマでアフィリエイトリンクを埋め込めるよう編集したので、その方法について紹介していきます。 では早速いってみましょう！ 目次 HTMLを編集 CSSを編集 TOMLファイル編集 CSSファイル編集 最後に 1. HTMLを編集 まずはhtmlファイルを作成します。 今回はaffiliate.htmlというファイルをshortcodes内に作成しました。 配置位置は以下の感じです。 ご自身のブログ-|-aechetypes |-content |-data |-layouts-| |-shortcodes-| |-affiliate.html |-public |-static ファイル内を編集していきましょう。 私は以下のようになりました。 <div class="affiliate-box"> <div class="three columns amazon-image"> <a href="{{ .Get "amazon-url" }}" target="_blank"> <img border="0" src="{{ .Get "imageUrl" }}"> </a> </div> <div class="affiliate-info"> <div class="amazon-info"> <a href="{{ .Get "amazon-url" }}" target="_blank"> <p class="amazon-name">{{ .Get "title" }}</p> </a> <div> <p>{{ .Get "summary" }}</p> </div> </div> <a href="{{ .