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

どうも、Naotoです。

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


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

 

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

 

サイドバーに画像やテキストを表示させたい場合は、

サイドバー1かサイドバー2にテキストのウィジェットを追加して、テキストに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>

 

■半角スペース

&nbsp;

 

サイドバーの1と2に関しては、

3カラムの場合はサイドバー1が左側、サイドバー2は右側に配置され、

2カラムの場合はサイドバー1が先頭、サイドバー2はサイドバー1の後ろに配置されます。

 

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

コメントを残す

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

CAPTCHA