WordPress Popular Posts プラグインで人気記事を表示・カスタマイズする方法
こんにちは！エンジニアの高澤です。 WordPressでサイト制作をしていて人気記事のランキングが必要になった場面はありませんか？ サイト上にランキングを表示するメリットは大きく、ご要望としては大変多いのではないでしょうか。 今回は、WordPressのサイト上で人気記事のランキングを表示してくれる「WordPress Popular Posts」プラグインについて解説していきたいと思います。 当記事では、そんなWordPress Popular Postsプラグインの使い方を、ウィジェットと高度なカスタマイズの２つの方法を解説するので、最後まで読んでいただければ実務で通用するレベルまでスキルアップできます。ぜひ、当記事を参考にしながら制作していただければと思います。 そもそもサイト上に記事のランキングを表示するメリット サイト上に記事のランキングを表示させることにどんなメリットがあるかと
WordPressでPHPファイルをインクルードする方法【投稿＋固定ページ対応】
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ファイル内で画像のパスを取得する方法 | そっす〜ブログ
というわけで今回はWordPress実装時、jsファイル内で画像のパスを取得する方法についてお話します。 状況説明 実案件でどういう状況だった？？ 今回実案件で出くわしたのはどういう状況だったか説明します。 静的HTMLをWordPressに実装していく案件だったのですが、 一通りimg内の画像パスを「get_theme_file_uri」で書き出し、終わった～と思ったら トップへ戻るボタンだけ画像が表示されてません…。 何度見返してもHTMLファイル内に書きこぼしはありません。 よくよく見てみると、jsファイル内に画像ファイルパスの記述がありました！！ 良かった～と思ったのも束の間、jsファイルで画像パスってどうやって取得するんだ？？ この問題にぶち当たりました。 phpファイルで使える「get_theme_file_uri」などはjsファイルでは当然使えず。 困ってしまいました。 解決
WordPressでURLを取得する場合は get_theme_file_uri を使う
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の利用方法 - ロリポップ！レンタルサーバー
LiteSpeed CacheというWordPressのプラグインの利用方法をご説明します。 LiteSpeed Cacheは、ハイスピードプラン（サーバー番号 spdxxx）、エンタープライズプラン（サーバー番号 entxxx）で利用できます。 自動で利用開始する場合 手動で利用開始する場合 自動で利用開始する場合 WordPress簡単インストールで同時にLiteSpeed Cacheの利用設定をする ユーザー専用ページにログインし、「WordPress簡単インストール」からWordPressのインストールをする際に、同時にLiteSpeed Cacheの利用設定ができます。「LiteSpeed Cacheを利用する」にチェックを入れたままインストールを完了させると、同時にLiteSpeed Cacheの利用設定も完了します。WordPress簡単インストールの操作方法は解説マニュアル
WordPress 6.1でページキャッシュの問題が発生したら | Reafnex
WordPress 6.1「MISHA（ミーシャ）」が2022年11月1日にリリースされました。2022年第3弾のリリースであり、新テンプレートの追加やデザインツールの操作性やアクセシビリティが改善されました。 また、WordPress 6.1では、パフォーマンス向上のための改善が行われました。これにより、パフォーマンスのチェックが強化されたらしく、当方のサイトでも、ダッシュボードのサイトヘルスステータスに致命的な問題として「ページキャッシュが検出されず、サーバのレスポンスが遅くなっています。」が表示されるようになりました。 ページの表示速度がある基準値を満たしていないことが原因のようです。このままでは、SEOの観点からも問題があるため、速やかに対策を講じる必要があります。 この記事では、WordPressでページ表示速度を改善する方法について説明しています。 WordPress 6.1で
WordPressの固定ページでPHPを書く方法
はじめまして！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
WordPressでサイドバーを増やして複数のウィジェットをコントロールする | Free Style
WordPressでWebサイトやブログを構築しているとサイドバーウィジェットをカスタマイズすることはよくあります。 そんな中で、サイトのデザインによってはサイドバーのカラムを増やしていくつかのサイドバーをいろんな場所に表示させるなどコントロールしたいこともあります。 1ページでいくつかのサイドバーウィジェットの表示位置をコントロールするのか、それともページ別で違うサイドバーウィジェットを表示させるのか。 ここではサイドバーを増やして複数のウィジェットをコントロールする方法をご紹介します。 管理画面にサイドバーカラムを増やして表示させるページのファイルに出力させるコードを記述する流れです。 管理画面にサイドバーを追加 まずは管理画面にサイドバーカラムを追加して増やしていきます。 functions.phpに以下のコードを記述します。 functions.php if ( function_
WordPress「target="_blank"」時に付く「noreferrer」だけを自動で除去する方法（noopener は残す）
「target=”_blank”」とは、WordPress のリンクの挿入で「リンクを新しいタブで開く」にチェックを入れるとつく HTML の属性です。 リンクを新しいタブで開くにチェックを入れられたリンクは、文字通り、そのリンク先は新しいタブで開かれます。 個人的には、外部リンクに「target=”_blank”」を設定することは、訪問者ページ回遊の取りこぼしを防ぐ上で、まだまだ威力を発揮する普通に大切な設定だと考えます。 昨今では、スマホ用のモバイルブラウザもタブ表示設定を強化していますから、「target=”_blank”」の需要はまだまだあるといえます。 「noopener noreferrer」ってなんだろう？「rel=”noopener”」とは昨今では「target=”_blank”」を利用する場合に、それだけだと脆弱性があるらしく、安全性のために「target=”_blank
WordPressテンプレートエディターの使用方法【version5.8新機能】
ワードプレスの始め方 ～稼ぐためのしくみづくりまでを 徹底解説！！ 好評セミナー”ワードプレス100分でブログサイトを制作”を書籍化しました
PHP設定 - ロリポップ！レンタルサーバー
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内ヘッダ情報を非表示、削除する設定方法 wp_head() の場所とgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定方法※ 本ページはプロモーション・広告が含まれています。 Wordpress ワードプレスをカスタマイズする時にhead内のヘッダ情報に余計なデフォルトのワードプレスタグやメタ情報が残り、削除したい場合があるかもしれません。 このページでは、wp_head() を設定している場所、ファイルやgeneratorやwlwmanifest.xmlなどのhead内ヘッダ情報を非表示、削除する設定を紹介します。 wp_head() とは？wp_head()を編集できるファイル・場所wp_head()とは、Wordpressがデフォルトで用意
WordPressの子テーマを作る理由と子テーマを自作する方法 – ワードプレステーマTCD
子テーマ制作に必要なものとは？ 子テーマを自前で用意する場合、子テーマの要素となるファイルを先に作る必要があります。そこで利用するファイルは主に2つ。 functions.php：WordPressに機能を追加する役割（プラグインのような機能）をもつ。子テーマにおいては親テーマのfunctions.phpにある記述は上書きし、ない記述は追加します。 style.css：テーマのデザインスタイルを追加します。子テーマにおいては親テーマのstyle.cssにある記述は上書きし、ない記述は追加します。 これ以外にもファイルごとに細かくカスタマイズしたい場合は、header.phpやindex.phpなど、親テーマにおいて変更したいファイルを子テーマに作って記述を変更、追記していきますが、便宜上、基本的なカスタマイズに絞ってご紹介していきます。 自前で子テーマを用意する方法 自前で子テーマを用意す
WordPressのプラグインDuplicator 1.2.40以前にリモートコード実行の脆弱性 | 徳丸浩の日記
エグゼクティブサマリ WordPressの人気プラグイン Duplicator（1.2.40以前） にリモートから任意コード実行可能な脆弱性が発見された。Duplicator はWordPressサイトを複製することのできるプラグインであり、Duplicatorにより複製したサイト（複製先）が影響を受ける。このため、プラグインのアップデートだけでは対策にならない。詳細は対策の項を参照されたし。 概要 WordPressのプラグイン Duplicator はWordPressサイトを手軽に複製できるプラグインであり、サイトの移行や複製に広く用いられています。Duplicatorは複製元にプラグインとして導入して、移行用の二種類のファイルを生成します。 Duplicator → installer.php インストーラー 2018-xxxxxxxxxxxxxx.zip アーカイブファイル これ
WordPress コメント入力欄をカスタマイズしてウェブサイト(URL)やメールアドレスを簡単に消す方法 | Debate
WordPress コメント入力欄をカスタマイズしてウェブサイト(URL)やメールアドレスを簡単に消す方法をご紹介します。ついでにコメント関係で余計な文言を含めて。 一般的にWordPressを利用していてウェブサイトのアドレスやメールアドレスを入れるケースは稀だと思いますし、メールアドレス項目があることによってユーザがコメントを記載するハードルを上げてしまう気がするので。 CSSのdisplay:noneで消してしまっても（非表示にしても）良いのですが、display:noneは表示はされないけど検索エンジンなどのクローラーは読み込む、display:noneを悪用したスパムSEOもあることから、なるだけ使わないほうが良いと思うので、表示させないという方法で紹介します。 結論から書くと、利用しているテーマのfunctions.phpの最下部にでも以下のコードを追記するだけです。 [php
【WordPress使い方】コメント欄のフォームを思うがままにカスタマイズする方法 | FREE SWORDER
WordPressサイトのコメント欄のフォームをカスタマイズしたい！ どうも、Linです。雲を睨んでみました。 WordPressサイトを運営していると、時々、 コメント欄をカスタマイズしたくなる瞬間があるかと思います。 ぼく自身、いくつかのWordPressのサイトを運営しているのですが、最近開設したサイトのコメント欄が妙にダサい。 見る限り、次の4つの問題点が浮かび上がってきたのです。 英語になっているところがある フォームが多すぎ 文言がうざい ラベルがシンプルすぎる 今日はせっかくなので、これらすべての問題を解消できる方法をメモしておこうと思います。 WordPressのコメント欄が英語になっている場合の対処法 英語圏で生まれたWordPressのテーマを使っていると、 コメント欄のメッセージが英語になっている場合があります。 そんな場合、いじればいいのが、 comments.ph
カテゴリー別にページのテンプレートやデザインを変更する方法
WordPressではカテゴリーページも記事ページも、また固定ページであっても基本的には全て同じテンプレート（デザイン）を使用して表示されます。それでも特に問題ないというブログも多いでしょうが、こだわりがあるブログやカテゴリーごとに大きくテーマが変わる場合など、カテゴリーごとにページのデザインを別々に変更したいというケースもあるでしょう。 「カテゴリーごとにデザインを変えることなんてできないでしょう！？」と思われる方も多いのですが、カスタマイズの自由度が高いWordPressではそれが可能です。 このページでは『カテゴリーごとに記事一覧が表示されるアーカイブページのデザインを変更する方法』と『特定のカテゴリーに含まれる記事ページのデザインを変更する方法』をご紹介致します。 記事一覧のデザインを変更する方法例えば「ブログ」「SEO」「ニュース」というカテゴリーが存在し、「SEO」のカテゴリー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WordPress】投稿ページ（single.php）の作り方
sidebar.phpを読み込み | WordPress逆引き | Webサイト制作支援 | ShanaBrian Website
PHP 現在の日付や時間を取得したい | WEPICKS!