デモサイトの使い方

はじめに

昨日お知らせしましたが、今回、ブログ型ホームページがどのようなものなのかを体験していただこうと思い、デモ用のサンプルサイトを作成してみました。今日はこのサンプルサイトの簡単な使い方(ページの作り方など)を説明したいと思います。

まずはサンプルサイトをご覧になり、説明に従ってログインしてください⇒サンプルサイト

 

ログイン

sample1ログインしますと、左のような管理画面(ダッシュボードといいます)が出てきます。その左上に『投稿』と『固定ページ』がありますが、そこからページの修正や作成ができます。

 

 

sample7なお『投稿』と『固定ページ』の違いですが、『投稿』は右の画像の青枠のように『お知らせ』用のページを作成できます。
次に『固定ページ』は、赤枠で囲まれているところの固定化されたページを作成できます。

 

 

 

ページの作成

sample2ここでは『投稿』からページを作成してみたいと思います。『投稿』→『新規追加』を押すと、左のような画面が出てきます。赤枠のところにページのタイトルを、青枠のところに文章をかいてください。

そしてその書いた文章は、緑枠で囲まれたアイコンによって装飾が出来ます。各アイコンは実際に触ってみればどんな装飾を行えるかわかると思いますが、ここではパソコンに保存している画像を載せる方法と、見出し等の出し方を説明します。

 

 

 

画像を載せる方法

ますは画像を載せる方法です。次のアイコンを押してください。

media-button

このアイコンを押すと、このような画面が出てきます。そして『ファイルを選択』を押せば、画像選択画面が出てきますので、パソコン内にある画像を選んでください。

すると次のような画像設定画面が出てきますので、お好きなように設定し『投稿に挿入』を押せば画像を挿入できます。

 

sample6タイトル:そのままでOKです

代替テキスト:タイトルと同じ名前でOKです

キャプション:なしでOKです

説明:なしでOKです

リンク:画像を押したときのリンク先を設定できます。ここはお好みでいいです。

配置:画像をどのように配置するかを決められます。これもお好きなものを選んでください。

サイズ:画像のサイズを決められます。これもお好きなサイズを選んでください。

 

 

 

見出し等の出し方

sample9次に見出しの出し方です。見出しはこのアイコンを押せば使用できます。

sample8

 

すると左のような画面が出てきます。

これらの見出しを利用すれば、次のようなことが可能になります。

 

sample10

 

 

 

 

 

 

 

 

 

 

 

 

 

以上でデモ用サンプルサイトの使い方の説明は終わりです。ご自由にお使いください。

Copyright© ブログ型ホームページ|Y factory All Rights Reserved.