iPhone修理を△△でお探しの方なら
スマップルDEMO店

スマップルは業界最安値に挑戦中!!
DEMO店0000-00-0000
営業時間--:-- ~ --:--
iPhone修理を△△でお探しなら、〇〇〇より徒歩〇分のスマップルDEMO店へ!画面割れやバッテリー交換などアイフォンの修理に関することは何でもお任せください。

iPhone修理 熊本県 スマップルDEMO店

記事スタイル1(目次がある場合)

記事投稿時にテンプレートを「記事スタイル1」にすると、以下のような表示スタイルになります。

見出し(見出し2)

見出しは「見出し1」から「見出し6」まで選択できますが、「見出し1」は、ページのタイトルで使用しているために、記事内では使用しないでください。

記事が長くなる場合、「見出し」で記事を分割したほうが見やすくなりますが、見出しの階層を多くしすぎると、記事全体がわかりにくくなり、読みたくなくなります。(離脱率が上がりSEO的にもマイナスです)
多くても「見出し4」程度までにとどめた方がいいでしょう。

見出し3

見出し4

見出し5
見出し6

文字ごとの装飾

文字サイズ

8px 10px 12px 14px 16px 20px 24px 28px 32px 36px 48px 60px 72px 96px

その他の装飾

太字 下線 取り消し線 斜体 文字色(赤) 背景色(黄)

文字フォント

文字フォントは、日本語などの全角文字ではほとんど変化がありません。
また、記事を見る側の環境によって結構変わるため、フォントの変更はお勧めしません
どのような環境でもフォントを統一するには、デザインにWebフォントを使う方法がありますが、サイトのパフォーマンスを下げてしまうために、現在のデザインでは使用していません。

フォント名 例1 例2
Georgia あいうABC123 \123,456-
Arial Black あいうABC123 \123,456-
Impact あいうABC123 \123,456-
Andale Mono あいうABC123 \123,456-

上の「例2」の先頭には「¥」を記述していますが、フォントによって思うように表示されません。
これは、「¥」が日本語のみで使用される文字であり、英語圏用のフォントでは「バックスラッシュ」が表示されます。

配置

文字の配置

左寄せ(通常は左寄せ)

中央揃え

右寄せ

画像と文字の関係

「左寄せ」にした画像に続く文字

画像を「左寄せ」した後の文章は、右へ回り込みます。

右回り込み途中の見出し

右へ回り込んでいる状態で「見出し」を入れると、見出しも右へ回り込みます。
画像の高さを超え、行全体が表示できる位置になった場合(回り込み終了)、このように表示します。

「右寄せ」にした画像に続く文字

画像を「右寄せ」にした後の文字は、左へ回り込みます。

左回り込み途中の見出し

左へ回り込んでいる状態で「見出し」を入れると、見出しも左へ回り込みます。
画像の高さを超え、行全体が表示できる位置になった場合(回り込み終了)、このように表示します。

「中央揃え」にした画像の前後の文字

「中央揃え」にした画像の前後に文字を機銃しても、画像の左右に表示されるのではなく、文字は画像を避けて上下に表示されます。

(画像の前の文字)(画像の後の文字)

画像の左右に文字を表示させたい場合は、下のように「表」を利用します。
(下の例では、解りやすくするために、あえて境界線を表示しています。)

(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字)(画像の前の文字) (画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)(画像の後の文字)
カテゴリ:お役立ち情報タグ: 投稿日:2021-04-20

お問い合わせスマップルへの修理予約&お問い合わせ

iPhone修理は スマップルDEMO店 へ!
スマップルは、総務省登録修理業者登録申請済みです。現在登録番号発番中にて、HPを随時更新致しますので安心してお問い合わせ下さい。
店舗名スマップルDEMO店
営業時間--:-- ~ --:--
TEL0000-00-0000
住所〒000-0000
ーー県ーー市ーーーーー
00-00-00
スマップルDEMO店への道順

お知らせ

修理ブログ

facebook の url を張り付けてみる
https://www.facebook.com/parallel.soft
2021-08-17
URLの埋め込み
投稿記事に URL を張り付けるだけで、以下のようになります。 店舗へのアクセス
2021-08-17
2021-06-26
「標準」スタイルの例
記事のデザイン名を「標準」にした場合の例。 何かの記事を引用したものを表示する場合。 目次1 見出し21.1 見出し31.1.1 見出し41.1.1.1 見出し51.1.1.1.1 見出し62 文字のサイズ2.1 文字の装飾2.2 フォント2.3 文字の配置2.4 画像と文字の関係2.4.1 見出し  ...
2021-06-24
「グリーン調」スタイル例
記事のデザイン名を「標準」にした場合の例。 目次1 見出し21.1 見出し31.1.1 見出し41.1.1.1 見出し51.1.1.1.1 見出し62 文字のサイズ2.1 文字の装飾2.2 フォント2.3 文字の配置2.4 画像と文字の関係2.4.1 見出し42.4.2 見出し4 見出し2 見出し3  ...
2021-06-24

お役立ち情報

facebook の url を張り付けてみる
https://www.facebook.com/parallel.soft
2021-08-17
URLの埋め込み
投稿記事に URL を張り付けるだけで、以下のようになります。 店舗へのアクセス
2021-08-17
2021-07-03
「モノクロ調」スタイル例
記事のデザイン名を「標準」にした場合の例。 目次1 見出し21.1 見出し31.1.1 見出し41.1.1.1 見出し51.1.1.1.1 見出し62 文字のサイズ2.1 文字の装飾2.2 フォント2.3 文字の配置2.4 画像と文字の関係2.4.1 見出し42.4.2 見出し4 見出し2 見出し3  ...
2021-06-24
行間をチェックする
Teamから、PCI Express 3.0対応NVMe M.2 SSD「CARDEA ZERO Z330 M.2 PCIe SSD」シリーズが発売された。ラインナップは、容量512GBの「TM8FP8512G0C311」と1TBの「TM8FP8001T0C311」の2モデルだ。 放熱効果が期待でき  ...
2021-05-08

スマップル店舗一覧iPhone修理を△△でお探しならスマップルへ!

スマップル天神店
店舗名スマップル天神店
営業時間10:00 ~ 21:00
TEL092-707-3443
住所〒810-0001
福岡県福岡市中央区天神2丁目3-20 天神田中ビル 2F
アクセス天神駅から徒歩4分
サイトURLhttps://smapple-tenjin.com
スマップル博多店
店舗名スマップル博多店
営業時間8:00 ~ 21:00
TEL092-402-1534
住所〒812-0012
福岡県福岡市博多区博多駅中央街1-1
アクセス博多駅から徒歩0分!
サイトURLhttps://smapple-fukuoka.com