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

Naoto
じぶんライフ・クリエイターのなおとです。
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の後ろに配置されます。

 

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

=======================

「すみません・・・。会社辞めます。」

僕は上司にそう伝え、自分の人生を生きると決意。

10年の会社員生活にピリオドを打った僕は、
お金も人脈も特別なスキルも、
何もない状態で起業しました。

当時、パソコンすら持っていなかったので、
常識的に考えればかなり頭のおかしい選択です。

しかし、気が付いたら会社員時代の
5倍以上の収入を得ていました。

今は時間や場所を気にすることなく、
自分の意思で様々な選択や決断を自由にしています。

今の時代、個人が会社に依存せずに
自分らしいライフスタイルを実現させることは、
難しいことではありません。

事実、僕が関わる人達も、
サラリーマン、主婦、学生、問わず、
自分の力で収入を生み出しています。

以下の記事では、僕の生い立ちから
現在に至るまでの物語を綴っています。
↓  ↓  ↓
会社の危機で人生変わった話

=======================

コメントを残す

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

CAPTCHA