「wordpress」タグアーカイブ

カテゴリーアーカイブ一覧の表示件数を自由に設定する

2025年03月17日コメントを残す

先週、1週間ほどかけて子テーマを作り直したことを、下記のブログに書きました。

WordPressの画面が真っ白になり子テーマを作り直すことになった

子テーマを作り直してから4日間ほど何の問題もないと思っていたのですが、13日の夜また不具合が起きました。

・コメントの送信の際、画面が真っ白になる。
・プラグインの設定ができなくなったり、「無効化」する際画面が真っ白になったり、削除ができなくなったりした。
・メディアライブラリのグリッド表示ができなくなった。
など、不具合があちこちに現れて、最終的には管理画面にログインできない状況になりました。

プラグインの自動更新のタイミングで不具合が起きたのでは？と思うのですが、何が悪かったのか、複合的に悪かったのか？
原因は分からないけど対処しているうちになんとかなりました。

カテゴリーアーカイブリスト一覧の表示件数を自由に設定する

必要なプラグインは一度削除して、再インストールしました。
ただ、カテゴリーアーカイブの「表示件数を設定できるプラグイン」が、互換性がなくなり機能しなくなってしまいました。

当ブログではWordpressのカテゴリーをクリックした時、サムネイル付きのアーカイブリストが一覧表示できるよう作っているのですが、、、、
困ったことにデフォルトだと表示件数は、管理画面で設定した「表示設定」と同じになります。

カテゴリーアーカイブページの表示件数を「表示設定」に左右されず好きな件数に設定してくれるプラグインが無いかと探したところ、プラグインを使わずに設定できることを解説しているブログ記事がありました！

WordPressでコンテンツごとにアーカイブページの表示件数を変更するベストな方法
 https://sole-color-blog.com/blog/222
　　　　　　　　　　　　　　「それからデザイン」

上記記事を参考にカテゴリ―アーカイブの件数を変更できました。
ありがとうございました。

仕上がり

２週間ほど、すっかりWordpressにかかりっきりになっていました。
まだ固定ページ「原発は要らない」ページの読み込みが異常に遅くなった、という不具合が残っています。たぶんキャッシュの問題だと思いますが、しばらくは時間がないのでまた来月に対処します。

追記：2025年3月18日

「原発は要らない」ページの読み込みが遅くなった原因は、「RSSフィード」の設置が問題のようです。
復興庁-新着情報の「RSSフィード」はエラーが出て、ついに取り込みができなくなりました。
原子力規制委員会（YouTubeサイト更新情報）と原子力資料情報室更新情報（新着情報）は「RSSフィード」の取り込みはできるものの、ページの読み込みが極端に遅くなります。
仕方なく、RSSは削除しました。

WordPressの画面が真っ白になり子テーマを作り直すことになった

2025年03月13日コメントを残す

先月28日、当ブログの画面が真っ白になり、それから先週いっぱい復旧作業をしていました。
次から次と対処しなければならないことが見つかり状況をメモする余裕もなかったのですが、今後のために順を追って振り返り思い出したことを記録しておきたいと思います。

また、この1週間、検索に検索を重ねて、たくさんのブログ記事を読み、その中から参考にさせていただいたブログも合わせて紹介していきます。

子テーマを作成するまでとその後

最近やけにページの読み込みが遅い
PHPのバージョンが古いことに気づきバージョンアップした
「BackWPup」プラグインを導入しバックアップをとっておく
キャッシュプラグインを導入し、キャッシュを全削除した途端、画面が真っ白になった↠BackWPupで復元する
XAMPPを起動させ、ローカルサイトで子テーマを作り直す
- 子テーマについて書かれた参考記事
子テーマを作って分かったことと作り直した結果は？
困ったことを解決してくれた記事

1.最近やけにページの読み込みが遅い

最近やけにページの読み込みが遅く、コメントの送信にすごく時間がかかるようになりました。ブログサイトそのものがひどく重くなった気がします。
読み込みが遅くなる原因と対策はいろいろありますが、

WordPressブログが重い原因とは？初心者でもできる対策を解説
https://www.xserver.ne.jp/blog/wordpress-slow

