ホーム > サポートメニュー > 管理者ページ・マニュアル

JUGEM 管理者ページ・マニュアル

充実のオンラインマニュアルです。管理画面の使い方から独自タグ一覧まで、詳細にご用意しています。
よくある質問集 FAQ はこちらから »

画像を使って記事を書いてみよう

管理者ページ内「ブログを書く」より「記事の投稿」を選択します。




投稿フォームが表示されたら、右サイドメニューの「画像」タブをクリックします。




「画像アップロード」をクリックして、画像のアップロードフォームを表示させます。




「画像ファイル」の部分の「参照」ボタンを押します。




ファイルの選択画面が開きます。


アップロードしたい画像を選んだら「開く」をクリックしてください。



ファイルを選択後、「画像をアップロード」ボタンをクリックします。




「画像をアップロードしました。」
というメッセージが表示されたらアップロード完了です。

なお、画像は三枚まで同時にアップロードすることが可能です。



右サイドメニューの「画像」の一覧にいまアップロードした画像が追加されているか確認します。




追加した画像を記事で使ってみましょう。


記事内に画像を挿入したい場所にカーソルを合わせます。



右サイドメニュー「画像」の一覧より、記事に挿入したい画像をクリックします。




下記のように、記事の本文フォームに画像が表示されればOKです。


 


画像の回り込み


画像を記事に挿入する際に、上記のような形式で画像の回り込みを指定することが出来ます。

記事投稿ページ、右サイドメニューの「画像」タブをクリックします。




表示されている各画像下にあるプルダウンメニューにて、回り込みの選択をしてください。




回り込みの選択が完了しましたら、通常通り画像をクリックして記事に挿入します。




画像をクリックした後、記事の本文に回り込み画像が挿入されます。



挿入された画像の横に「ここに本文を記入してください。」というメッセージが表示されていれば成功です。


画像のみをアップする

管理者ページ内、「データ管理:画像の管理」をクリックします。




画像を選択の「参照ボタン」をクリックします。




ファイルの選択画面が開きます。




ファイルの選択画面が開きます。


アップロードしたい画像を選んだら「開く」をクリックしてください。



ファイルを選択後、「画像をアップロード」ボタンをクリックします。




画像をアップロードしました。

というメッセージが表示されたらアップロード完了です。

なお、画像は三枚まで同時にアップロードすることが可能です。



確認してみましょう。




画面下のアップロードされている画像一覧に画像が追加されていたら
画像のアップロードに成功しました。

サムネイル画像を作成する

サムネイル画像とは、画像を縮小して表示する機能です。
サムネイル画像はクリックすると元の画像を表示することが出来ますので、
1つの記事に沢山の画像を表示したいときなど便利です。

サムネイル画像の作成は、画像アップロード時に行います。

画像アップロードまでの手順は、下記でご確認ください。

・画像のみをアップする
・画像を使って記事を書いてみよう。

管理者ページにログインし、「データ管理」内の画像の管理をクリックします。




画像アップロードページにて「参照」ボタンをクリックします。




ファイルの選択画面が開きます。


Mac OS の場合



Windows の場合



ファイルの選択画面が開きます。


アップロードしたい画像を選んだら「開く」をクリックしてください。



画像を選択後、「サムネイルを作成」にて大きさを指定して「長辺 ***ピクセルで作成する」のチェックボックスにチェックを入れます。




※指定したサイズに合わせて縮小した画像も同時に作成できます(最大400ピクセルまで指定可)。
※アップロードする画像よりも大きなサムネイルは作成できません

「画像をアップロード」ボタンをクリックします。




「画像をアップロードしました。」というメッセージが表示されたらアップロード完了です

確認してみましょう。




画面下のアップロードされている画像一覧に画像が追加されていたら
画像のアップロードに成功しました。