AFFINGER   ※当サイトのコンテンツには広告が含まれる場合があります。

テキストリンクをヘッダー画像に挿入する方法【AFFINGER6】

2022-05-30 yume-tada

insert-textlink-in-header-image

ヘッダー画像にテキストリンクを入れる方法が知りたい!

findout
お調べさん
ゆめただのり
ゆめただ

そんな悩みにお答えします!

本記事を読んでわかるコト

AFFINGER6トップページのヘッダー画像に、テキストリンクを入れる方法がわかる。

この記事を書いた人【ゆめただ】

この記事を書いた人

なぜテキストリンクを貼るのか?

なぜヘッダー画像にテキストリンクを貼るか?

1カラムデザインの場合、記事を書いた人(プロフィール)へのリンクが難しくなります。

2カラムデザインは、サイドバーにプロフィールカードが実装できるますが、1カラムはこれができません。

内部回遊率を高めるために、ヘッダー画像にテキストリンクを貼り付け、ここにプロフィールへのリンクを貼る方法をまとめます。

これ以外にも、誘導したい記事へのリンクを貼る等、応用が可能で有効な方法です。

Swipe Profiles

完成イメージ

完成イメージです。当ブログのトップページに採用しています。

「ゆめただ」テキストをクリックすると、Profile部分へのページ内リンクが貼っています。

テキストリンク例

テキストリンク設定方法

ゆめただのり
ゆめただ

テキストリンクの具体的な設定方法を説明します。

AFFINGER管理のヘッダー設定を行う

WordPress管理画面

「AFFINGER管理」―「ヘッダー」をクリックし、ヘッダー画面に移動。

AFFINGER管理-ヘッダー

「ヘッダーコンテンツ設定」まで移動する

ヘッダーコンテンツ設定のところまで移動します。

ヘッダーコンテンツ設定

テキストを入力する

リンクしたいテキストを入力します。必ずテキスト編集モードで入力するコト。

リンクさせたいテキスト」とします。

ヘッダーコンテンツ設定2

リンク先を設定する

入力したテキストを選択した状態で、「link」ボタンをクリックし、リンク先のURLを設定します。

ヘッダーコンテンツ設定3

リンク追加をクリックする

URLを指定したら、「リンク追加」をクリックします。

リンクの挿入

\続きの設定はこちらの記事から/

記事の途中にリンクを飛ばす方法【WordPress TIPS】

skip-way-to-middle-of-article
ゆめただのり
ゆめただ

できるコトは無限!

工夫して内部リンク作りましょう!

\こちらの記事も要チェック/

こちらもチェック

how-to-customize-affinger-top-page
AFFINGER6トップページのカスタマイズ方法【オシャレに差別化】

続きを見る

こちらもチェック

reason-why-i-recommended-affinger
AFFINGER6が初心者には難しいと言われるワケとおすすめする5つの理由

続きを見る

-AFFINGER