
blog
ブログ非公開: 投稿マニュアル
新着情報の投稿コンテンツの仕様についてご案内いたします。
画像について
本文欄にドラッグドロップすると画像がオンラインにアップロードされます。
アップロードされた画像はメディアに追加され、「メディア挿入」画面右下の「投稿に挿入」ボタンを押すと本文欄に追加されます。
その際「添付ファイルの表示設定」を下記にしていただくと画像の拡大が可能です。
画像を拡大させたくない場合は、リンク先を「なし」にしてください。
●「中央・なし・フルサイズ」にして「投稿に挿入」した場合
●「中央・メディアファイル・中-500×331」にして「投稿に挿入」した場合
●縦長の画像を、「中央・メディアファイル・フルサイズ」にして「投稿に挿入」した場合
●縦長の画像を、「左・なし・中335×500」にして「投稿に挿入」した場合
●配置を「なし」にすると、中サイズ以下の画像は横並びになります。(PCのみ)
アイキャッチ画像について
トップページや記事一覧のサムネイル画像のことです。
記事内に最初に入れた画像を自動で取得します。
編集する場合は右のアイキャッチ画像から修正可能です。
テキストについて
↑のような見出しを使う場合は、パレット左上の「段落」を「見出し1」にしてください。
あまり多用すると良くないので、記事内に数回くらいにしてください。
キャッチコピーなど
↑のような見出しを使う場合は、パレット左上の「段落」を「見出し2」にしてください。
「見出し2」は「見出し1」の小見出しになるように記載してください。
改行について
Enterを押すと改行。
Shift+Enterで改行すると
少し詰まった行間になります。
随時使い分けてください。
表組みについて
パレット下段中央あたりにある格子マークからテーブル(表組み)が投稿できます。
セル | セル | セル | セル | セル |
セル | セル | セル | セル | セル |
パレット下段中央あたりにある格子マークから
「セル」>「セルのプロパティ」で、セルの種類を「ヘッダーセル」にすると、
セルが薄いグレーになって見出しのようにできます。
ヘッダーセル | ヘッダーセル | ヘッダーセル |
---|---|---|
ヘッダーセル | ヘッダーセル | ヘッダーセル |
表のプロパティなどから幅を数字で指定できるのですが、
今回はスマートフォン版をレスポンシブコーディングで対応している為、幅を指定した表組みは非推奨です。
下記表のように「500px」など指定してしまうとスマホ版でははみ出てしまうためです。
表のプロパティからテーブルの幅を500pxに指定しました | 表のプロパティからテーブルの幅を500pxに指定しました |
表のプロパティからテーブルの幅を500pxに指定しました | 表のプロパティからテーブルの幅を500pxに指定しました |
同じ理由で、セルも幅指定ができますが、これもスマホ版で崩れる原因になるので使わないようにしてください。数字で指定しなかった場合は下記の見え方。
ヘッダーセル | セルセル | セルセル |
---|---|---|
ヘッダーセル | セルセル | セルセル |
ヘッダーセルの幅を数字で指定した場合は下記の見え方。PC版は非常にきれいですが、スマホのとき数字指定したセルが縮まらず他のセルだけが細くなってしまいます。
ヘッダーセル | セルセル | セルセル |
---|---|---|
ヘッダーセル | セルセル | セルセル |
google各種サービスの埋め込み
googlemapをはじめとする各種サービスの埋め込みが可能です。
googlemapの埋め込み
まずgooglemapの「共有」から「地図を埋め込む」を選択し、サイズを「大」に。そこで生成された「iframe」から始まる埋め込みコードをコピーしてください。
その後、この画面のパレット下段右端の「メディアを挿入/編集」ツールから「埋め込む」を選択。先程コピーした埋め込みコードをペーストしてください。
googlemapストリートビュー(インドアビュー)
同じように埋め込むことができます。
ストリートビューを表示させた状態で左上の3つの点のメニューから「画像を共有または埋め込む」を選択し、次に「画像の埋め込み」タブを選択、後はマップの埋め込みと同じ手順です。
youtubeの埋め込み
基本的にyoutubeはURLを貼っただけで自動で埋め込む処理が入るようです。
関連記事について
記事詳細の下には同じカテゴリの最新記事が3つ自動で表示され、回遊性を高めています。
SNSについて
下記SNSのURLを投稿すると、下記のような見た目になります。
埋め込み → 詳細設定 → 投稿のURLをコピペする
https://www.facebook.com/next51mikunigaoka/posts/1177806348987798:0
ツイートへのリンクをコピー で、本文欄にペースト
タニタに分身ロボ「OriHime」が! pic.twitter.com/cXMtjN1VFy
— 株式会社タニタ (@TANITAofficial) September 14, 2017
投稿のURLをコピペする
https://www.instagram.com/p/BQZlDIdhj5Q/
アメブロ
なにも起こりませんでした。
https://ameblo.jp/inoue-waka/entry-12310430864.html
ライブドアブログ
なにも起こりませんでした。
https://ruuuuu.blog.jp/archives/20541111.html
FC2ブログ
何も起こりませんでした。
https://kagonekoshiro.blog86.fc2.com/
LINEブログ
何も起こりませんでした。
https://lineblog.me/kyarypamyupamyu/