横幅を細かく調整する

WordPressの基本機能では、表の横幅は「セル内の文字数による自動調整」または「一律の横幅」の2通りしか設定できない。当然、自由に横幅を調整したい時がある。

カラム数：３、行数：２の例。
デフォルトで何もテキストが入っていない場合は均等になる。

ブロックエディタの「カスタムHTML」を使い、その中にCSSコードを記述する。これを入れる場所は基本的には、そのページ内ならどこでも良い。

テーブル内にテキストが入らないと、この幅の設定は有効にならない。

<style>
  table tr td:nth-child(1) {
    width: 50%;
  }
  table tr td:nth-child(2) {
    width: 20%;
  }
  table tr td:nth-child(3) {
    width: 30%;
  }
</style>

「Auto Featured Image」管理画面のGenerate Imagesの項目を選択。
次に【GENERATE FEATURED IMAGES】をクリック。

これでページにあるトップにある画像を見つけてアイキャッチ画像として生成が始まる。

これが完了したら、サムネイル画像とアイキャッチ画像が表示されるようになる。
これはページの最初にある画像をアイキャッチ画像として表示するのであんまり意味が無い。何故なら同じものが上下に表示されることになるから。

Auto Featured Imageを利用するときは、初めから記事に一つも画像がなければNo Imageと表示されることになる。
この自動生成されたアイキャッチは、各記事の編集画面から再設定したり、削除したりすることも可能。

Internal Server Errorになる

再度、読み込み直しで更新すると「別の更新が現在進行中です。」と永遠に続く。
3時間まで待って見たがダメだった。

以下のサイトに詳しく説明されている。
参考サイト：https://kinsta.com/jp/blog/wordpress-another-update-is-currently-in-progress/

Google AI での説明

WordPressの更新エラー後に「別の更新が現在進行中」と表示されるのは、
データベースにロック（core_updater.lock）がかかったまま残っているためです。
通常15分程度で自動解除されますが、解決しない場合はphpMyAdmin等でwp_optionsテーブルからそのレコードを直接削除することで即座に解決できます。 

解決方法

1. 15分〜30分待機する
   • WordPressは更新処理に失敗すると、自動的にロックをかけます。このロックは通常15分で自然に解除される仕様です。（3時間待ったがダメだった）
2. データベース（phpMyAdmin）からロックを解除する
   • サーバーの管理画面（エックスサーバー、ConoHa WINGなど）からphpMyAdminにログインします。
   • WordPressのデータベースを開き、wp_options テーブル（接頭辞が異なる場合があります）を選択します。
   • option_name カラムで core_updater.lock を探します。（core_updater.lockが存在しない）
   • 見つかった行を「削除（Delete）」します。
3. プラグインを利用する
   • 「Fix Another Update In Progress」というプラグインをインストールして、ボタン一つで解除することも可能です。（このプラグインで解決した） 

プラグインを開いて、ロックされていると以下の画面が出るはずである。
後は、「Fix WordPress update Lock」をクリックするだけ。

ロック解除が完了した画面になる。

これでWordPressの更新も何故か最新になっている。

最初の設定項目

デフォルトでは、全てのチェックが外れているので以下のようにチェックを入れる。

チェックがグレー表示になっている分は、多分Pro版だと思う。

• システム：キャッシュ有効化（サーバー内に一時保存する仕組みになる）
• 先読み：自動的にサイトすべてのキャッシュを作成（ユーザーが訪問する前に全ページのキャッシュを自動生成し、初回アクセスから高速表示を実現することができるようになる）
• ログインユーザー：ログインユーザーにキャッシュを表示しない（これは管理者が編集した時、古いキャッシュで作成された画面を表示しないで、最新の変更が即座に反映され、キャッシュによる表示のズレを防ぐことができることになる。）
• モバイル：デスクトップ用のキャッシュをモバイルデバイスに表示しない
• 新規投稿：投稿や固定ページを公開した時、キャッシュファイルを削除
• 投稿更新：投稿や固定ページを更新した時、キャッシュファイルを削除
• HTML を縮小：HTMLのサイズを減らす（HTMLコードから不要な改行、スペース、コメントを除去してファイルサイズを小さくし、読み込み速度を高速化する機能）
• CSS を縮小：CSS ファイルのサイズを減らす
• CSS を統合：CSSファイルを統合してHTTPリクエストを減らす
• JS を統合：JS ファイルを統合して HTTP リクエストを減らす (header)
• Gzip：サーバーから送信されるファイルのサイズを減らす
• ブラウザ キャッシュ：リピート訪問者のページ読み込み時間を減らす
• 絵文字を無効にする：絵文字のインライン CSS や wp-emoji-release.min.js を削除できます

