画像を用意
ログイン
Blog一覧の説明
新規投稿>アイキャッチ・カテゴリの設定
下書き保存>タイトル・本文の記入
記事内の画像の挿入
記事の仕上がり確認
記事を一般公開する
記事保存後に記事を編集する
スマホ版マニュアルへ

シナノメンテナンス様用 ブログ記事投稿マニュアル(PC 用)

当ページはパソコン専用のマニュアルになります。説明内でのリンク・説明画像等が正常に表示されない可能性がございますので当マニュアルはパソコンにてご閲覧ください。

スマートフォン版の説明書はこちらからアクセスしてください。

 

Step1.画像を用意

記事に使用する画像をホームページにアップするための画像サイズ・形式に変換します。

 

まずは、HP用のデータを保存しておくフォルダを作成して下さい。
そのフォルダ内に、記事に掲載する用の画像を納入して、ファイル名を半角英数の名前に変更してください。
(例:24年5月1日中村区の記事の場合「jirei_240501_nakamuraku_01」)

次に、画像をHPに適したサイズと形式に変換を行います。
そこでWEB上で画像のリサイズと変換を無料で行ってくれるサイト「Sqoosh」に移動しますので 右記ボタンよりサイト「Squoosh」にアクセスしてください。

※新規タブにてページが開きます。

下記のページが表示されますので、Step.1-1でリネームした画像ファイルを画面中央にドラッグ&ドロップしてください。

ドロップした画像が無事読み込まれましたら、下記のように右下にメニューが表示されます。

右下「Resize」の項目を展開すると、「Width」が出現しますので、その入力箇所に「2000」と入力し、画像をホームページに最適なサイズに変更します。
※横サイズのみ入力してください。

次に、「Compress」の「MozJPEG」をクリックし展開。 下部に出現したメニュー内から「WebP」を選択してください。

以上の2点の設定が終わりましたら、画面右下のをクリックしてください。

すると、ダウンロードの案内ウィンドウが出現しますので、右側のボタン「名前を付けて保存」をクリックして、ご自分のPCのわかりやすい場所に画像を保存してください。

※記事に掲載する際に、変換後の画像を使用しますので、必ずわかりやすい場所に画像データを保存してください。

Step2.ログイン

画像が用意できましたら、 以下のフォームに花雪より渡されたID/Passをご入力いただき、 記事投稿用アカウントにログインしてください。

ログイン後に投稿一覧に戻りたい場合は、右のボタンよりアクセスしてください。

※新規タブにてページが開きます。

Step3.Blog一覧の説明

ログインに成功すると、以下のように、ブログ記事の一覧が表示されます。

各所説明

  • 編集

    記事の編集ページに移動します。

  • クイック編集

    この一覧に表示されている記事のカテゴリーなどの編集ができます。
    詳しくはStep9をご参照ください。

  • ゴミ箱へ移動

    記事を削除します。

  • 表示

    この記事がどのように表示されるかの確認ができます。

  • EA Duplicator

    過去記事を複製することができます。
    複製された記事は下書き状態になり、複製されたタイトルの後尾には「– Copy」と追記されます。

Step4.新規投稿>アイキャッチ・カテゴリの設定

「新規投稿」をクリックし、新規記事編集ページに移動します。

編集ページが表示されましたら、画面右のメニューの「カテゴリー」タブをクリックして展開します。

カテゴリーの一覧が出現しますので、記事に関連したカテゴリーにチェックを入れます。

次に、「タグ」を入力します。
「タグ」をクリックして、タグメニューを開きます。

以下の画像のように記事の内容に沿った施工場所や、施工内容を「単語」で入力してから、エンターを入力すると、1タグ毎に別れて登録されます。

Google等の検索エンジンで検索をかけた際に作成いただいた記事が検索結果にエントリーされやすくなります。

地域性や記事の特徴を単語にてご記入いただくと効果的です。
記事毎のタグはStep3の記事の一覧ページでもご確認いただけます。

更に「アイキャッチ」の設定をします。
「アイキャッチ」をクリックすると出現する「アイキャッチ画像を設定」をクリックします。

アイキャッチは、ブログ一覧の記事のサムネイルと、記事の中の先頭に表示されるタイトル背景に掲載されます。

ブログ一覧のアイキャッチ画像掲載箇所

記事の中のアイキャッチ掲載箇所

「メディアライブラリ」と言う名前の、ホームページに既にアップロードされている画像の一覧が表示されますので、画面上にStep1にて作った画像をドラッグアンドドロップします。

無事画像がアップされると、画面が下記のように切り替わりますので、画面右下のボタン「アイキャッチ画像を設定」をクリックしてください。

キャッチ画像を設定」をクリックすると、自動で記事の編集画面に移動します。

設定が無事完了していれば、画面右下に設定したアイキャッチ画像が以下のように表示されます。

「カテゴリー」「タグ」「アイキャッチ画像」が投稿内容に沿ったもか確認できましたら、記事を書く準備は万端です。

Step5.タイトル記入>下書き保存>本文の記入

基本の設定が済んだら、記事のタイトルを入力します。 画面中央に「タイトルを記入」というグレーの文字がございますので、そのテキストをクリックした後、タイトルをご記入ください。

