テキストのスタイル

実際の表示形式は「投稿を更新」ボタンの上にある、「プレビュー」をクリックして確認してください。

 

【エディタの見出しスタイルで指定できる書式】

cpt001

●見出し1、見出し2はページ全体のタイトル等、他で使用しますので、
 ブログ本文内では設定しないでください。

 

●見出し3を指定↓

質の高い仕事ができる長屋電工株式会社

 

●見出し4を指定↓

質の高い仕事ができる長屋電工株式会社

 

●見出し5を指定↓

質の高い仕事ができる長屋電工株式会社

 

※見出し6を指定は設定していません。

 

●「スタイル」で「赤色」を指定↓

質の高い仕事ができる長屋電工株式会社

 

●「スタイル」で「青色」を指定↓

質の高い仕事ができる長屋電工株式会社

 

●「スタイル」で「小サイズ」を指定↓

質の高い仕事ができる長屋電工株式会社

 

●「スタイル」で「中サイズ」を指定↓

質の高い仕事ができる長屋電工株式会社

 

●「スタイル」で「大サイズ」を指定↓

質の高い仕事ができる長屋電工株式会社

 

●「スタイル」で「特大サイズ」を指定↓

質の高い仕事ができる長屋電工株式会社

 

●「スタイル」で「明朝」を指定↓

質の高い仕事ができる長屋電工株式会社

 

※「スタイル」は重複指定可能です。「スタイル」を取り消す場合は、再度同じスタイルを選択してください。
 (スタイル名左に表示される三角印がなくなるのを確認してください。)

 

表組(テーブル)のスタイル

表組全体を選択(反転表示)してから

●「スタイル」で「罫線表組」または「横罫のみ表組」を指定↓

商 号 長屋電工株式会社
代表者 代表取締役社長 塩沢 隆
創 業 1966年4月1日

 ※これは正確にはエディタ内でスタイルが反映されませんので、「プレビュー」でご確認願います。

 

【本文入力の際の留意事項】

本文の幅は720ピクセルですので、画像の最大幅は720ピクセル以内で調整してください。

slide0205

画像はビジュアルエディタモードで、 (1)画像を選択 (2)右クリックで、コピー、貼り付け で他のページや記事に流用できます。

 

【編集のコツ】

●「表」の各セルの幅は、エクセルと同様最初の幅が適用されますので、
幅を自由に設定したい場合は、「1行」の「表」を複数作成して対応してください。

 

●文字の色・大きさ・太さ等の指定は、全てのテキストを入力(ペースト)してから、
該当箇所のみを選択して色・大きさ・太さ等を指定するようにしてください。

 

●テキスト入力途中で指定すると、指定範囲が複雑になり思い通りにできなくなります。
その場合はテキストのみを一旦「メモ帳」等の別エディタにペーストして、
投稿エディタにテキストのみを再ペーストして編集し直してください。

 

【文字の大きさについて】

●デザインの都合上、全てピクセルという単位で指定しています。本文サイズは14ピクセルです。
pt(ポイント)というのは大昔からの活版印刷の単位で厄介な事情がありますので、
また別の機会にご説明します。

 

【書体について】

●書体の変更はエディタパネルの一番右下「AA」と書いてあるボタン(CSS編集)で可能ですが、
ホームページのテキストは基本的に利用者のパソコンの中に入っている書体でしか表示されませんので、
全ての人が同じ書体で見られるわけではありませんので、ご留意ください。

 

●ロゴマーク等特殊な書体が必要な場合は、画像編集ソフトで写真と同様の「画像ファイル」で作成して、
写真と同様の扱いで記事内に挿入する方法を第一におすすめします。
別書体の指定方法は以下を参考に試してみてください。

 

●ゴシック系の場合は初期設定のままですので指定の必要はありません。

それ以外の書体を使用したい場合は、(value)を選択して書体名を入力すれば変更できます。
利用者のパソコン内にその書体がない場合は別書体で表示されます。

例えばこれは「HG創英ポップ体」という書体で指定しています。

 

●追加絵文字

 

 

表を使った写真レイアウトについて

本文本文本文本文本文本文本文本文本文本文本文本文

本文本文本文本文本文本文本文本文本文本文本文

dairi_ttl

 

↑右写真パタン表組

 

dairi_ttl

本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文

 

 

↑左写真パタン表組

 

dairi_ttl seinou_ttl

 

↑両写真パタン表組

dairi_ttl seinou_ttl
キャプション キャプション

 

↑両写真パタン(キャプション付)表組

 

※表組の中の配置について

cpt002

 

表組ボックス内にカーソルを置いてから、「セルのプロパティ」をクリックすると

上の設定画面が出てきます。

 

下の表組の文字は、「垂直方向の位置」を「上揃え」に、

クラス」を「右スペース」にしたものです。

これで文字が写真の上に合わせて、写真との間に1文字分のスペースができます。

 

本文本文本文本文本文本文本文本文本文本文本文本文

本文本文本文本文本文本文本文本文本文本文本文

dairi_ttl

↑「セルのプロパティ」で調整後

 

本文本文本文本文本文本文本文本文本文本文本文本文

本文本文本文本文本文本文本文本文本文本文本文

dairi_ttl

↑「セルのプロパティ」で調整前

 

 

画像の高さを揃える方法

 

●画像をクリックすると出てくる、左の山の写真アイコンをクリック

●出てきた設定画面の上の方の「詳細設定」タブをクリック

 

 

●元になる画像の「高さ」サイズを確認。

●同じ手順で合わせたい画像の詳細設定画面を開く。

●「サイズ」欄の「高さ」の数字を他写真と合わせて、「幅」欄は空欄にして、下にある「更新」ボタンを押す。
写真の縦横比はそのままで高さが揃います。

●「高さ」で揃える場合は、ブログ記事内は左右720ピクセル以内に収まるよう、写真の幅にご留意ください。