最後に「Submit」ボタンをクリックすると設定が保存される。
この設定で保存されるとサイトヘルスの警告が消える。

自動的にサイトすべてのキャッシュを作成する

これにチェックを入れると以下の画面が出る。デフォルトで大丈夫だと思う。

今まで使っていたランダムに表示するプラグインは、無効にすると画像そのものが表示されなくなっていたが、このプラグインは最初の設定で完全にページにアイキャッチ設定に保存されることになる。

もし、変更するときは、ページ毎に変更することができるので問題ないと思う。
完全に新しく設定し直したい場合は、現在のアイキャッチ画像を削除してから設定し直す必要がある。
このプラグインでそれもできるようだ。

プラグインのインストール。

このプラグインの気になるところが一つある。一度画像を入れると、変更したり追加したりするとき、また最初から全ての工程をやり直す必要があるということ。
一度の設定で済めばいいが、変更する場合が少し面倒になる。

以下から設定できる。

本来は英語で表示されているが、日本語に翻訳して表示している。

下に少し下にスクロールすると、以下の「複数の画像を含むアクション」でランダムアイキャット画像を設定することができる。

選択して「画像を選択」をクリック。

メディアライブラリから又はアップロードで画像を複数選択する。

画像が呼び込まれて表示される。

一番下にスクロールして「次へ」をクリック。

フィルターセクションは設定するところは無いので一番下にスクロールして「次へ」。

確認セクションも設定することは無いので一番下にスクロール。

以下のようにNo Image setとなっているところだけがランダムに画像が入ることになる。
既に画像がセットされているところは、そのままセットされた画像が使われることになる。

最後に適用をクリックして完了する。

バックがピンクになっているところが、セットされていた画像が表示され、白、グレーのところがランダムに画像がセットされたところになる。

投稿と固定ページの一覧ページにサムネイルを表示するかしないかの設定

以下のところになる、このアイキャッチ画像をサムネイルで表示するかしないかが設定できる。
もし、縦のスペースを取りすぎると思うなら上のチェックを外すと表示されなくなるのでスッキリした一覧表示になる。ここで画像を変更することもできるのであっても良いかもしれない。

画像を追加する

If wrong image start again
画像が間違っていたら、最初からやり直してください。

をクリック。

これで追加されるわけでなく、面倒だか最初からやり直す必要がある。

画像があるのに重なって表示される

このようにして、多くの重複したアイキャッチ画像を作成することなく、画像をバルク編集できます。

アイキャッチ画像をランダムに設定するには、**アイキャッチ画像 » 概要**に移動し、再度「既存の投稿のアイキャッチ画像をまとめて設定、置換、削除」をクリックします。

ここに来たら、「複数の画像を含むアクション」をクリックします。

次に、「画像の選択」ボタンをクリックして、WordPressメディアライブラリを開くことができます。

開いたWordPressのメディアライブラリで、使用したいすべての画像を選択できます。複数の画像をすばやく選択するには、最初の画像をクリックし、キーボードのShiftキーを押したまま、最後の画像をクリックします。これにより、その間のすべての画像が選択されます。

それが完了したら、「画像を選択」ボタンをクリックします。次に、画面の下部までスクロールし、「次へ」をクリックします。

デフォルトでは、Quick Featured Imagesはこれらの画像をランダムにすべてのWordPressのページと投稿に適用します。

特定のコンテンツタイプ、カテゴリ、またはタグにのみこれらの画像を使用したいですか？その場合は、上記と同じ手順でフィルターを作成できます。

フィルターを追加すると、Quick Featured Imagesは更新を予定しているすべてのページと投稿のプレビューを表示します。サムネイルを確認して、プラグインが各ページまたは投稿にランダムに割り当てた画像を確認できます。

プレビューに満足したら、「適用」をクリックしてください。これで、Quick Featured Images がページや投稿に新しい画像を追加します。

