How to Update Website

1.ログイン方法:

http://●●●●●(TOPページURL)/wp-admin にアクセスすると下記画面が表示されます。

1. ユーザー名、もしくはメールアドレスを入力します
2. パスワードを入力します
3. ログインをクリックします

2.ブログ記事を追加

ダッシュボードメニューから 「投稿」→「新規追加」

3.記事作成画面の説明

新規追加:新しいブログ記事を作成します。

ここにタイトルを入力:ブログ記事のタイトルを入力してください。

メディアを追加:写真などをブログ内に挿入します。

ビジュアル・テキスト切替:ビジュアル表示、テキスト表示を切り替えます。

ビジュアル表示 = 簡易プレビュー画面。

テキスト表示 = html 編集画面。

本文入力エリア:ブログ記事の本文を入力してください。写真の挿入、動画の挿入などもできます。

下書きとして保存:作成途中など、公開前に記事を下書きとして保存する。

プレビュー:編集した記事を公開、保存前にプレビューして確認できる。

公開(更新):新規作成した記事、編集した記事を公開(更新)する。

ビジュアルエディタの説明

太文字・斜め文字・打ち消し線:文字を装飾します。

リスト表示:下記のように項目をリストで表示します。

  • カメラ
  • 三脚
  • レフ版

数字リスト表示:下記のように項目の頭が数字のリストで表示します。

  1. 準備
  2. 開始
  3. 終了

文字の配置:本文の左揃え、中央揃え、右揃えを切り替えます。

リンクの設定:選択した文字にリンクを設定します。オプション表示で、より詳細な設定も可能。

リンクの解除:設定したリンクを解除します。

見出し文字の配置:選択した文字の大きさ、重要度を切り替えます。見出し1はSEO対策上、一度だけ使うようにして下さい。

文字下線:選択した文字にアンダーラインを装飾します。

文字色の変更:選択した文字の色を変更します。

インデント:文章の書き出し位置を寄せます。

操作を戻す・進める:直前の操作を戻したり進めたりできます。

4.固定ページ追加方法

4. 固定ページをクリックします
5. 新規追加をクリックします

5.固定ページ編集方法

6. [Page Builder]をクリックします

7. [Add widget]をクリックします
  ポップアップ画面の中から[SiteOrigin Editor]をクリック

8. [Edit]をクリックします

固定ページ_6

9. [Title]を入力(省略化)

10. [本文]の入力エリア、写真挿入などは後述します

11. [Widget Styles]内の下記項目で色やサイズなどが選択できます。

固定ページ_7

Attrbutes:クラス属性
Widget Class: 下記文字を記入すると幅が変わります。数字は最大幅(ピクセル)。
.w100 / .w150 / .w250 / .w260 / .w420 / .w600 / .w960 / .w1200 / .w1500 / .wFull

固定ページ_8

Layout:
Padding: 内側に取る余白の幅

固定ページ_9

Design: 色や背景を選択できます。
Background Color: 背景色
Background Image: 背景画像(背景色より優先される)
Background Image Display: 背景画像の配置方法
・Tiled Image: タイル上に配置します
・Cover: 全幅で表示します(拡大)
・Centerd, with original size: 元サイズ画像を中央配置します
・Parallax: パララックス効果(拡大、非推奨)
・Parallax (Original Size): パララックス効果(元サイズ画像、非推奨)
Border Color: 境界線の色を変更できます
Font Color: 文字の色を変更できます
Links Color: リンクの文字色を変更できます

固定ページ_10_2

Animation: アニメーションの仕様
Type: アニメーションの種類
・アニメのデモ確認サイト
http://daneden.github.io/animate.css/
Duration: アニメーション時間
Delay: アニメーション開始遅延時間
Offset: アニメーション開始位置(数字が大きい程、開始が遅くなる)
Iteration: 繰り返し回数

6.固定ページ内に写真を追加(SiteOrigin Editor内)

12. [メディアを追加]をクリックします

A. 単写真を追加する場合

13. 追加したい写真をクリックします(Ctrl+クリックで複数選択可)
14. 添付ファイルの表示設定
   配置: 配置場所を選択できます
   リンク先: リンク先を選択できます (「なし」推奨)
   サイズ: 表示するサイズを選択できます
15. 固定ページに挿入をクリックします

B. ギャラリー表示で写真を追加する場合

16. ギャラリーを作成をクリックします
17. 追加したい写真を選択します
18. ギャラリーを作成をクリックします

固定ページ_14

19. 表示する順番を選択します
20. ギャラリーの設定: 表示方法を選択できます
    リンク先: リンク先を選択できます (「なし」推奨)
    カラム: サムネイルグリッドの縦列数を選択できます
    ランダム: ページ表示毎にランダムで配置が変わります
    サイズ: ギャラリーで表示する画像の大きさを選択できます
    種類: ギャラリーの種類を選択できます

コメントは受け付けていません。