マニュアルコピータイプ

これはOK

本マニュアルの作成原則

本マニュアルの作成原則

A

2024年4月以降のブロックエディターが対象になります。

ブロックエディターを利用する団体であればどこの団体でも使えるマニュアルを目指します。

従って、全てのブロックをコピーすれば、どの団体サイトのページでも使えるようになります。(iframeで同期させることにもトライ)→テスト

B

ブロックエディターは、とりあえず、テーマやプラグインに依存しないWordpressの標準に絞って紹介(例外が出てくるかも)

したがって、Webかわさきの担当者によって利用するブロック系のプラグインが違ってもその解説は有効なものとなります。

/*HTML*/
<iframe id="" src="https://web-k.jp/mmbr3/?manual-group-editors=webk2024"></iframe>
/*CSS*/
iframe {
 border: none;
 margin: 0px;
 width: 740px;
 height: 1800px;
 overflow: hidden;
}

/*★参考YT HTML*/
<div class="iframeWrap">
<iframe width="560" height="315" src="#" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
/*CSS*/
.iframeWrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}

.iframeWrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

団体HPの管理画面にアクセス

https://サイトのURL/wp-admin

団体HPのURLに「wp-admin」がついたURLとなります。

  • 表示されたユーザー名・パスワードの入力欄に必要なテキストを入力します。
  • 「ログイン状態を保存する」のチェックはお好でどうぞ
  • 「ログイン」ボタンをクリックします。
「ログイン状態を保存する」とは

チェックを入れると、しばらくはログインした状態が維持されます。毎回ログインしなくても管理画面が開きます。 デフォルトでは、ログイン状態を保存する期間は14日間 です。メリハリをつけたい方はチェックなしでどうぞ。

ダッシュボード

管理画面、入力画面とも呼びます。ログインすると次の画面が開きます。

  • 上の横に長い部分を「ツールバー」と呼びます。この右端に「ログイン」している方の名前が表示されます。
  • 図のダッシュボードにはボックスがひとつだけですが、「表示オプション▼」内に数個のボックスのリストがあり、チェックを入れるとダッシュボードに表示されます。
  • 左側の管理メニューは、団体編集者の場合、原則6つになります。HPの内容によっては7~10のメニューが並ぶ場合もあります。
「ダッシュボード」余談

WordPressのダッシュボードの命名は、車のダッシュボードから来ているそうです。

https://www.zurich.co.jp/car/useful/guide/cc-dashboard-instrument-panel/
自動車のダッシュボードとは、前席に位置する内装部全体を指しています。

投稿の新規追加

左側管理メニューの中の「投稿」にマウスをのせると、マウスカーソルの右側に追加メニューが表示されます。その中の「新規追加」をクリックします。

「新規投稿を追加」をクリックすると次の画面が開きます。デフォルトでは、「フルスクリーンモード」です。管理メニューを表示しておきたい場合は「オプション」で「フルスクリーンモード」を中止することもできます。お好みで選択してください。

フルスクリーンモード

管理メニューを表示

右のパネルが表示されないときは「設定」をクリックすると、上左の図のように表示されます。

以下、「フルスクリーンモード」の画面で説明を進めます。

編集画面の構成(下図は参考→作成予定)

WordPressのバージョンや使っているテーマによって、ボタンの形状→並びなどが変わることがあります。

編集画面は4つの領域があります。

① ページタイトル・本文入力欄
ページタイトルや本文を入力する欄です。文章や画像はこの部分に入力・追加していきます。

② ブロック・ページ設定サイドバー
ページ設定やブロックの設定をするエリアです。ブロック設定は編集中のブロックの種類ごとに設定できる項目が変わります。

③ ブロック追加、元に戻すボタン等
追加するブロックの選択、操作を元に戻す等のボタンがあります。

④ 公開・プレビュー・下書き・編集画面設定ボタン
投稿の公開やプレビュー等に関するボタンです。歯車アイコンのボタンは投稿画面などに関する設定を表示するボタンです。

なお、「投稿一覧」に戻るときは「W」をクリックします。すると「アラート」が表示されます。既存の記事を更新して「更新」をクリックしないで「ページを離れる」と「行った交信が保存されません」のでご注意ください。

投稿記事の編集

タイトルと段落(文章)を入力します。

次に「ブロックを選択するには「/」を入力」を単純にクリックすれば、「段落」ブロックでテキストが入力できます。

ちなみに、表示に従って半角の「/」を入力すると次のようなポップアップメニューが表示されます。この仕組みは、お好みで利用してください。

「段落」ブロックでは、2つの改行のやり方「Shift+Enter]と「Enter」を確認しましょう。

なお、デフォルトでは、上の図のように、入力しているそばにメニュー(ツール)が表示されます。これがじゃまになると感じた方は、次の図のように「オプション」で「トップツールバー」にチェックを入れてください。ツールがいつでもトップに表示されるようになります。