WordPressのバージョンによる編集のしずらさの改善

<!-- wp:paragraph -->
<p>こんばんは. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><span class="bold">編集用のエディタのバージョンを<span class="bold-red">アップデート</span></span>したら, <span class="bold"><span class="marker-under-blue">えらい記事が書きづらくなった</span></span>今日この頃です. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>下記の記事を見たら, <span class="bold-blue">WordPressの更新をするな</span>と書いてありますね. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>まさかバージョンアップをして, 記事が書きづらくなるとは思わなかった(笑)</p>
<!-- /wp:paragraph -->

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/684517/873ec5d0-70ef-dd87-683f-0dd0fb5bcbff.png)

不覚でしたΣ(ﾟДﾟ)

こんなに書きづらく, 文字の色替えや拡大するメニューのところが選択しづらすぎる. 

<!-- wp:paragraph -->
<p>今回は, <strong><span class="marker-under">そんなバージョンアップをして記事が見づらくなった人向けの情報を提供したいと思います. </span></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>これらを実践すると多少見やすくなるかなと感じると思います. </p>
<!-- /wp:paragraph -->

#プラグインからの編集用のバージョンを下げる
<!-- wp:paragraph -->
<p>まずは, <span class="bold">これで改善できるか試してみましょう！</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><span class="bold-red">プラグインのツール</span>としては, 2つあります. </p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><strong>Classic Editor　（WordPressの公式プラグイン）</strong></li><li><strong>Disable Gutenberg</strong></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>この設定は下記からインストールして, <span class="bold-red">有効化</span>してください. </p>
<!-- /wp:paragraph -->

WordPressの管理画面（ダッシュボード）

↓

プラグイン

↓

新規追加

<!-- wp:paragraph -->
<p>どうでしたか, うまく行きましたかね？</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>これで<strong>前の編集画面</strong>に戻れたら, もう言うことなしですね！</p>
<!-- /wp:paragraph -->

### プラグインをインストール後の様子
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/684517/dabaf1f4-03ac-2022-2ed1-a33930026859.png)

<!-- wp:paragraph -->
<p>何かエラー吐いているし、、、(笑)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>こういう時は, なにもしてなかったことにして, インストールしたプラグインを<span class="bold-blue">無効化</span>します. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ちなみに<strong><span class="marker-under">紹介したプラグイン2つとも, 同じエディタ</span></strong>でした.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>＊ただ, 後で使ってみたら意外と使いやすかったです(笑)、ただエラーが気になる(# ﾟДﾟ)</p>
<!-- /wp:paragraph -->

# プラグインのインストールがいまいちだった人向け
<!-- wp:paragraph -->
<p>ちょっと, プラグインのインストールが上手くいかなかったので, <strong>バージョンアップされたエディタを使っていきたい</strong>と思います！</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ただ, デフォルトで設定されている<span class="bold-blue">文字のサイズが18px</span>で, とてもこのエディタだと文字が小さすぎるため, <span class="bold-red">22pxをデフォルトとして設定</span>しました. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>文字サイズの設定は, <strong>CSSファイル</strong>に直接コマンドを打ち込みます！</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>CSSの編集は</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Wordpressの管理画面にある<span class="bold-red">「外観」から「テーマ編集」</span>に行き, <strong><span class="marker-under-red">テーマのスタイルシートに下記のコマンドを入力します. </span></strong></p>
<!-- /wp:paragraph -->

```
p { font-size:18px;}
から
p { font-size:22px;}
に変更
```

文字サイズを適用させている様子がこちらです. ＊「あ」が気になる(笑)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/684517/03c2fdca-e06d-f0a0-e956-b32c7d73c007.png)

<!-- wp:paragraph -->
<p>151行目にコマンドを打ち込んでます. <span class="bold-red">シンプルに一行加えただけですね. </span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ただ, 単にコマンドを打てばデフォルトの文字サイズが変わるって便利ですね～(笑)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>一旦は, <strong>新エディタで文字サイズ22pxにして, 記事を書いていこうと思います. </strong></p>
<!-- /wp:paragraph -->

# おわりに
<!-- wp:paragraph -->
<p>ちょっと, プラグインのエディタを新しくしたら思いのほか書きづらかったので, 記事にしてしまいました(笑)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><span class="bold-blue">不用意なアップデートって, 人を不幸にさせるかもしれないですね. </span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>一つ, 勉強になりました！</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>それでは. </p>
<!-- /wp:paragraph -->