ブログ記事の応用に！WordPressのカスタムHTML利用方法を解説！

はひふへホームページです！

ワードプレスにはカスタムHTMLという機能があります。

これを使うと、、、

など、Wordpressやテーマ機能にないデザインも行うことができます！

使い方や活用例について説明します！

カスタムHTMLの呼び出し方

WordPressの投稿編集画面を開きます。

「+」マークをクリックします。

検索欄に「カスタム HTML」と入力します。カスタム(半角スペース)HTMLで検索しましょう。

「カスタムHTML」をクリックします。

カスタムHTMLブロックが配置されます。

カスタムHTMLの活用方法

カスタムHTMLの活用方法をまとめます.

アフィリエイトリンクの貼り付け

今回ではA8ネットのアフィリエイトリンクサイトを使用していきます。

【A8.net】サイト・SNSを収益化するならアフィリエイトのA8.net

アフィリエイトリンクから文字列を丸ごとコピーします。

WordPressに戻り、カスタムHTMLブロックに貼り付けます。

プレビューをクリックすると、アフィリエイトリンクが貼り付けられたことがわかります。

実際の貼り付けになると、このような形の貼り付けになります！

GoogleMAPの貼り付け

GoogleMAPで掲載したい地点を検索します。

「共有」ボタンをクリックします。

「地図を埋め込み」タグをクリックします。

「HTMLをコピー」をクリックします。

WordPressに戻り、カスタムHTMLブロックに貼り付けます。

プレビューをクリックすると、GoogleMAPが貼り付けられたことがわかります。

実際の貼り付けになると、このような形の貼り付けになります！