「SWELL」テーマのスマホ固定フッターに【コメント】へのリンクを追加する

1 min 99 views
ウラセツ

ウラセツ

高卒→東京→料理人→IT業界→2013年独立→2017年法人化のウェブサイト制作やマーケティング業を行っています。

FOLLOW

ワードプレステーマの「SWELL」のスマホ固定用フッターにコメント項目へのリンクを追加する手順を記録します。

コメントの理由

私の運営しているサイトはYouTubeの用に読者にコメントしやすい状況を作っているので案外コメントが入りやすいです。

YouTubeのように簡単にコメント項目へアクセスできるようにしたかったのが理由です。

SWELLのスマホ用固定フッターの設定

まずはコメント項目へジャンプするためのリンクを確認しおきます。

ウラセツ

ウラセツ

この記事をみている方はSWELLを使っている方だと思うのでリンク構造はおそらく同じだとおもうのですが、一応リンクの確認方法をのっけておきます。

コメントのidを確認する方法

GoogleChromeの場合、SWELLサイトの記事ページを表示させてコメント項目あたりで「右クリック」>「検証」で表示させます。

コメントエリアへのリンクはここに表示されている「section id=”comment_area” class=”l-articleBttom…」の赤文字の部分です。

この赤文字をリンクとして使います。

次にSWELLのカスタム項目から「メニュー」>「メニューを新規作成」で作成し「固定フッター(SP)」にチェックを入れます。

そして「+項目を追加」を押してコメントメニューを作ります。

URLには先程コピペしたコメントエリアへのidと前に#をつけて「#comment_area」を入力し、アイコンが必要ならアイコンコードを「説明部分」に入れてナビゲーションラベルには「コメント」を入力します。

これでカスタムを公開すればスマホのフッターにコメントエリアへジャンプできるフッターが表示されます。

SWELLで最初から使えるアイコンコード一覧は以下を参照してください。

ウラセツ

ウラセツ

スマホアクセスが多い中、固定フッターをうまく活用してコメントもしやすい状況(メールアドレス必須を除外するなど)にしておくと自身がコメントした内容が気になって再訪問してくれるのでシナジーとしても効果があるでしょう。

ウラセツ

ウラセツ

高卒→東京→料理人→IT業界→2013年独立→2017年法人化のウェブサイト制作やマーケティング業を行っています。

FOLLOW

カテゴリー:
関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です