まず簡単なところから不要なプラグインを見直して削除することから始めました。

ちょっと前にキャッシュ系プラグイン『W3 Total Cache (W3TC)』を入れていたのですが、サイトのパフォーマンスを上げるためのプラグインなのに現状ページの読み込みが遅くなっているので、これは必要ないと思い削除することにしました。
これがなんと！何度試しても管理画面から削除することができない。FFFTP(ファイル転送アプリ）を使ったところ、一括削除が無理だったのでファイルを少しずつ小分けにして削除していきました。すっごく時間がかかりました。

2.PHPのバージョンが古いことに気づきバージョンアップした

そして新たにキャッシュ系のプラグインを入れようとしたところで、最新のPHPのバージョンが8.4になっていることを知り、レンタルサーバーの管理画面でPHPバージョンを設定しました。（ロリポップでは2025年2月現在最新は8.3）
PHPが古かったためにプラグインが機能していなかったのかもしれません。
PHPのバージョンは毎年更新されています。私はバージョン7.4から5年間ほど更新を怠っていたわけです。

3.『BackWPup』プラグインを導入しバックアップをとっておく

キャッシュ系プラグインを導入する前にバックアップを取っておきます。
PHPもバージョンアップしたことなので、プラグイン『Backwpup』を入れて事前にバックアップを取りました。

【2025年最新】BackWPupの使い方・設定・復元方法を解説

追記：アーカイブ形式と圧縮形式については下記のように推奨している記事もあります。

【アーカイブ形式】解凍時にファイルが壊れにくい「Tar GZip」を設定する
【圧縮形式】サーバーへの転送速度が上がり、容量も軽くなるためサーバーへの負担を減らせる「GZip」を選択する　　
https://help.sakura.ad.jp/

4.キャッシュプラグインを導入し、キャッシュを削除した途端、画面が真っ白になった↠BackWPupで復元する

キャッシュ系プラグインとして設定が比較的シンプルと思える『WP Fastest Cache』を導入しました。
そして設定したのち「キャッシュを削除」ボタンを押したところ、サイトが真っ白になりました。
管理画面は開けるもののサイトは表示されません。真っ白です。

WordPressが真っ白になる９つの原因と対処法をプロが解説

とりあえず、『BackWPup』を使ってバックアップデータを復元することができました。
といっても完璧に復元できたわけでなく、css（スタイルシート）やfunctions.phpに追加した機能が反映されていないところが見受けられます。さらに読み込み速度はグッと遅くなっている気がしました。

サイトが真っ白になる原因はいろいろあるけれど、私のブログの場合絶対テーマに問題があると思いました。
なぜなら、私のブログのテーマは十数年前、私が十分な知識もないままWordpressの標準テーマ『Twenty Twelve』をベースに作った、自作の子テーマだからです。テーマ自体が完璧でないことは間違いないのです。

5.XAMPPを起動させ、ローカルサイトで子テーマを作り直す

XAMPP(ザンプ）を起動してサイトを作成したり編集すれば、いちいちレンタルサーバーにアップしなくても、自分のPC（ローカルサイト）上で動作確認ができます。
何度失敗しても気にすることなく作業が続けられるので、私には無くてはならないツールです。今使っているXAMPPのバージョンは7.46で、5年前に入れ替えたものです。これもだいぶ古くなりました。2025年現在は8.2.12のようです。いずれまた最新のバージョンに入れ替えなければならないかもしれませんが、前回インストールに結構大変な思いをしたので、もうしばらくはこのままでいたいような、、、、

XAMPPとは？XAMPPの意味や設定・使い方を解説
https://hnavi.co.jp/knowledge/blog/xampp

ちなみにコードを書くエディタは『Visual Studio Code』を使いました。
『Visual Studio Code』はMicrosoftが開発している無料のWeb用のコードエディタです。無料とは言えAdobeの有料アプリにも劣らない機能を備えています。

初心者にもわかる「VSCode」の導入から基本操作まで解説
https://envader.plus/article/118

子テーマについて書かれた記事をたくさん読み漁りました。

WordPressで子テーマを作る方法と反映されない場合の対策
https://designup.jp/wordpress-child-theme.html

子テーマを作成して、WordPressのテーマを部分的にカスタマイズする方法

6.子テーマを作って分かったことと、作り直した結果は？

そもそも私は何故、子テーマを作るか？

その理由はプログラミングのスキルが無くても、お仕着せでないデザインで自分仕様のブログサイトを作りたいからです。
それと、プログラミングのスキルが無いからこそ分からないことだらけで、それを検索して解答を見つけ解決していく過程が結構楽しい。もちろん、趣味の範疇だから楽しめています。趣味ならばどんなことも楽しいものです。

とまあ、そんなわけで、『Twenty Twelve』を親として、子テーマを一から作り直していきました。

今回、以前作成した自作の子テーマを見返してみて、私は読み込み速度を低下させるようなマズイ作り方をしていたんだってことがよーく分かりました。
十数年前、親テーマのstyle.cssやfunctions.phpをマルっとコピーして変更や追加をしていったのですが、その際変更を加えなかった部分を削除せずそのままファイルに残していました。親テーマと子テーマで二重表記になった余分なコードがあったということです。
実際はコードを記述するのは変更や追加箇所だけでよかったのです。
追加したけどあとから必要なくなったコードなんかもそのまま残っていて、、、、
作りっぱなしで、ゴミは溜まり続けていたというか、、、、それでも、サイトは動いていたわけですが。正直言うと当時は削除することが怖かったというところもありました。

style.cssの作成について

今回style.cssを作成するにあたっては、親テーマのstyle.cssをコピーして編集追加を行うところまでは前回と同じです。
その後、削除したい部分はコメントアウトして動作確認をし、OKだったら削除、エラーが出たら見直す、を繰り返していきました。
記述ミスと記述する場所を間違えないようにするため、慣れないうちは面倒でもこの方法が安心かなと思います。

その作業をしている間にも別のブログサイトが2個、画面が真っ白になるという事態が発生しました。それはプラグインの自動更新中に起こったことだったので、全てのプラグインを「無効化」し、ひとつずつ「有効化」して動作確認を繰り返していきました。すると古くから入れているプラグインが一エラーを起こしているのが分かりました。PHPのバージョンアップをしたため互換性に問題が生じたのか？と推測するのですが、、、、ともかくそのプラグインを削除したところサイトは正常に戻りました。

WordPressを使い続けるにはメンテナンスが必要

WordPressも親テーマもプラグインも頻繁にアップデートを繰り返しています。
それは、アプリケーションを作る側が常にメンテナンスをしているってことなんですよね。
アプリを使う側も同様にメンテナンスを繰り返していかなければならない、って当たり前のことを今さらながら思い知りました。

子テーマを作り直した結果

そして子テーマを作り直した結果どうなったかというと、すごく読み込みが速くなりました！とりあえず私の環境においてはですが、ページをサクッと開けるようになりました。

下は「テーマ管理画面」に並んでいる親子のツーショット。

7.困ったことを解決してくれた記事

個別記事に大きく表示されるアイキャッチ画像を非表示にしたいと思ったところ、十数年前とはTwenty Twelveの仕様も変わっていて、どこをコメントアウトすれば良いのか分からず困りました。下記記事のおかげで解決できました！

WordPress: Twenty Twelveテーマのアイキャッチ画像の非表示設定

記事編集画面で、ｈ1～ｈ6などがstyle.cssに書いたものと同じスタイルで表示されるようeditor-style.cssを作成しました。下記のブログを参考にさせていただきました。

WordPressのビジュアルエディタ表示を実際に公開されるページ表示に近づける方法

ロリポップでデータベース5.1を8.0にバージョンアップした覚え書き

2024年04月15日コメントを残す

MySQLにもサポート期限がある

先日、「WordPress のバージョンを6.5に更新してください。」という通知が来ました。
いつものように更新ボタンを押すと、「データベースのバージョンが5.5以上でなければWordpressを更新できない」と言うメッセージが表示され、Wordpressを最新版にすることができませんでした。
どうやらデーターベースにもバージョンアップが必要らしい、と初めて気づきました。

ロリポップでデーターベースを確認すると、

「データベースについては基本的にサポート外とさせていただきます。詳しい知識がある方のみご利用ください。」

という注意書きがあり、詳しい知識のない私はビビッてしまいました。

私が使っているデータベースは、15年ほど前のままMySQL 5.1で、とっくの昔にサポートが切れているらしい。2024年現在はバージョン8になっていました。
データベースは面倒そうだから触らないでおきたかった。けどそうも言ってられない状況になったのでググったところ、とても丁寧に更新手順を書いてくださっているブログがありました。

参考にさせていただいたブログ

下記ブログを参考にして、MySQLの知識が無い私でも無事バージョンアップができました。本当にありがたいです。ロリポップ「ライトプラン」を利用している方、私のようにデーターベースの更新作業に不安がある方、おすすめです。

ロリポップ「ライトプラン」データベースのバージョンアップ手順MySQL5.1→5.6
KIKU-me

ここからは自分のための覚書き

ネット検索によるとMySQLのサポート期間は、8年間だそうです。今後もまた更新作業が必要になるかも知れないので、今回の作業を振り返りってメモしておきます。

更新作業工程

WordPressのファイルをバックアップする
ロリポップの管理画面でデーターベースにログインする
更新前のデーターベース【MySQL 5.1】をエクスポートする
更新前のデーターベース【MySQL 5.1】を削除する
新しいデーターベース【MySQL8】を作成する
新しいデーターベース【MySQL8】にデータをインポートする
wp-config.phpを書き換える　
　　　 1）FFFTPに「Visual Studio Code」を関連付ける
　　　 2）wp-config.phpを「Visual Studio Code」で書き換える
　　　3）FFFTPでwp-config.phpのパーミッションを600に変更する
　　　 4）修正した「wp-config.php」をアップロードする
　　　 5）「wp-config.php」のパーミッションを400に戻す

1.Wordpressのファイルをバックアップする

FFFTP

まず最初に、サイト全体のファイルをバックアップするために、Wordpressの不要なプラグインやテーマなど削除し、ウィジェットなども見直したのちに、フリーソフト「FFFTP」を使用して全てのファイルをダウンロードしました。

私のことだから、絶対失敗しないとは言えないので、バックアップは必要です。時間はかかったけど、、、

2.ロリポップの管理画面でデーターベースにログインする

ロリポップの会員専用画面にログインする。
「サーバーの管理・設定」⇒「データーベース」を開く。

「操作する」をクリックする。

「phpMyAdminを開く」をクリックする。

ログイン情報を入力して「実行」をクリックする。

←（画像はバージョン8.0のもの。「実行」でなく「ログイン」と表示されている）

3.更新前のデーターベース【MySQL 5.1】をエクスポートする

エクスポートタブを選択する。

エクスポート設定の変更箇所

1）エクスポートの方法⇒「詳細可能なオプションをすべて表示」を選択する。
2）生成オプション⇒「CREATE DATABASE / USE コマンドを追加する」にチェックを入れる。
「DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT コマンドを追加する」にチェックを入れる。

以上3の箇所以外はデフォルトのままでOK。⇒「実行」をクリックする。
任意の場所に出力されたファイルを保存する。

4.更新前のデーターベース【MySQL 5.1】を削除する

ロリポップの管理画面からデータベースに戻り、「データーベース削除」ボタンをクリックする。

「データベースを削除してもよろしいですか？」とメッセージが出るので、「OK」をクリックする。
「データベースを削除致しました」とメッセージが表示されるので、「OK」をクリックする。

5.新しいデーターベース【MySQL8】を作成する

「データーベース作成」ボタンをクリックする。

作成するサーバー・・・「MySQL8.0」が1個だけ表示されていたので、これを選択した。
（※ロリポップでは今年1月からMySQL8.0が提供されるようになり、以前のバージョンでの新規作成は提供終了となった。）　　　　　
データベース名、接続パスワード・・・どちらも旧データベースと同じにした。

「作成」ボタンをクリックする。

「データベースを作成しました。パスワードは忘れないようにメモされる事をおすすめいたします。」

とメッセージが出たら「OK」をクリックする。※必ずパスワードをメモしておく

バージョン8.0のデータベースが作成できた！

6.新しいデーターベース【MySQL8】にデータをインポートする

「操作する」をクリックする。

「phpMyAdminを開く」をクリックする。

ログイン情報を入力して「ログイン」をクリックする。

インポートタブを選択する。

「参照」ボタンをクリックして、エクスポートして保存したSQLファイルを選択する。
　⇒「実行」ボタンをクリックする。

「インポートは正常に終了しました」と表示されたら完了。

7.wp-config.phpを書き換える

wp-config.phpを開くと下記のような注意書きがある。

注意:
// Windows の “メモ帳” でこのファイルを編集しないでください !
// 問題なく使えるテキストエディタ
（略）
// を使用し、必ず UTF-8 の BOM なし (UTF-8N) で保存してください。

FFFTP上でファイルをクリックしたとき、初期設定のままだとWindows の “メモ帳” が開く。これを任意のエディタが開くように関連づけるオプションがあるらしい。
長年利用しているアプリなのに、オプション設定を全くしていなかった。この機会にFFFTPに「Visual Studio Code」を関連付けることにした。

1）FFFTPに「Visual Studio Code」を関連付ける

「オプション」⇒「環境設定」を開いて「ツール」タブをクリックする。
「ビューワ」でエディタの実行ファイルを指定する。

「Visual Studio Code」の実行ファイルは下記の場所にある。

C:\Users\Owner\AppData\Local\Programs\Microsoft VS Code\Code.exe

これで、FFFTPでファイルをクリックしたら 「Visual Studio Code」で開けるようになった。

2）wp-config.phpを「Visual Studio Code」で書き換える

ローカルデスクにバックアップしておいたファイルから「wp-config.php」をクリックして以下の4か所を修正する。

データーベース名
ユーザー名
パスワード
データーベースホスト

パスワード以外の情報は、「ロリポップ管理画面」⇒「サーバーの管理・設定」⇒「データーベース」画面を参照する。

3）FFFTPでwp-config.phpのパーミッションを600に変更する

FFFTPで右側のウィンドウにある「wp-config.php」を右クリックして「属性変更」をクリックする

「現在の属性」を600に変更する。

4）修正した「wp-config.php」をアップロードする

修正した「wp-config.php」を選択。右クリックしてアップロードする

5）「wp-config.php」のパーミッションを400に戻す

アップロードが完了したら必ず「wp-config.php」のパーミッションを400に戻す。

サイトを開いて正常に表示されているか確認して終了。

パンくずリストをプラグイン無しで作る

2021年02月25日コメントを残す

今回はプラグイン無しでパンくずリストを作ったので、備忘録としてメモしておきます。

作成にあたって、とても分かり易い解説がされている下記サイトを参照いたしました。（感謝！）

【WordPress】パンくずリストをプラグイン無しで自作する方法
_{オリジナルゲーム.com「【WordPress】パンくずリストをプラグイン無しで自作する方法」参照}

作成手順は、

作業前に変更するファイルのコピーを取っておく（※これ、大事です）
functions.phpにコードを追記する
パンくずを表示させたいファイルにコードを追記する
style.cssでスタイルを整える
category.phpとtag.phpの二重表記を修正（必要があれば）

2.functions.phpに追記したコード

「【WordPress】パンくずリストをプラグイン無しで自作する方法」に掲載されている完成版を、まるっきりコピーして使用させていただきました。

// ===========================
// = パンくず =
// ===========================
function mytheme_breadcrumb() {
    	//HOME>と表示
    	$sep = '>';
    	echo '&lt;li>&lt;a href="'.get_bloginfo('url').'" >HOME&lt;/a>&lt;/li>';
    	echo $sep;
     
    	//投稿記事ページとカテゴリーページでの、カテゴリーの階層を表示
    	$cats = '';
    	$cat_id = '';
    	if ( is_single() ) {
    		$cats = get_the_category();
    		if( isset($cats[0]->term_id) ) $cat_id = $cats[0]->term_id;
    	}
    	else if ( is_category() ) {
    		$cats = get_queried_object();
    		$cat_id = $cats->parent;
    	}
    	$cat_list = array();
    	while ($cat_id != 0){
    		$cat = get_category( $cat_id );
    		$cat_link = get_category_link( $cat_id );
    		array_unshift( $cat_list, '&lt;a href="'.$cat_link.'">'.$cat->name.'&lt;/a>' );
    		$cat_id = $cat->parent;
    	}
    	foreach($cat_list as $value){
    		echo '&lt;li>'.$value.'&lt;/li>';
    		echo $sep;
    	}
     
    	//現在のページ名を表示
    	if ( is_singular() ) {
    		if ( is_attachment() ) {
    			previous_post_link( '&lt;li>%link&lt;/li>' );
    			echo $sep;
    		}
    		the_title( '&lt;li>', '&lt;/li>' );
    	}
    	else if( is_archive() ) the_archive_title( '&lt;li>', '&lt;/li>' );
    	else if( is_search() ) echo '&lt;li>検索 : '.get_search_query().'&lt;/li>';
    	else if( is_404() ) echo '&lt;li>ページが見つかりません&lt;/li>';
    }

3.パンくずリストを表示させたいファイルに追記するコード

&lt;div class="mytheme_breadcrumb">
    &lt;?php mytheme_breadcrumb(); ?>
       &lt;/div>

パンくずリストを表示させたいファイル
　　・single.php
　　・category.php
　　・tag.php

コードを追記する位置は各ファイルの<div id=”content” role=”main”>の下になります。＜div＞のクラス名は任意。

4.style.cssでスタイルを整える（一例：2021/03/27修正しました）

/* パンくず */
.mytheme_breadcrumb li {
    font-size: 90%;
    display: inline-block;   
}

5.category.phpとtag.phpの二重表記を修正

私が使っているテンプレートでは、カテゴリーとタグページに元々パンくずが表示されていたので、二重表記になってしまいました。スタイルを統一するために
category.phpとtag.phpのコードを一部削除しました。

category.phpで削除したところ

&lt;h1 class="archive-title">&lt;?php printf( __( 'Category Archives: %s', 'twentytwelve' ), '&lt;span>' . single_cat_title( '', false ) . '&lt;/span>' ); ?>&lt;/h1>

tag.phpで削除したところ

&lt;h1 class="archive-title">&lt;?php printf( __( 'Tag Archives: %s', 'twentytwelve' ), '&lt;span>' . single_tag_title( '', false ) . '&lt;/span>' ); ?>&lt;/h1>

イラスト素材ブログ「アトコンのMe-time」を始めました。

2020年07月06日コメントを残す

昨年2月から、フリー素材投稿サイト「イラストAC」に素材投稿を始めました。
以前はフリー素材サイトからダウンロードして、チラシやバナーを作る素材利用者側だったのですが、adobe Illustratorにはまって、自分でも素材を作りたくなってきました。

16ケ月経った現在、投稿数 150点。
ダウンロード数は、国内と海外を合わせて合計 5,130 DL 。

投稿数もダウンロード数も、まだまだ少ないです。
とてもブログで友人に紹介できるものではなく、作成した素材も「見て見て！！」と自信を持って披露できるものでもなく、こっそりと匿名で投稿を続け、そのうち素敵な素材が描けるようになり、ＤＬも劇的に増え、いつかは堂々とポートフォリオサイトを作るのだ、と心に決めていたのですが、、、、

今月、イラストACサイトから「イラストAC以外のWebサイトに作品をアップしていると、著作者確認が取れて作品審査がスムーズに行えます」といった旨の案内があったので、思い切って作品サイトを作ることにしました。

そのうち素敵な素材が描けるようになり、ＤＬも劇的に増え、、、、なんて夢みたいなこと言ってないで、その時その時のありのままをさらけ出すことが、もしかしたら上達の道になるかもしれません。

というわけで、これからは作成素材を「アトコンのMe-time」にアップしてから、イラストACに投稿することにします。
時々でも、どなたか見てくだされば嬉しいです。