WordPress,『現在メンテナンス中のため、しばらくの間ご利用いただけません。』の手動解除
WordPress本体やプラグインのアップデートをしていて、『現在メンテナンス中...』というメッセージが出てしまってサイトが表示されないことがあります。
まあ、ほっとけば元に戻るのですが『いやいや、早く元に戻したい!』という人のために、手動で解除する方法を説明します。
とてもかんたんです。数秒で終わります。
続きを読むWordPressでjQueryの$が使えないのはJavaScriptの基本構文を分かってないから。
WordPressのjQueryで$が使えないという情報が見られます。ぼくもこの不具合を経験していたのでそう思っていました。
でも、その情報は間違いです。jQueryの$は使えます。そして、その方法は簡単です。
続きを読むJavaScript, Prism.jsをWebサイトに実装する
ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.jsの代わりに利用できてWordPressでも使えます。
プログラムのソースコードをサイトに表示するのに、今一番おすすめするJavaScriptプラグインです。
続きを読むAtom, プログラム言語に関係なく使えるおすすめのパッケージ
テキストエディタのAtomでおすすめのパッケージをご紹介します。今回は、プログラム言語に関係なく共通で使えるパッケージです。
よっぽどこれを超えるほどいいパッケージが出ないかぎり、開発をやめてしまわないかぎり長く使えるので、ここから検討しましょう。
続きを読むHTML5&CSS3, レスポンシブ対応の基本フォーマットを作成した
HTMLとCSSだけで作る、レスポンシブに対応したWebページの基本フォーマットを用意しました。
- 1カラム
- 2カラム(左メニュー、右メニュー)
- 3カラム(両端メニュー)
の4パターンがあります。
cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューを下の方に表示します。
続きを読むPATHの通し方(Windows, Mac, Linux, Unixの環境変数設定)
プログラム開発環境を作るときの基本的な作業に環境変数の設定があります。俗に『PTTHを通す』といいます。
その設定方法をWindows, Mac, Linux, Unixごとに分かりやすくかんたんに説明します。
説明がかんたんではなくて本当に作業がかんたんです。気軽に見てください。
続きを読むWordPress, WP_Query not foundエラーで使えないのを直す
クラスの中で、WP_QueryなどWordPressで用意されているクラスが見つからないエラー(Class ... not found)が出ることがあります。
修正はかんたんです。そしてエラーが起きる原因は、オブジェクト指向から見ればあたりまえ。
続きを読むCentOS7, スワップ領域の作成と削除。意外とOS管理で使う。
メモリが足りなくなったときに、HDD(SSD)の一部をメモリとして使うスワップがあります。
メモリを増設すればいいので不要だと思われがちですが、暫定措置として結構使う。
そのスワップ領域をCentOS7で作成します。いらなくなることもあるので、ついでに削除の方法も。
続きを読むWordPress, JavaScriptとCSSをインラインで出力する
WordPressでは、テンプレートにJavaScriptとCSSを直書きしてはいけません。必ずキュー登録から行います。インラインでも同じ。
『header.php, footer.php で共通化すればいい』と思うでしょうが、なぜ、WordPressはキュー登録という一見遠回しな機能を追加したのか考えましょう。
続きを読むWordPress5.5 大きく変わったプレビュー機能
WordPress5.5からエディタのプレビューが大きく変わりました。
デスクトップ、タブレット、モバイルの切り替えもできます。
続きを読むwebpack5, CSS圧縮でfont-familyのダブルクォーテーション(")を消さない方法
CSSのminimize(圧縮)で、font-familyのダブルクォーテーション(")を削除すると、"invalid property value" が出てしまうことがあります。
そこでwebpack5の設定を変えます。
(webpack4でも同じのはず。)
続きを読むPHP8, 外部リソースを操る拡張機能のコアをリソース型変数からクラスオブジェクトへ移行
PHPには、http通信(curl)、SSL通信(OpenSSL)、画像処理(GD)、ソケット通信、XML(XMLWriter)など、外部リソースとやり取りする機能があります。
その中で上記の拡張機能はPHP8でクラスが追加されました。
リソース型変数に変わるクラスインスタンスに使われます。
続きを読むPHP_CodeSnifferはインストールしておこう!コーディング規約を守るには必須のツール。
PHPのプログラミングには必ず使ってほしいツールがあります。コーディング規約どおりにコードを書くためのツールもそう。
PHP_CodeSnifferは便利です。有名なプログラミング用のエディターでは、プラグインやパッケージとして配布されているので汎用的に使えます。
続きを読むPHP, クラスオブジェクトの代入(=)は全くの別物。データコピーだと思ってたら大爆死。
PHPに限らず、プログラミングのイコール(=)は値の代入、言いかえれば、右辺から左辺へのコピーです。
ただ、クラスのオブジェクトではちがう。コピーですらないので、知らないととんでもない間違いを犯します。
これはPHPでも同じ。オブジェクト指向プログラミング特有の現象。
続きを読むPHP8.1, アンパックがarray_merge()とまったく同じものになる。
配列のマージには、array_merge() 以外に、'...' を使った方法もあります。
それは数値の配列キーにしか対応してなかったんですが、PHP8.1から文字列のキーも使えるようになりました。
この配列のマージのことを『配列のアンパック』と言います。また一般的にはスプレッド構文・スプレッド演算子と呼ばれる。
続きを読むNode.js, nodemonコマンドはscriptにnpxが必要な不思議。
package.jsonに定義するscriptでは、ローカルパッケージのコマンドでもnpxは必要ありません。
'webpack ...' や 'yarn ...' と書いても問題ない。
でもnodemonだけは別です。'npx nodemon' としないとコマンドが見つからないと言われてしまう。
続きを読むGit, まずはこれだけ。除外設定の基本。(.gitignoreパターン指定)
ログやキャッシュファイルなど、Gitに登録する必要のないファイルを除外する.gitignoreファイルの指定方法です。
実際はいろいろな指定がありますが、とりあえずこれだけ覚えておけばいいというものをピックアップしました。
こういうものは基本だけを知ってれば事足りることが多いです。足りない部分はその都度学べばいい。
続きを読むLinux chown, ファイル・ディレクトリの所有者を変更する
ファイルやディレクトリの所有者を変更するときはchownコマンドを使います。グループ権限を変更するときにも使います。
ひとつ注意が必要なのは、変更前のユーザーかrootユーザーしか変更できません。
サンプルで見たらすぐ終わります。さっそく見てみましょう。
続きを読むかんたんCSS3 flex, 1行に詰めたり折り返しを指定する
CSS3のFlexでは、ほんの数行でコンポーネントの配置を変えられるようになりました。
また配置だけでなく関係する細かい設定もたくさんあります。
今回はコンテンツの行詰め・折り返しの方法です。
2018/12現在、ほぼすべてのブラウザに対応しています。わかりやすく順を追って解説します。
続きを読むWordPress エディタをスッキリさせて編集作業に集中させる方法
WordPressの編集に集中したいときのモードの作り方です。余計なものを非表示にして、編集の効率を上げます。
続きを読むKUSANAGI, Vagrantでローカル環境を作る。仕様が若干変わった?
VagrantでWindowsローカル環境にKUSANAGIを構築します。KUSANAGI公式ドキュメントを見て作業してもなぜか上手くいきませんした。
どうやらVagrantの仕様が変わったらしくドキュメント通り行かなくなってるらしい。
自分の作業履歴を残すための備忘録です。
続きを読むHTMLとCSSだけで簡単に作る。軽量なON/OFF スイッチ
javaScriptを使わずにHTML&CSSだけでON/OFFスイッチを作ります。
Webのサービス・アプリの設定画面でよく見るやつで、トグルボタン、トグルスイッチとも言います。
だれでも分かるように、サンプルコードを少しずつ作りながら説明します。
続きを読むWordPress5, 編集エディタでEnterを押すとクラシックの段落になるのを直す
WordPress5の編集エディタ(Gutenberg)でEnterを押すと、『段落』になるはずなのに『クラシック版の段落』になってしまうのを直します。
かんたんです。たんにプラグインの設定が間違ってただけ。
(Advanced Editor Tools(旧 TinyMCE Advanced))
続きを読むWordPress, xmlrpcは古い技術で不正アクセスに狙われやすい。拒否設定をしよう!
WordPressは、REST APIにとって代わられたXML-RPCをサポートしています。しかしこれは不正アクセスでよく使われる技術。
古い技術は狙われやすい、はっきりと下位互換の目的がないかぎり拒否設定をしよう、という話をWebサーバーのアクセスログを見ながら説明します。
続きを読むWordPress, 『投稿』は親子関係(階層)ができない。値を変えると固定ページになっちゃう!
固定ページは投稿同士の親子関係を作れます。そういう設定だからなんですが、それなら投稿もできるんじゃないかと思って設定を変えてみました。
すると、できない。なんなら不思議な動きをしてしまいました。
WordPressを5年くらい使っててこんな発見をするとは思わなかった。
続きを読むWordPress5, テーブルはカスタム制限が多い。style, class属性さえ使えない。
WordPressはバージョン5になってから、テーブルのHTMLを編集してカスタマイズできることが少なくなってしまいました。
原因は、編集機能のメインであるGutenbergがブロック単位でコンテンツを作り、そのテーブルブロックが編集を大きく制限しているから。
続きを読むFont Awesome 6 のフリー版が使えるようになった!
やっと Font Awesome 6 のフリー版が使えるようになりました。
公式サイトを見てると、1年ぐらい前からv6がリリースされたメッセージは出てましたがPro版のみでした。
どうやらベータ版だったらしい。
あまりに長かったのでFree版はないかと思っちゃった。
続きを読むPHP, Closure::call(), 一時的なバインドで無名関数の実行。'()'とはちがう。
Closureクラスは無名関数(クロージャ)、アロー関数の型として使用します。
そのオブジェクトは変数に代入して 『$test()』のように変数に '()' を付けて関数を実行しますが、もうひとつ、Closure::call()を使っても実行可能。
同じ無名関数の実行なんですが、根本的なちがいがある。
続きを読むPHP8.1, 交差型って何? なんだ、すべてを満たす型ってことか。
PHP8.1で、交差型という新しい型が登場しました。
最初、『交差? なんぞや?』と思いましたが、なんてことない、PHP8.0で追加されたunion型の『かつ(&)』バージョンです。
これも分かりづらい?
大丈夫です。コードを見れば一発で分かります。
続きを読むWordPressでAjaxを使う(管理画面 編)
WordPressの管理画面でAjaxを実装する方法を、サンプルコードを使って説明します。
管理画面は、Ajaxを使うことがあらかじめ想定されているので、かんたんにAjax通信ができます。
続きを読む