ブログ収益化を中心に、WordPress、アフィリエイト、SEO、Webライティング、Webマーケティング、Web集客などの情報を発信しています。
こんにちは!エンジニアの高澤です。 WordPressでサイト制作をしていて人気記事のランキングが必要になった場面はありませんか? サイト上にランキングを表示するメリットは大きく、ご要望としては大変多いのではないでしょうか。 今回は、WordPressのサイト上で人気記事のランキングを表示してくれる「WordPress Popular Posts」プラグインについて解説していきたいと思います。 当記事では、そんなWordPress Popular Postsプラグインの使い方を、ウィジェットと高度なカスタマイズの2つの方法を解説するので、最後まで読んでいただければ実務で通用するレベルまでスキルアップできます。ぜひ、当記事を参考にしながら制作していただければと思います。 そもそもサイト上に記事のランキングを表示するメリット サイト上に記事のランキングを表示させることにどんなメリットがあるかと
HOMEBLOGWordPress プラグインなしで記事の見出しから目次を作成 WordPress でプラグインを使用しないで、記事の見出しから目次を作成する方法を紹介します。 ググってみると既に多くのサイトで紹介されていますが、JavaScript (jQuery) による実装ばかりだったので、ここでは PHP コード (functions.php) による実装(目次を作成する部分)をしてみました。 PHP コード functions.php などに下記のコードを記述します。 /** * 目次ショートコードです。 * * @version 4.2.1 */ class Toc_Shortcode { private $add_script = false; private $atts = array(); public function __construct() { add_short
サーバー:さくらレンタルサーバー WordPressバージョン:6.1.1 「サイトに重大な問題があります」 つい最近まで、ダッシュ―ボードのサイトヘルスステータスは常に「良好」だったはずなのに、「改善が必要」となっていて、「サイトに重大な問題があります」とまで表示されている。 放置しようかとも思いましたが、「できるだけ早く対処する必要があります。」とあるので、軽い気持ちで対応しようと思ったら、思いがけずにハマったので、対応した内容を記しておきます。 警告内容を確認 サイトヘルスステータスの「サイトヘルス画面」のリンクをクリックして、表示してみます。(メニューの[ツール]→[サイトヘルス]でも同じ画面が表示されます) 上部に「結果を読み込み中…」となっている場合は少し待ちます。 致命的な問題はパフォーマンスの問題の様です。(「致命的」かなぁ…?) 他の4件は「おすすめ」の様ですが、出来る限
こんにちは!ジーピーオンラインのおおしろです。 Web制作で使われるCMSに「WordPress」があります。サーバーにインストールするだけですぐサイトができあがるので、新規だけでなくリプレイスなどでWordPressが導入されるケースも見られます。 ただし、WordPressのアクセス解析をおこなうためにはプラグインが必要です。アクセス解析で使えるプラグインはいくつかあるので、そのなかから7つご紹介します。 ジーピーオンラインにWebサイト制作の相談をする もくじ WordPressのアクセス解析方法 WordPressにプラグインを直接導入する WordPressとGoogleアナリティクスをプラグインで連携する WordPressでプラグインを探す方法 プラグイン追加画面からプラグインを探す プラグイン情報を見て、使いたいプラグインを決める プラグインをインストールする WordPr
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
こんにちは! WordPress大好きライターのナナミです。 WordPressでサイトを作っていると、どうしてもHTMLやCSSでは作れない動きや機能を追加したくなる時ってありませんか? そんな時はJavaScriptの出番なのですが……
WordPressでドロップダウンメニューを作成する方法(5ステップ) サイトナビゲーションは、ユーザーがアクセスしたい場所にアクセスできるための鍵です。適切に設計されたメニューは、ユーザーエクスペリエンス(UX)の向上、および直帰率の低下にさえ大きく貢献します。ただし、不便なメニューなら、逆効果となります。 さいわい、WordPressを使用すると、サイトのニーズに合ったカスタムメニューを作成できます。ネイティブ機能を使用してコンパクトなWordPressドロップダウンメニューを追加し、スペースを節約しながら、訪問者に明確な指導を提供することもできます。 本記事では、ウェブサイトのナビゲーションが重要である理由と、ドロップダウンメニューが特に役立つ理由について説明します。次に、WordPressでドロップダウンメニューを作成する方法と、便利なプラグインもいくつか紹介します。 それでは参り
LiteSpeed CacheというWordPressのプラグインの利用方法をご説明します。 LiteSpeed Cacheは、ハイスピードプラン(サーバー番号 spdxxx)、エンタープライズプラン(サーバー番号 entxxx)で利用できます。 自動で利用開始する場合 手動で利用開始する場合 自動で利用開始する場合 WordPress簡単インストールで同時にLiteSpeed Cacheの利用設定をする ユーザー専用ページにログインし、「WordPress簡単インストール」からWordPressのインストールをする際に、同時にLiteSpeed Cacheの利用設定ができます。「LiteSpeed Cacheを利用する」にチェックを入れたままインストールを完了させると、同時にLiteSpeed Cacheの利用設定も完了します。WordPress簡単インストールの操作方法は解説マニュアル
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
ありふれた名前ではあるものの、パンくずリストは、サイトのユーザーエクスペリエンス(UX)と 検索エンジン最適化(SEO) を助ける非常に便利なツールです。プラグインやちょっとしたカスタムコードで簡単に実装できます。 今回の記事では、WordPressのパンくずリストに迫り、その仕組みをご説明します。次に、サイトに追加する方法、スタイルを設定する方法、削除する方法も網羅します。扱う内容は盛りだくさん。早速始めましょう! WordPressパンくずリストとは? パンくずリストとは、WordPress(または任意のサイト)に関連し、投稿またはページの上部に表示されるナビゲーションリンクです。ユーザーに、現在表示しているコンテンツとつながった上層のカテゴリを表示し、以前に表示したページに簡単に戻る手段を提供します。 例えば、以下の例を考えてみましょう。 Kinstaブログのパンくずリスト 左側、ヘ
WordPressでWebサイトやブログを構築しているとサイドバーウィジェットをカスタマイズすることはよくあります。 そんな中で、サイトのデザインによってはサイドバーのカラムを増やしていくつかのサイドバーをいろんな場所に表示させるなどコントロールしたいこともあります。 1ページでいくつかのサイドバーウィジェットの表示位置をコントロールするのか、それともページ別で違うサイドバーウィジェットを表示させるのか。 ここではサイドバーを増やして複数のウィジェットをコントロールする方法をご紹介します。 管理画面にサイドバーカラムを増やして表示させるページのファイルに出力させるコードを記述する流れです。 管理画面にサイドバーを追加 まずは管理画面にサイドバーカラムを追加して増やしていきます。 functions.phpに以下のコードを記述します。 functions.php if ( function_
ワードプレスのテンプレート、主に「single.php」や「page.php」で通常の投稿や固定ページを出力する際、自動でWordPress特有のクラス名を出力する[post_class]関数があります。 今回は、その[post_class]関数で任意のクラス名を出力する方法を紹介します。 [post_class]の通常の使い方 多くのテーマで、デフォルトの状態では次のように記載されているはずです。 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> ... </article> <?php endwhile; ?> <?php endif; ?> このとき、出力される値は投
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く