既存の画像に追加したい場合はどうなるか

基本的にはもう一度、最初からやり直す必要がある。例えば１つの画像だけを追加した場合、その画像はランダム画像として表示されなかった。

しかし、画像の中で画像がセットしていないところには最後に追加した画像がセットされていたので、セットされた画像があると頃には表示されないとことになる。

もし、後から変更する場合は一覧表示されたところから画像を変更する方が早いということになる。

大量に変更する場合は、一度アイキャッチ画像を削除して、再度設定する必要がる。面倒になるがこの方法しかやる方法がない。

数字付きリストの中の画像をインラインで入れる

以下がインラインで強引にリスト内に入れた状態である。
リストと画像の間が詰まった感じで表示される。これはリスト間のスペースと同じようだ。

1. 数字付きリスト
2. 数字付きリスト
   
3. 数字付きリスト
4. 数字付きリスト

作成の仕方

リストの２の最後でシフト+リターンを実行する

上の状態で下の①から②のインライン画像を選択すると③に入ることになる。

画像の入った状態、小さく入っている。

画像を大きするためには、画像全体をドラッグして選択する、以下のような入力画面が出るので数値を大きく設定する。

これで最初の見本画像のように少し大きい画面で出るようになると思う。
画像の位置はリストのインデント位置に並んだ状態で画像が配置されることになる。

数字付きリストの中の画像を左寄りに配置する

２のリストの最後でリターンキーで改行すると３になるが、それをさらにリターンするとリストが完全に分割されてしまい、３だった数値リストが１になってしまう。

例えば以下のように画像が途中で分割された状態で入っても、数字の連番になるものを作りたい。

画像は左よりになっているのでリストは完全に２と３の間は分割されている。
それでもリストが連番になっているように見せる方法である。

1. 数字付きリスト
2. 数字付きリスト

3. 数字付きリスト
4. 数字付きリスト

作成の仕方

これは３から始まる数字リストの初期値を設定することで実現できる。
その時、重要なのは３以降のリストを全て選択した状態にすることである。テキスト自体を選択してもダメで、以下の画像のように青い枠が表示されるように選択する状態が必要になる。

この上の状態になると、以下のように右サイドに選択項目が出てくるので、ここの初期値を設定することで連番になったように見えるということになる。

上の画像のようにリストで青枠が表示される状態でないと以下の設定が表示されないことに注意！

この方法だとリスト間に入る画像の上下のスパースが余裕のある状態で表示される。

WordPressのタイトルで特定の箇所を改行したい場合、とても簡単で半角で <br> タグを直接入力するだけであるとよく書かれている記事を見た。

その時、私はこの入力のことを直接、以下のようにタイトルの中に<br>と半角でキーボードを使って入力すると思っていた。

しかし、この方法だとプレビューを表示した時、<br>の文字も上の画像のようにそのまま表示される。

半角で<br>の文字を入力とは、直接入力するのではなく、半角で作成した<br>のテキストを「コピー」してタイトルの改行したい位置に「ペースト」するとうまく改行されるということがわかった。

要は、半角<br>のコピー & ペーストである。

この、コピー & ペースト方法は編集画面でも<br>の文字をペーストした時点で、改行された状態で表示されることになる。

以下がこのページのタイトルを「コピー & ペースト」で改行した時のプレビューになる。

文章内ではコピー & ペーストしても改行はされない、そのまま表示されるので使えない。

MAMPを右クリックすると、以下のように「Finderに表示」が出るので選択。

Finderが開いたら、httpd.confファイルを探す。場所は以下のところにある。

/MAMP/conf/apache/httpd.conf の179行目

この179行目にある項目の前に「#」が付いていて、機能しないようになっている。
この「#」を外すと、リンクが切れた状態のエラーを回避することができるようになる。

これは、Apache HTTP Serverが提供するモジュールの一つで、リクエストされたURLをサーバー内部で別のURLに書き換える（リライトする）機能を持つ機能拡張ツールです。
このモジュールを使用すると、ユーザーに見せるURLと、実際にサーバーが処理するURLを別にすることができるため、非常に高度なURL管理が可能になります。

