こんにちは！エンジニアの高澤です。 WordPressでサイト制作をしていて人気記事のランキングが必要になった場面はありませんか？ サイト上にランキングを表示するメリットは大きく、ご要望としては大変多いのではないでしょうか。 今回は、WordPressのサイト上で人気記事のランキングを表示してくれる「WordPress Popular Posts」プラグインについて解説していきたいと思います。 当記事では、そんなWordPress Popular Postsプラグインの使い方を、ウィジェットと高度なカスタマイズの２つの方法を解説するので、最後まで読んでいただければ実務で通用するレベルまでスキルアップできます。ぜひ、当記事を参考にしながら制作していただければと思います。 そもそもサイト上に記事のランキングを表示するメリット サイト上に記事のランキングを表示させることにどんなメリットがあるかと
概要 PHPにはモジュール版とCGI版が存在する。その場合の違いをまとめる。 説明 CGI版 実行ファイル形式とも呼ばれ、Webサーバーとは別のプロセスで実行される。 メリット セキュリティ CGI（版のPHP）を動かす各ユーザーは、Webサーバー本体を動かすユーザーとは異なる。 アプリケーションサーバとwebサーバーが別に存在する状態となる。 そのため、誤って他ユーザーに干渉してしまうといった危険がない。 また、副次的な効果としてサーバの複数台運用の際に依存が少ないことによる移行しやすさがある。 デメリット 実行速度 Webサーバーとは別個のプロセスとして動かすぶん、実行するたびにメモリのロードが必要となり、処理速度がモジュール版に比べて遅くなる。 なお処理速度の問題を解決するためにFastCGIという仕様も存在する。 レンタルサーバーによってはこのFastCGIを採用しているところもあ
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
というわけで今回はWordPress実装時、jsファイル内で画像のパスを取得する方法についてお話します。 状況説明 実案件でどういう状況だった？？ 今回実案件で出くわしたのはどういう状況だったか説明します。 静的HTMLをWordPressに実装していく案件だったのですが、 一通りimg内の画像パスを「get_theme_file_uri」で書き出し、終わった～と思ったら トップへ戻るボタンだけ画像が表示されてません…。 何度見返してもHTMLファイル内に書きこぼしはありません。 よくよく見てみると、jsファイル内に画像ファイルパスの記述がありました！！ 良かった～と思ったのも束の間、jsファイルで画像パスってどうやって取得するんだ？？ この問題にぶち当たりました。 phpファイルで使える「get_theme_file_uri」などはjsファイルでは当然使えず。 困ってしまいました。 解決
get_theme_file_uriとget_theme_file_pathは、どちらもテーマディレクトリへのパスを取得するための関数です。WordPress4.7から追加されています。 子テーマに同名のファイルがあるときは、子テーマを優先して取得するので、テーマ作成に便利です。 親テーマ・子テーマで使い分ける必要がなくなりました。 必ず「get_theme_file_uri( ‘ファイル名’ )」の形で使うこと。()内に入っていないと、子テーマにファイルがあるかないかの判定ができず、親テーマのURLを取得してしまいます。 get_theme_file_uri の使い方 テーマディレクトリへのURLを返します。 一番よく使う書き方です。 // WordPress4.6 まで <img src="<?php bloginfo('stylesheet_directory'); ?>/img/t
LiteSpeed CacheというWordPressのプラグインの利用方法をご説明します。 LiteSpeed Cacheは、ハイスピードプラン（サーバー番号 spdxxx）、エンタープライズプラン（サーバー番号 entxxx）で利用できます。 自動で利用開始する場合 手動で利用開始する場合 自動で利用開始する場合 WordPress簡単インストールで同時にLiteSpeed Cacheの利用設定をする ユーザー専用ページにログインし、「WordPress簡単インストール」からWordPressのインストールをする際に、同時にLiteSpeed Cacheの利用設定ができます。「LiteSpeed Cacheを利用する」にチェックを入れたままインストールを完了させると、同時にLiteSpeed Cacheの利用設定も完了します。WordPress簡単インストールの操作方法は解説マニュアル
概要 PHPの処理を高速にする方法の一つにバイトコード(オペコード)をキャッシュする、いわゆる PHPアクセラレータを利用する方法があります。 そのPHPアクセラレータ機能を提供するのが OPcache です。 ここでは OPcache を導入して PHP の処理を高速化する方法について解説します。 アクセラレータとは？ プログラム言語には、プログラムをコンパイルをしないと動かせない Java などの言語があります。 一方 PHP や Perl などのスクリプト言語は、プログラムを書いたテキストファイルをサーバーにアップロードすればすぐにプログラムが動くという利点があります。 しかしながら、スクリプト言語は毎回呼び出される度にプログラムの解析・解釈が行われています。 コンパイル型の言語に比べてスクリプト言語は、「呼び出し毎にプログラムを解析する」点にオーバーヘッドがあると言えます。 スクリ
WordPress 6.1「MISHA（ミーシャ）」が2022年11月1日にリリースされました。2022年第3弾のリリースであり、新テンプレートの追加やデザインツールの操作性やアクセシビリティが改善されました。 また、WordPress 6.1では、パフォーマンス向上のための改善が行われました。これにより、パフォーマンスのチェックが強化されたらしく、当方のサイトでも、ダッシュボードのサイトヘルスステータスに致命的な問題として「ページキャッシュが検出されず、サーバのレスポンスが遅くなっています。」が表示されるようになりました。 ページの表示速度がある基準値を満たしていないことが原因のようです。このままでは、SEOの観点からも問題があるため、速やかに対策を講じる必要があります。 この記事では、WordPressでページ表示速度を改善する方法について説明しています。 WordPress 6.1で
はじめまして！WEB制作会社で働いている現役エンジニアです。 今回はWordPressの固定ページでphpコードを書く方法をご紹介します。 WordPressの固定ページでphpコードを書く方法 WordPressの固定ページでphpコードを書いても実行されません。 ではどうやってphpを書けば良いのか？ それはショートコードを使い別ファイルを読み込みそこにphpの処理を書けば実行されます。 ではどうやってやるのか解説していきます。 functions.phpにコードを記載 functions.phpに下記のコードを書いてください。 function include_my_php($params = array()) { extract(shortcode_atts(array( 'file' => 'default' ), $params)); ob_start(); include(g
if、else、elseif とは、PHPスクリプトを条件によって振り分けるための制御文です。条件によって異なる処理を行う場合に利用し、頻繁に利用します。 ひとつの条件を満たす場合にのみ処理を行う場合は「if」を使って、以下のように記述します。 if( 条件 ) { /* 条件を満たす場合に行う処理 */ } ひとつの条件を満たす場合/満たさない場合に異なる処理を行う場合は「else」を使って、以下のように記述します。 if( 条件 ) { /* 条件を満たす場合に行う処理 */ } else { /* 条件を満たさない場合の処理 */ } 複数の条件がある場合は「elseif」を使って、以下のように記述します。 if( 条件① ) { /* 条件①を満たす場合に行う処理 */ } elseif ( 条件② ) { /* 条件②を満たす場合に行う処理 */ } else { /* 条件①も
WordPressでWebサイトやブログを構築しているとサイドバーウィジェットをカスタマイズすることはよくあります。 そんな中で、サイトのデザインによってはサイドバーのカラムを増やしていくつかのサイドバーをいろんな場所に表示させるなどコントロールしたいこともあります。 1ページでいくつかのサイドバーウィジェットの表示位置をコントロールするのか、それともページ別で違うサイドバーウィジェットを表示させるのか。 ここではサイドバーを増やして複数のウィジェットをコントロールする方法をご紹介します。 管理画面にサイドバーカラムを増やして表示させるページのファイルに出力させるコードを記述する流れです。 管理画面にサイドバーを追加 まずは管理画面にサイドバーカラムを追加して増やしていきます。 functions.phpに以下のコードを記述します。 functions.php if ( function_
「target=”_blank”」とは、WordPress のリンクの挿入で「リンクを新しいタブで開く」にチェックを入れるとつく HTML の属性です。 リンクを新しいタブで開くにチェックを入れられたリンクは、文字通り、そのリンク先は新しいタブで開かれます。 個人的には、外部リンクに「target=”_blank”」を設定することは、訪問者ページ回遊の取りこぼしを防ぐ上で、まだまだ威力を発揮する普通に大切な設定だと考えます。 昨今では、スマホ用のモバイルブラウザもタブ表示設定を強化していますから、「target=”_blank”」の需要はまだまだあるといえます。 「noopener noreferrer」ってなんだろう？ 「rel=”noopener”」とは 昨今では「target=”_blank”」を利用する場合に、それだけだと脆弱性があるらしく、安全性のために「target=”_bla
ワードプレスの始め方 ～稼ぐためのしくみづくりまでを 徹底解説！！ 好評セミナー”ワードプレス100分でブログサイトを制作”を書籍化しました
WordPressの管理画面に入れない時の対処【白画面からの復旧】WordPress初心者の時、起こりやすいトラブルの一つが管理画面に入れないという事態が起こることがあります。PCが苦手だったり、ほぼ未経験からスタートすると、この時点で絶望的な気持ちになってしまい、あきらめてしまう人がいます。しかし多くの人が経験していることで、必ず解決方法があります。 トラブルの原因はいくつかあるのですが、この記事ではログインのトラブルを解決するための一つの方法として参考にしてみてください。 ※WordPressプログラミングを勉強する方法 独学でWordPressを勉強することに挫折しそうな人は注目！！WPHackなら15年以上のエンジニアキャリアを持つ専門講師の完全サポート付きで学習ができるのでおすすめ。4歳から85歳まで、幅広く教えてきたノウハウで初心者でもしっかりとスキルが身につく講座です。 ▶▶
PHP設定をご説明します。 PHPバージョンの変更について php.iniの設定方法 設定変更後、スクリプトの変更が必要な場合があります。配布元及びプログラムの内容をご確認ください。 WordPressをご利用中の場合は、テーマやプラグインが変更後のPHPバージョンに対応しているか事前にご確認ください。 エコノミープラン、ライトプラン、スタンダードプラン、エンタープライズプランにて利用できます。 PHPバージョンの変更について PHPバージョンの変更の方法と、それに伴う各種設定変更についてご説明します。 特に、現在PHP5.6未満のバージョンをご利用中、かつ、WordPress5.2以上のご利用を検討されている場合は、下記の手順に沿ってPHPバージョンのアップグレードと、各種設定の変更を行ってください。 PHPバージョンの確認 PHPバージョンの変更 データベースのパスワード形式の変更 プ
ホームwp_head() の場所とgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定方法 wp_head() の場所とgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定方法※ 本ページはプロモーション・広告が含まれています。 Wordpress ワードプレスをカスタマイズする時にhead内のヘッダ情報に余計なデフォルトのワードプレスタグやメタ情報が残り、削除したい場合があるかもしれません。 このページでは、wp_head() を設定している場所、ファイルやgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定を紹介します。 wp_head() とは？wp_head()を編集できるファイル・場所wp_head()とは、Wordpressがデフォルトで用意
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
