はひふへホームページです！
ワードプレスにはカスタムHTMLという機能があります。
これを使うと、、、
- ブログ記事の中にアフィリエイトリンクを貼り付けられる！
- GoogleMAPを載せることができる！
- 一風変わった文字装飾をすることができる
など、Wordpressやテーマ機能にないデザインも行うことができます！
使い方や活用例について説明します！
カスタムHTMLの呼び出し方
WordPressの投稿編集画面を開きます。
「+」マークをクリックします。
検索欄に「カスタム HTML」と入力します。カスタム(半角スペース)HTMLで検索しましょう。
「カスタムHTML」をクリックします。
カスタムHTMLブロックが配置されます。
カスタムHTMLの活用方法
カスタムHTMLの活用方法をまとめます.
アフィリエイトリンクの貼り付け
今回ではA8ネットのアフィリエイトリンクサイトを使用していきます。
【A8.net】サイト・SNSを収益化するならアフィリエイトのA8.net
アフィリエイトリンクから文字列を丸ごとコピーします。
WordPressに戻り、カスタムHTMLブロックに貼り付けます。
プレビューをクリックすると、アフィリエイトリンクが貼り付けられたことがわかります。
実際の貼り付けになると、このような形の貼り付けになります！
GoogleMAPの貼り付け
GoogleMAPで掲載したい地点を検索します。
「共有」ボタンをクリックします。
「地図を埋め込み」タグをクリックします。
「HTMLをコピー」をクリックします。
WordPressに戻り、カスタムHTMLブロックに貼り付けます。
プレビューをクリックすると、GoogleMAPが貼り付けられたことがわかります。
実際の貼り付けになると、このような形の貼り付けになります！
一風変わった文字装飾
少し応用編となります。今回はコピペっとさんのサイトを使っていきます。
コピペっと ｜パーツで探す、web制作に使えるコピペサイト。
↓↓↓ このような形でパーツ追加できるよ！ ↓↓↓
コピペっと から、入れたい文字装飾を探します。
htmlをコピーします。
WordPressに戻り、カスタムHTMLブロックに貼り付けます。
CSSをコピーします。
WordPressに戻り、WordpressのCSS欄に貼り付けます。
実際の貼り付けになると、このような形の貼り付けになります！
まとめ
カスタムHTMLを活用すると、ワンラックアップしたブログ記事を書くことができます。ぜひ活用していきましょう！
あなたの好みや使用目的に応じて、素敵なブログ記事を作ってみよう！
コメント