ルレアリファインのサイドバーにリンク画像やテキストを設置

今回は「リファインのサイドバーにリンク画像やテキストを設置する方法」についてお話しします。

ワードプレスのテンプレートRefineのサイドバーに、画像（リンクあり・なし）やテキスト（リンクあり・なし）を設置する方法についてです。

設定は外観⇒ウィジェットから行います。

サイドバーに画像やテキストを表示させたい場合は、サイドバー１かサイドバー２にテキストのウィジェットを追加して、テキストにHTMLタグを入力します。

HTMLタグは以下を参考にして下さい。

▼画像のみ

<img src="画像ファイル"width="100" height="100">

▼画像＋リンク

<a href="リンク先"><img src="画像ファイル"width="100" height="100"></a>

▼画像＋リンク（別タブで開く）

<a href="リンク先"target="_blank"><img src="画像ファイル"width="100" height="100"></a>

▼テキストリンク

<a href="リンク先">テキスト</a>

▼テキストリンク（別タブで開く）

<a href="リンク先"target="_blank">テキスト</a>

▼中央寄せ

<center>テキストor画像or動画</center>

▼改行

</br>

▼水平線

<hr>

▼太文字

<b>テキスト</b>

▼下線

<u>テキスト</u>

▼赤文字

<span style="color: #ff0000;">テキスト</span>

▼黄色マーカー

<span style="background-color: #fff566;">黄色マーカー</span>

▼太文字＋赤文字＋黄色マーカー

<b><span style="color: #ff0000;"><span style="background-color: #fff566;">テキスト</span></span></b>

▼半角スペース

 

サイドバーの１と２に関しては、３カラムの場合はサイドバー１が左側、サイドバー２は右側に配置され、２カラムの場合はサイドバー１が先頭、サイドバー２はサイドバー１の後ろに配置されます。

設定の詳細は動画で解説していますので、参考にしていただければと思います。