2025.01 Cocoon のビジュアルエディターの画像、クラシックエディターに CSS 追加
Cocoon のビジュアルエディターの画像が、白背景だと境界わかりにくく、box-shadow を適用したい。また、クラシックエディターが背景に溶け込んで、境界がどこにあるかわからなくなるため、これも border を付けたい、ということで...
WordPress
2025.01 2025.01 XServer の WordPress MySQL データベースを自前で自動バックアップ
XServer には、Web UI から使える MySQL データベースのバックアップ機能があるが、やっぱり、自分でバックアップ取っておくほうが安心なため、cron 実行で自動バックアップを構築した。記事の終わりには、データベースの復旧方法...
2025.01 Cocoon の追加 CSS のカスタマイズで、CSS が突然、反映されなくなる問題の対処
Cocoon で CSS をカスタマイズしているときに、突然、ある行の CSS の修正が反映されなくなり、原因不明だったが、今日やっと原因が判明した。CSS カスタマイズをしているときに、稀にインデントに使われる空白部分がおかしくなってしま...
WordPress WordPress の plugin を WP-CLI を使用してコマンドラインで無効化する方法
コマンドライン上から、WordPress のプラグインの無効化、有効化を行う場合は、WP-CLI を使用する。準備WordPress のディレクトリに移動cd public_html/wordpress_dir/ 無効化方法特定のプラグイン...
2025.01 Cocoon のコードブロックにファイル名表示と折り返しボタンを追加
Cocoon のコードブロックの機能改善、第三段前回に続き、今回はファイル名表示と折り返しボタンの追加に挑戦した。前回の記事:完成後の表示イメージ:ファイル名表示時の投稿の書き方ファイル名の表示は、コードブロックの直前に filename:...
2024.12 Cocoon のコードブロックにコピーボタンを追加（２）
前回の記事で、Cocoon のコードブロックにコピーボタンを追加してみたものの、表示がやっぱり質素で、もう少しかっこいい表示にしたい。前回の記事:そこで、フリーの SVG アイコン素材を用いて、コピーボタンとなるように修正してみた。完成後の...
2024.12 Cocoon のコードブロックにコピーボタンを追加
WordPress のコードブロックにコピーボタン、やっぱりほしい。ということで、Cocoon に Copy button を追加してみた。実装は、JavaScript で <pre> タグの中に <code> を含むものを探して、コピーボ...
2024.12 Cocoon のコードブロックを丸角にして文字間調整
WordPress でサイト構築して、やっぱり、最初に気になるのはコードブロックの表示。いろいろ調べてみたが、ハイライトは Cocoon の標準を使うことにした。Cocoon 設定から、ハイライト表示を有効化して、ハイライトスタイルを an...
2024.12 WordPress の動作を一時的に完全に止める方法（２）
先日、「WordPress の動作を一時的に完全に止める方法」を index.php のリネーム shell script で実現したが、やっぱり、ssh ログインして shell script 実行だと不便だったため、Web 上から ph...
2024.12 WordPress の動作を一時的に完全に止める方法
WordPress サイトのまるごとバックアップを取得するときに、php プロセスが走ったままだと、とても気になる。プラグインでメンテナンスモードなるものを使う方法や、php のコードを修正する方法が見つかったが、php の実行自体を止めて...