上記の説明は自分にとって意味不明だが、以下のように#を外した状態にするとこのエラーが出なくなり、トプページからリンクをクリックすると問題なくそのページを開くことが出来るようになる。

LoadModule rewrite_module modules/mod_rewrite.so

以下が MAMPの/httpd.conf ファイイルのデフォルトの状態。

このコメントアウト「#」を外してMAMPを再起動したらNot Foundが出なくなる。

ここでのインストール方法は、Duplicator Lite版向けで500MB以下でできるようにする方法である。
以下で見てもデータベースだけなら十分余裕があることがわかる。

ここでやったファイルのサイズ：合計：約2.4GB

• データベースを除いた全てのファイルサイズ（backup.zip）：2.33GB
• Duplicatorでデータベースのみを作成したサイズ：17.7MB（0.0177GB）
• installer.php：78KB（0.000078GB）

如何にデータベース以外のファイル容量が大きいかがわかると思う。
その中でもuploadsのファイルでサイトが占めていることになる。これがエラーの原因になる。

バックアップの移動・回復の成功の決め手は、データベース以外は全て手作業でダウンロードするということに尽きる。
従って、データベースだけを「Duplicator」に任せれば必ず成功することになる。

大まかな手順の説明

まず、WP以下のファイルをすべてzipで作成（uploadeフォルダも含む）。

Deplicatorでデータベースのみをバックアップする。これなら容量オーバーのエラーなくできる。

• ①データベースのzipファイル
• ②installer.php
• ③WP以下のファイルをすべてzipファイルにする

この３つを作成することになる。

WordPressの中身をすべて③で作成したものと上書きインストールして入れ替える。
①データベースのzipファイルと②installer.phpをWordPressの中に入れる。
データベースの名前が表示されていないのでMAMP用に作成したデータベース名とrootを入れる。

これで完全に戻すことができた。
大まかすぎて理解し難いが、以下で詳しく説明しているので問題なくできると思う。

Deplicatorでの実際の作業手順

Deplicatorでデータベースのみをバックアップする。
以下のように選択して「次へ」をクリック。

スキャンが完了。
通知が２箇所出ている。

このデータベースの通知はデータベースとインストーラのコピーだけが含まれえていることをここで教えているのでエラーでは無い。
概要も問題無い内容なので、このまま作業を進めることが出来るようだ。

「ビルド」をクリック。ビルドが始まる。

問題なく完了した。

本来なら、下の方にある両方のファイルをダウンロードをクリックして上の２つのファイルを同時にダウンロードできるのだろうが、なぜかインストーラが出来ない。

仕方が無いので、インストーラとアーカイブを別々にダンロードする。
アーカイブは16.92MBなので全く問題無いサイズであることがわかる。

Macのダウンロードフォルダに以下のように圧縮されたzipファイルが入る。

もう一つ「installer.php」、この２つのファイルがダウンロードされたことになる。

どこかにこの２つのファイルをまとめて保存しておいて作業メモを添付しておくと良い。

データベース以外を全てダウンロードする

FTPを使ってデータベース以外の残りにファイル全てをダウンロード。
つまりは、WordPressを入れている全てのファイルをダウンロードすることになる。

これは、個別にダウンロードしても問題無いが、zipファイルにしてまとめてダウンロードするのが早くて確実なのでそれを実行する。

ここでの作業は以下のようになるが、それぞれのサーバーによってアクセス方法が多分違うと思うのでサーバー側に問い合わせてやると良いと思う。

※ sshでサーバーにアクセスする
ssh ユーザー名@IPアドレスまたはホスト名（例：ssh user@example.com）
※ cdでwp-contentに移動する（移動の仕方はサーバー側のやり方を確認すること）
cd /virtual/user/public_html/example.com/wp-content
※ 移動先でwp-contentをzipに圧縮する
zip -r backup.zip wp-content/

圧縮された「backup.zip」ファイルをMacにダウンロードする。
これはメディアファイルが含まれているので時間がかかる。約１時間30分位だったと思う。

時間がかかるのはこのローカルへのダウンロードだけである。

ダウンロードされたファイルを移行先MAMPにアップロードする

Deplicatorによるデータベースだけのバックアップなので、WordPressは全て手作業でFTPを使ってダウンロードとアップロードをする必要がある。

