---
tags: 2023-05-15, 2023-05-14, 2023-05-13, Wordpress v6.2, Theme
title: Wordpressダッシュボードの「ようこそ」からv6.2を学習してみた
References: https://ja.wordpress.org/category/releases/,
---

<style>
.s {width:300px;margin-left:60px;margin-bottom: 20px;}
quote {border-left:red;}
</style>

Wordpressダッシュボードの「ようこそ」からv6.2を学習してみた
---

### 0 準備
1. あらかじめ最新版（ここではv6.2）をインストール済みの[演習用のサイトのダッシュボード](https://dev01.yuasys.org/wp-admin/)にアクセスする
2. Basic 認証ダイアログが表示された場合は、必要事項を入力する（以下は基本的に内緒であるため例示してあります）
- id: \*\*\*
- passwprd: \*\*\*\*\*\*\*\*p\*
3. Worepressログインに画面に必要事項を入力する（以下は例示）
- id: y\*\*\*\*#####8
- password: \*\*\*\*\*\*\*\*

### 1 学習開始

#### 1-1 学習を開始するには

1. デフォルトでようこそ画面が表示されるので、その画面から「バージョン6.2について学ぶ」リンクを押して学習をスタートできる。
- 右上の「X 非表示」ボタンを押すと「ようこそ画面」は非表示に設定できる
- 非表示から表示に復活させるにはダッシュボード最上部の右から２番目に「表示オプション」ボタンを押して設定画面を表示させ、「ようこそ」のチャックボックスをクリックして有効にさせる。<br>

#### 1-2 最新バージョンv6.2の概要を知る
[参考文献](https://ja.wordpress.org/category/releases/)


##### 1-2-1 ブロックテーマについて

###### 1-2-1-1 Wordpress5.9から「ブロックテーマ」が追加された
- 従来のテーマは「クラシックテーマ」として区別されるようになった
- 今後のテーマを「ブロックテーマ」という
- v6.2からブロックエディタがベータ版から正式版となった

###### 1-2-1-2 ブロックテーマの特徴／意義
- フルサイト編集　ヘッダー部、フッター部も含めて全部編集できるようになった
- いわゆるノーコード路線が明確になった（特別な言語習得を知らなくてもいじれる）

##### 1-2-2 v6.2で変わったポイント
- **サイトエディタ**　ベータ版を終了したサイトエディターは、インターフェイスが一新され、サイト全体を操作する新しい方法を提供します。テンプレートやテンプレートパーツのフルプレビューを確認した後、好きな場所からサイトの編集に取りかかれます。

<img class="s" src="https://hackmd.io/_uploads/rJkptxR43.png" alt="">

- **ナビゲーションブロック** サイドバーの新しい UI により、メニュー項目の追加、削除、並び替えがより速く、サイトのナビゲーション編集がより簡単になりました

<img class="s" src="https://hackmd.io/_uploads/BkAj--A42.png" alt="">

- **ブロックインサーターがよりスムーズに**
- **必要なときに必要なコントロールが見つかるように、ブロック設定のサイドバーが、「設定」と「スタイル」のタブでより整理**
- **ブロックテーマ用のヘッダーとフッターで、より速く構築**
- **エディターから Openverse のメディアを探検**
- **集中執筆モードで執筆に集中**　集中モードを抜けたいときはカーソルを最上部に移動する
- **新しいスタイルブック**
- **スタイルのコピー＆ペースト**
- **カスタムCSS**
- **6.2のその他のハイライト**
- **固定ポジション**: トップレベルのグループブロックを、訪問者がスクロールしてもページの上部に固定する
- **ウィジェットのインポート** クラシックテーマからブロックテーマへ、お気に入りのウィジェットをインポートするオプション
- **テーマのローカルフォント**Google Fonts が含まれる

### 2 ブロックテーマとは何か？

#### 2-1 どんな感じなの？疑問に応える教材

ブロックテーマって結局なに？となることがあります。筆者はそうなりました。

そのようなときの疑問を解決してくれるいい方法があります。それは、動画で実際の画面をみたり、それをお手本にして自分で実際に動かしてみることです。下記の動画を紹介します。

[WordPress2023ブロックテーマの使い方ノーコード編](https://youtu.be/GORq_nMDavA)

#### 2-2 プロフェッショナル向けのブロックテーマの話題

内容はかなり専門家向けでついていけない感じはしますが、深い話が聞ける動画です。
スピーカーの一人は有名なキタジマタカシさん（テーマSnow Monkey開発者）で、筆者の尊敬する人です。

[WordPress 6.2 を触ってみよう](https://www.youtube.com/live/hmJFsO6rTHo?feature=share)

### 3 ブロックテーマの作り方の概要を知る

#### 3-1 wordpress.orgサイトの活用
##### 3-1-1 wordpress.orgのアカウントを取得する

WordPress に貢献したり、サポートフォーラムでヘルプを得たり、テーマやプラグインの評価やレビューを投稿したりするには `WordPress.org`のアカウントを作成する必要があります。

アカウントを作るには[このサイトで、サインアップ](https://login.wordpress.org/register?locale=ja)（登録）します。

ここでは、下記のアカウントを取得しました。
アカウント名: yuasysnob (例示)
Email: `[e-mail]`（内緒）
password: `w##&&###&***`（内緒）

<p style="font-size:small;color:green;font-weight:bold;margin-left:2rem;padding-left:1rem;border-left: solid 5px rgba(50,200,100,.5)">
【補足】現在は日本語サイトと本家（英語）は統合されつつあるような状況でした。したがって日本語・本家どちらでアカウントを取得しても共通です！</p>

##### 3-1-2 日本語に設定

取得したアカウントで`wordpress.org`にアクセスし言語を「日本語」に設定する

##### 3-1-3 日本語wordpress.orgサイトの便利な使い方

さすがに世界トップシェアを誇るCMSだけあって、Wordpressは学習ソース（教材）も巨大です。
そのため、情報選択の良し悪しによって学習効率が大きく左右されることを実感してきました。

そこで、基本に立ち返り極力公式サイトを活用する癖をつけることが第一歩かと思います。

その次に大切なことは、最初から最後まで公式ドキュメントを目をとおすことはあきらめることが肝心だという事です。

むしろ、実務や興味の方向に沿って「必要な情報源」に如何に効率よくたどり着くかが問われます。ここでは「検索」の参考にして欲しい画面を紹介します。
前述しましたが、本家（英語版）と日本語版の統合が進展しており、日本語でキーワードを入力してもかなりの確率で適切な応答が得られます。

### 4 ブロックテーマの作り方を演習体験で学ぶ

今日現在（2023-05-15）で実際に体験で学ぶ動画教材は以下の２つに限られているようです。

#### 4-1 ちょっと古いが、とてもためになる動画教材

動画が約１年前に制作されているので、v5.9で解説されている点に注意する必要があります。しかしながら、最初に見ておく動画としてとても優れていると思いました。

[WordPressブロックテーマ公式通りに作ってみた！＆カンタン解説！](https://youtu.be/SALPTuS358I)

#### 4-2 より実践的、具体的な解説動画（ワークショップ）

Wordpressから公式認定されているワークショップなので、とても安心して学習できます。また、具体的なプラグイン（新開発）を使った内容なので、すぐに実践出来そうです。

[Create Block Theme プラグインで自分のブロックテーマを作ろう！](https://youtu.be/ZNB-TVjKbrg)