タイトルを入力すると、画面右上の下書き保存のボタンがグレーから青に変色いたしますので、記事を一旦下書き保存してください。

下書き保存することで、ブラウザーを閉じても記事が消えることがなくなります。

記事の下書き保存が完了しましたら、URLが記事のタイトルに変更され、画面右下に「下書きを保存しました」と表示されます。

記事の下書き保存が完了しましたら、本文を記入しましょう。

「ブロックを選択するには「/」を入力」のグレー文字をクリックし、本文を入力します。

記入中は下記のような画面になります。

次に、文章中に小見出しを挿入したい場合があると思いますので、その方法をご説明いたします。

例えば、以下の赤のライン部分に小見出しを追加したい場合、カーソルを文末の「。」の後ろに移動させクリックし、エンターキーを二度入力します。

すると、以下のように「。」の後ろが改行され、改行された箇所をクリックすると、以下のようにガイドが出現するので、をクリックしてください。

「5」で出現したグレー文字の部分に小見出しを追加するには、右側にあるをクリックすると、以下のようにメニューが出現しますので、そのメニュー内の「見出し」をクリックして選択します。

「見出し」を選択しますと、以下のように、グレー文字の「見出し」が出現いたしますので、その部分にお好みのテキストをご入力ください。

以下のように見出しを入力できます。
文字サイズや色等は記事のプレビュー時に自動で調整されますので変更しないでください。 ​

記事の文章を入力し終わったら、再び「下書き保存」をクリックして記事を一時保存してください。

Step6.記事内の画像の挿入

1記事に画像を挿入します。
タイトルをクリックしてください。すると、記事の最後尾にが出現するのでクリックします。

を押して出てきたメニューの「画像」をクリックしてください。

「画像」を押すと、下記のメニューが出現しますので、「メディアライブラリ」をクリックしてください。

「メディアライブラリ」をクリックすると、下記のように、画像の選択画面に移動しますので画面左側の画像一覧より、記事に挿入したい画像をクリックして選択します。
挿入したい画像に青色の囲いと、チェックマークが付いたのを確認しましたら、右下の「選択」ボタンをクリックしてください。

「4」で選択した画像が文章の末尾に挿入されました。

画像のサイズを変更したい場合は、右メニューの「解像度」にある、「大」をクリックしてください。

「中」を選択すると、約半分のサイズに画像が縮小されます。

画像を挿入したい箇所に移動します。 画像上部に表示されているメニューのを数回クリックして、画像を挿入したい段落に移動させます。
当マニュアルでは文章の先頭に挿入します。

画像を先頭に移動したら、画像上部メニューのをクリック。

下方向に展開されたメニューから「右寄せ」を選択してください。

以上の工程で、文章中に画像をレイアウトした記事が出来上がりました。
「下書き保存」をクリックしてここまでの工程を保存してください。

Step7.記事の仕上がり確認

記事が閲覧者からどう見えるかの確認をするためには、画面右上のボタンをクリックします。

「プレビューを」クリックすると、下方向にメニューが展開されるので「新しいタブでプレビュー」を選択します。

新しく開いたタブに移動しますと、以下のように完成したページの確認ができます。
以下のように表示されなかった場合は、次項をご参照ください。

上記レイアウトに差異がある場合の解決方法 プレビュー画面を確認してみたら、タイトル上部の色が違う、編集していた文相が反映されない。
などの症状がある場合は、以下をご確認ください。

Step8.記事を一般公開する

記事が出来上がりましたら、サイト閲覧者に公開します。
画面右上にございます「公開」ボタンを押すと、右メニューが出現します。
各項目については次項にてご説明いたします。

左下に「投稿を公開しました。」と表示されたら、記事が一般公開された状態に変更されました。

記事の予約投稿・非公開などの設定方法

記事は予約投稿・パスワード制限などの公開方法がございます。

各設定については以下の通りです。

予約投稿方法は「公開」の右側にある、日時をクリックするとカレンダーが表示されますので、お好みの日時に設定いただければ、設定した日時に記事が公開される、予約投稿になります。

また、公開日時を指定した場合、右画像の最上部「公開:」の右側に指定した日時が表示されます。

未来の日時に設定すれば、指定した日時に投稿予約できます。

過去の日時に設定することで、最新投稿より前の記事として投稿することも可能です。

以上の設定が終わりましたら、右のボタンをクリックして公開されたページをご確認ください。
公開された記事は、右のボタンよりアクセス・確認いただけます。

Step9.記事保存後に記事を編集する

記事の一覧から、カテゴリーなどの確認・編集が可能です。

記事名にカーソルをかざすと、タイトル下にメニューが出てきますので、その中の「クイック編集」をクリックしてください。

「クイック編集」をクリックすると、設定項目が展開されるます。
以下の説明を参考に、各所設定した後「更新」をクリックすると、記事が公開されます。
※「更新」を押さない場合、変更箇所は適応されないのでご注意ください。

スマホ版マニュアル

スマートフォン版のブログ記事の投稿マニュアルは右のボタンより参照いただけます。