MAMPで「test-site」というフォルダを作成して「backup.zip」ファイルを解凍して中身を全て入れる。

その中に、Deplicatorでデータベースだけをバックアップしたzipファイルと「installer.php」を入れる。

MAMPサイト用のデータベースを新規に作成しておく

MAMPを起動して、右上のWebStartをクリック。

サイトが開く、ToolsからphpMyAdminを選択。

「新規作成」をクリックしてデータベース名を入力、「作成」ボタンをクリックすると完成。
左サイドに作成したデータベース名が表示されていると思う。

ここで作成したデータベース名を覚えておくこと。

データベース名：test_site_db
ユーザー名：root（MAMPはデフォルトこれになる）
パスワードroot（MAMPはデフォルトこれになる）

installer.phpで移行先のMAMPサイトに復元する

MAMPを起動する。以下のURLを入力してinstaller.phpを開く。

http://localhost:8888/test-site/installer.php

最初の画面のトップに以下のように表示されている筈である。

wp-config.php exists but isn’t valid. Continue on standard install.
Exception message: wp-config.php exists but database data connection isn’t valid. Continuing with standard instal
Please search the Online Technical FAQs for solutions to these issues.

wp-config.php ファイルは存在しますが、無効です。標準インストールを続行します。
例外メッセージ: wp-config.php ファイルは存在しますが、データベースへのデータ接続が無効です。標準インストールを続行します。
これらの問題の解決策については、オンライン技術FAQを検索してください。

データベースへの接続が無効になっているとう警告だがインストールを続行するという意味のことが書いてある。
当然、データベースがない状態なので、これが表示されていることになる。

Setupの項目でデータベース名とユーザー名、パスワードを入力するところがある。
ここに先ほど作成したデータベース名とrootを入れる。

データベース名とユーザー名、パスワード（root）を入力した。

Databaseタブの横のSettingsを見ると、新しいサイトと古いURLが表示されているので間違いないか確認しておく。
http://localhost:8888/test-site

ここまで設定が完了したら「Validate（検証する）」ボタンをクリック。

以下の画面になる。

Validation（検証結果）
Pass（合格）： 検証項目が正常にクリアされたことを示している。
Notice（通知・注意）：致命的なエラーではないものの、注意すべき点があることを示している。

このNoticeになっっているDatabaseは元のデータベースが古くてバージョン違いによって不具合が出る可能性があることを言っているので、万全を記すなならば元に戻ってバージョンを合わせた方が良いかもしれないが、ここではそのまま進むことにして問題が出てらやり直すことにする。

以下の左のところにチェックを入れると「Next」ボタンが有効になるのでクリックする。

インストール確認が表示される。
これらの設定でインストーラーを実行しますか？となっている。
サイトURLとデータベースが間違いないか確認して「OK」をクリックする。

進捗状況が表示される、すぐに終了する。

全てgoodが表示されているので問題無いということになる。

左上の「Admin Login」をクリックするとログインウインドウが表示される。

この「Admin Login」をクリックするとインストーラファイルが自動的に削除されるとなっている。

Click the Admin Login button to login and finalize this install.
Auto delete installer files after login to secure site (recommended!)
管理者ログインボタンをクリックしてログインし、インストールを完了してください。
安全なサイトにログイン後、インストーラーファイルを自動的に削除します（推奨！）。

以下のログインのユーザー名とパスワードは「移行前のサイト」を入れることになる。

これで問題なくサイトが開く筈である。

管理画面にログイン：http://localhost:8888/test-site/wp-admin/
サイトURL：http://localhost:8888/test-site/

Deplicatorのおかげで難しいデータベースの移行とサイトのURLの移行・復元が簡単に行われることになる。

しかし、無料版で確実に移行するために勉強した時間が、とんでもない時間になったことを報告しておきます。

外付けにhtdocsを作成する

外付けの好きなところにhtdocsフォルダを作成しておく、私はMAMP関係のフォルダということを分かりやすくするためにMAMP/htdocsという風にした。

ドキュメントを変更する方法

ドキュメントを指定するには、以下のPreferencesをクリック。

「Sever」タブを選択して、Document rootでフォルダを指定する。

portタブで8888を選択していたとすると、

URLはhttp://localhost:8888でアクセスすることが出来る。
何も入っていないと以下のように表示される。