WordPress

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

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

ワードプレスのテンプレート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の後ろに配置されます。

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

ABOUT ME
Naoto #じぶんライフ
Naoto #じぶんライフ
会社に依存しない生き方をしようと決意し、全くの0の状態(貯金なし、スキルなし、学歴なし、人脈なし)でネット起業した結果、月100万円を超える収入(多いときはその10倍以上)をたった1人で得られるように。 好きな時に、好きな場所で、PC1台で自由に収入を得る自分らしいライフスタイル『じぶんライフ』をコンセプトに、凡人が人生を激変させるための情報を発信。