スタイルテスト記事



皆様お世話になっております

中村です
記事投稿に関してのサンプルをアップ致します。

文字の改行について

文字の打ち込みは通常通りに文字を入力していただければ良いということは理解していただけると思いますが、まず、改行を行うと行間が空きすぎる感じになる場合の操作です。

通常通り改行致しますと

このように

一行飛ばしな

行間になります。

行間を狭く改行したい場合は
改行時に
シフトキーをおしながら
改行してください。

そうするとこのような行間になります。

記事内のタイトル設定

次に記事内にタイトルを設定する場合は
タイトルにしたい文字列を選択した状態で
メディアを追加ボタンの下にある、段落プルダンより
各見出し設定を行ってください。

見出し設定

文字タイトルスタイル(見出し1)

文字タイトルスタイル(見出し2)

文字タイトルスタイル(見出し3)

文字タイトルスタイル(見出し4)

文字タイトルスタイル(見出し5)
文字タイトルスタイル(見出し6)
成形済みテキスト
上記のような見出しをこちらで準備しましたので

お好みの見出しを設定していただくことができます。
なお、見出し6に関しては
リンクボタン設定にしてありますので
文字列にリンクをつけた後に、見出し6の適応をしていただくと
ボタンのような見栄えになるようにプログラムしてあります。

ボタンの設定について

上記の見出し6に加えて、ボタン専用のスタイルを作成しました。

編集画面右上にスタイルと言うプルダウンメニューの中から6色のボタンスタイルとその他航空会社ごとのアイコンを配置したボタンが簡易で設置することができます。

各航空会社の見栄えです。

一行表示されている時にテキストが若干上に寄って見えるのは、複数行にテキストが流れた場合の見栄えに対応するためです。

設置方法

1ボタンにしたいテキストを打ち込み、テキストにリンクをつける。
2リンクをつけたテキストを選択し、スタイルからお好みのスタイルをつける。

以上

スタイルを解除する場合

ボタン化されている部分を選択し、スタイルからその時点でついているスタイルを選択する(スタイル名が反転されています)。そうすることによって、スタイルの解除を行うことができます。

うまくいかない場合

うまくいかない場合は、リンクテキストに別のスタイルがダブって付いていることがあります。その場合は、各スタイルを上記の方法で解除し、再度新しいスタイルを割り当ててください。

それでもうまく行かない場合な中村までご相談ください。

写真の扱いについて

写真の扱いですが
メディアの投稿時に4種類のサイズから設定できるようになっています。

写真サイズの選択は
記事の写真を差し込みたい部分にカーソルを置いた後にメディアを追加ボタンを押してください。
画像アップロードボタン

写真のアップロード画面はこのような感じです。

写真アップロード画面2

すでにアップロードされている画像を記事に挿入したい場合は上部タブの
メディアライブラリータブをクリックしてあげてください。
アップロード画面が現れない場合は
ファイルをアップロードタブをクリックしてあげてください。

画像のサイズ指定、その他
サイズ説明

それでは各サイズの説明です。

元画像サイズは横幅600px以上のサイズが推奨です。
元画像サイズが小さすぎると、本文中の写真サイズが小さなモノしか選べずに
貧相な記事に仕上がってしまう懸念があります。

415116

中サイズ
記事幅に対して、3分割で写真をレイアウトを行う場合に使っていただけると
良い感じになります。

次に
サムネイルサイズ

813

画面に対して2分割配置です。
画像の2分割も3分割も一番右の画像に関しては基本的には
画像をクリックすると現れる、画像の寄せ設定で配置なしに設定を行ってあげてください。
画像が横に並ばない場合は、右側の画像と左側画像との間にスペースが入っていることが多々有りますので右側画像を選択して、左←キーを一度押して画像の前にカーソルを入れデリートを押してスペースを消してあげてください。
編集画面の画面幅が狭い場合は縦表示される事がありますが、公開したベージ内では横表示になっていると思いますので、お手数ですが公開メニュー内のプレビュー表示で確認を行うか
一度公開を行いご確認ください

2

大きいサイズ
は画面いっぱい設定です。
この画像を一枚貼る場合も、寄せ設定を解除してあげてください。
編集画面で画像の右側に意図せず、
文字が回り込んでしまっている時はこの寄せ設定が入ってしまっていることが多いです。

フルサイズ・カスタムサイズ
フルサイズ・カスタムサイズに関しては基本的に使わないでください。
フルサイズを使用する場合は画像サイズが上記の3サイズに達していない時に使用するもので
通常時に使用してしまうと、スマホ版での画像を表示する時に崩れる原因になりますので注意が必要です。

 

基本的な記事のテキストや写真の扱いはこのような感じで行うことができます。

なお、
ワードやエクセル、別のテキストエディタやWEBからの文字のコピペを行うと
文字の色や、リンク、成形等がその元のものが付いてきてしまい思ったように文字のレイアウトができないことがあるかもしれません。

そのような場合は、windowsのメモ帳等に一度テキストを貼り付け、その文字をまたコピーを
行っていただくと何も設定の付いていない文字をコピペすることができます。

 

 

最後に、このように上部のテキストや写真との間に不本意なスペースが空いてしまう場合は
目には見えない改行コードが挿入されている可能性があります。

通常の編集画面では消せない場合は、メディアを追加ボタンの右側にある
ビジュアル・テキストタブでテキストモードに変更し(HTMLが表示されます)
該当の行付近にある

 

という文字を消していただければ、妙な改行は削除することができます。

以上お手数ですが宜しくお願いします。

疑問点やおかしな現象がありましたら
名古屋中村までTELかグルームでご相談ください。





関連のカテゴリー:管理用

その他同じカテゴリーの記事

NOT IMAGE

旅ブログ投稿マニュアル(2018)

ログインについて ブログの投稿を行うには ブログ用のアカウント申請を行ってください。 申請を行[...]
Read More >>

2018/04/02

NOT IMAGE

ボタンについて

ボタンの設定について 見出し6に加えて、ボタン専用のスタイルを作成しました。見出し6でのボタン設定[...]
Read More >>

2016/06/20

その他旅のご相談

この旅のご相談、その他の旅のご相談は下記の電話番号にてお申し込み、ご相談を受け付けております。 また、メールでのご相談も何でもお気軽にお問い合わせください。

お電話でのお問い合わせは
東京  03-5759-8411 10:00〜18:00(月〜金)
名古屋 052-583-1959 9:00〜17:30(月〜金)
大阪  06-6311-6622 10:00〜18:00(月〜金)

※土・日・祝・年末年始 休業