■Jimdoでワク線を付ける&カスタマイズする方法(図解編)

サイトのレイアウト上、ワク線があると内容にメリハリが出ます。

カンタンな操作で枠線は作れますからぜひやってみてください。

方法は以下の通りです。

「文章」を開いて「HTML」をクリックする
「文章」機能を開いて「HTML」をクリックする
HTMLソースエディタ画面の初期状態
HTMLソースエディタ画面が開く

エディタ画面の空欄に下記の枠線ひな型ソースコードをコピー&ペーストする。

<table border="0" cellspacing="0" cellpadding="3" width="243" height="104">
<tbody>
<tr>
<td style="border: 2px solid #b0c4de;" colspan="3" rowspan="3" align="left" valign="middle">
<p>&nbsp;</p>
</td>
</tr>
</tbody>
</table>

枠線のひな型ソースコードを貼り付けた状態
枠線のひな型ソースコードを貼り付けた状態

最後に左下の「更新」ボタンを押せば↓の画面になります。

ワク線付き文章の出来上がり
ワク線付き文章の出来上がり

このワク線の中をクリックすればカーソルが現れますので、通常の文章打ち込みと同じ要領で文を入力していきます。

 

枠線のその他Tips

↓枠線のカタチを変えるのにはアンカーポイントを動かします

アンカーポイントで枠線の形を変更できます
アンカーポイントで枠線の形を変更できます

↓枠線の太さと色を変更するには、HTMLソースコードを変えます

枠線の太さと色を変更するにはココ
枠線の太さと色を変更するにはココ

以上です。いかがですか?とってもカンタンにできますね!