デザインパーツ
コピペして使ってください。
※必ずテキストモードで書くこと
マーカー
線のデザイン点線バージョン
線のデザイン二重線バージョン
線のデザインマーカーバージョン
使い方
<span class=”under”>ここに文字を入れる</span>
underの後ろに2または3をつけるとデザインが変わる。
ボタン
●背景白(小)
●背景白(大)
●背景青(テーマカラー)
●背景赤・文字白
href=”ここにリンク先のURL”
ボックス
表
A | B | |
---|---|---|
① | 数字など | 数字など |
② | 数字など | 数字など |
③ | 数字など | 数字など |
段落を増やす場合は</tr>の下に
<tr>
<th>④</th>
<td>数字など</td>
<td>数字など</td>
</tr>
を足していってください。
横並びのボックス(リンクあり)
※意味不明な英語が多数並んでますが、絶対に消さないでください。レイアウトが崩れます。
ビジュアルモードで画像の変更など行った場合もデザインが崩れますので必ずテキストモードで変更してください。
こちらのボックスはリンクを設定でき、画像クリックでリンク先に飛ばすことができます。
横並びのボックス(リンクなし、ラベルなし)
画像+文字+説明文のボックスです。
タイトル
説明文説明文説明文
タイトル
説明文説明文説明文
③カラム(スマホだと1)
使い方
①コピー
“テキストモード”でここからコピー〜ここまでコピーをコピーして記事に”テキストモード”で貼り付ける。
②画像差し替え
<img src=”https://kopiluwak-coffee.com/wp-content/uploads/2023/05/FB_IMG_1626564024907.jpg” alt=”” width=”960″ height=”720″ class=”aligncenter size-full wp-image-592″ />
このimgタグを探して画像を入れ替える。
③文字入れ替え
文字とリンクを入れ替える
吹き出し
使い方
< img class=”aligncenter size-full wp-image-4111″ src=”https://fujiyoshida-kanko.net/wp-content/uploads/2020/12/IMG_20201227_165623.jpg” alt=”” width=”622″ height=”623″ />
ここを好きな画像にかえる。