PHP– tag –
-
WordPress高速化
【WordPress高速化】SWELLのDOMサイズを減らす
はじめに 「WordPress高速化」シリーズの第10回です。PageSpeed Insights(PSI)で記事を計測すると、「DOM サイズを最適化する」という項目が表示されることがあります。以前は「過大なDOMサイズの回避」という名前だった項目です。当サイトの記事で、ど... -
WordPress高速化
【WordPress高速化】SWELLのPrefetchは不要
はじめに 「WordPress高速化」シリーズの第9回です。SWELLの高速化設定にある「ページ遷移高速化」のPrefetchは、「マウスを乗せると重い」という声を見かけます。当サイトもオンにしていたので、仕組みと効果を測ってみました。 結果は次のとおりです。 ... -
WordPress高速化
【WordPress高速化】HCBを必要な記事だけで読み込む
はじめに 「WordPress高速化」シリーズの第7回です。今回は、コードブロック用のプラグインHighlighting Code Block(以下「HCB」)のCSSとJavaScriptを、コードブロックがある記事だけで読み込むようにします。 HCBは、コードブロックがない記事やトップ... -
WordPress高速化
【WordPress高速化】h3まで入れた目次の高さを自動設定
はじめに 「WordPress高速化」シリーズの第6回です。【WordPress高速化】目次の高さを見出しの数で自動設定(以下「第5回の記事」)では、PHPで見出しを数えてCSS変数に渡し、SWELLの目次の高さを記事ごとに自動で確保しました。 ただ、第5回の記事の式は... -
WordPress高速化
【WordPress高速化】目次の高さを見出しの数で自動設定
はじめに 「WordPress高速化」シリーズの第5回です。【WordPress高速化】SWELLのCLSをCSSで改善(以下「第2回の記事」)では、SWELLの目次に min-height で高さを確保して、ページのずれ(CLS)を減らしました。 ただ、この方法では目次の高さをどの記事で... -
WordPress×PHP
【WordPress×PHP】固定ページのテンプレートを作る方法
はじめに 【WordPress×PHP】カスタムフィールドの使い方を解説(以下、第14回)では、記事ごとに自由な値を保存して表示する方法を解説しました。 シリーズ最終回の今回は、子テーマに固定ページ用のテンプレートを作ります。ループ、テンプレートタグ、WP... -
WordPress×PHP
【WordPress×PHP】カスタムフィールドの使い方を解説
はじめに 【WordPress×PHP】ショートコードを自作する方法を解説(以下、第13回)では、記事の中に[ ]で書いてPHPの処理を呼び出す方法を解説しました。 今回は、記事ごとに自由な値を保存できるカスタムフィールドと、その値を取り出すget_post_meta()を... -
WordPress×PHP
【WordPress×PHP】ショートコードを自作する方法を解説
はじめに 【WordPress×PHP】エスケープとセキュリティの基本(以下、第12回)では、値を安全に出力するためのエスケープを解説しました。 今回は、記事の中に[ ]で書くだけでPHPの処理を呼び出せるショートコードの作り方を解説します。ショートコードを自... -
WordPress×PHP
【WordPress×PHP】エスケープとセキュリティの基本
はじめに 【WordPress×PHP】WP_Queryで記事一覧を作るでは、好きな条件で記事一覧を自作する方法を解説しました。 ここまでの実務サンプルでは、タイトルを出力するときにesc_html( get_the_title() )、URLを出力するときにesc_url( get_permalink() )のよ... -
WordPress×PHP
【WordPress×PHP】WP_Queryで記事一覧を作る
はじめに 【WordPress×PHP】フィルターフックの仕組みと使い方では、表示される値を書き換えるフィルターフックを解説しました。 今回は、WP_Queryを使って、好きな条件で記事一覧を自作する方法を解説します。「このカテゴリーの記事だけ」「古い順に」「... -
WordPress×PHP
【WordPress×PHP】フィルターフックの仕組みと使い方
はじめに 【WordPress×PHP】アクションフックの仕組みと使い方では、決まったタイミングで処理を実行するアクションフックを解説しました。 今回は、もう1つのフックであるフィルターフックを解説します。フィルターフックを使うと、WordPressやテーマが表... -
WordPress×PHP
【WordPress×PHP】アクションフックの仕組みと使い方
はじめに 【WordPress×PHP】オブジェクトとクラスの基本を解説では、->と::の書き方を解説しました。 ここまでの実務サンプルでは、add_action( 'swell_before_post_head', function() { … } );のように、add_action()を何度も使ってきました。今回は、... -
WordPress×PHP
【WordPress×PHP】オブジェクトとクラスの基本を解説
はじめに 【WordPress×PHP】条件分岐タグでページを判定する方法では、ページの種類を調べる条件分岐タグを解説しました。 ここまでの回で、$wp_query->found_postsやSWELL_Theme::get_setting()のように、->(矢印)や::(コロン2つ)を使った書き... -
WordPress×PHP
【WordPress×PHP】条件分岐タグでページを判定する方法
はじめに 【WordPress×PHP】ループの仕組みをSWELLで解説では、WordPressがURLに合わせて記事を取り出し、ループで1件ずつ表示する仕組みを解説しました。 今回は、「いま表示しているのは、どんなページか」を判定する条件分岐タグを解説します。「投稿ペ... -
WordPress×PHP
【WordPress×PHP】テンプレートタグの使い方と注意点
はじめに 【WordPress×PHP】functions.phpの書き方では、子テーマのfunctions.phpにPHPを書くときのルールを解説しました。 今回は、記事のタイトルや本文、公開日などを表示するときに使うテンプレートタグを解説します。テンプレートタグには、the_title... -
WordPress×PHP
【WordPress×PHP】ループの仕組みをSWELLで解説
はじめに 【WordPress×PHP】テンプレートタグの使い方と注意点では、記事のタイトルや本文を取り出す「テンプレートタグ」を解説しました。テンプレートタグは「いま取り出している記事」の情報を返しますが、その「いまの記事」を決めているのが、今回解... -
WordPress×PHP
【WordPress×PHP】functions.phpの書き方
はじめに 【WordPress×PHP】Localでローカル環境を作る手順では、自分のパソコンの中にWordPressのサイトを作り、SWELLと子テーマを入れました。 今回は、いよいよ子テーマのfunctions.phpにPHPを書いていきます。functions.phpは、WordPressのカスタマイ... -
WordPress×PHP
【WordPress×PHP】Localでローカル環境を作る手順
はじめに 【WordPress×PHP】子テーマの導入とバックアップを解説では、SWELLの子テーマを導入し、本番サイトのバックアップと、エラーが出たときの戻し方を確認しました。 今回は、PHPを書き換えて試すためのローカル環境を作ります。無料のアプリLocalを...
12