WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26

初心者でも簡単にできる「WordPressのページ表示の高速化」の実践例を紹介します。キャッシュ機能のプラグインを利用してページ表示を高速化します。 WordPressのページ表示を高速化する方法は、様々な方法が存在しますが、この記事で紹介する方法が一番簡単です。記事に書いてある手順で進めれば、初心者でも簡単に導入できます。 概要を説明すると、プラグインの「WP Fastest Cache」を利用してWordPressのページ表示を高速化します。 ちなみに、レンタルサーバーは「エックスサーバー」での利用を想定して記事を書いていますが、同じような共用レンタルサーバーであれば、他のレンタルサーバーを利用しても問題ありません。 はじめにキャッシュ機能とは？ キャッシュ機能は一度生成したファイルや処理を一時的に保存して再利用します。そうすることでWordPressのページ表示を高速化できます。 W

ディレクターのむむです。 普段、Webサイトの運用を行っていると、いろんなトラブルはつきものです。とくに怖いのがハッキングです。 過去には、年金機構から125万件の個人情報が流出した事件もありましたし、最近でも仮想通貨の取引所がハッキングされて巨額の仮想通貨が盗まれた……なんていうニュースをときどき目にします。大きなニュースになるようなものから個人のものまでハッキングされる危険性は、私たちの身近にあります。しっかりとセキュリティ対策をしていたつもりでも、ハッカーはさまざまな策を講じて攻撃してきます。 そこで今回は、私たちのごく身近なGoogleやYahoo!で検索したとき 「このサイトは第三者によってハッキングされている可能性があります」 「このサイトは第三者によって改ざんされている可能性があります」 「このサイトはコンピューターに損害を与える可能性があります」 と表示された場合の対処法と

Bracketsは、Adobe製のエディタです。ライブプレビュー機能のほか、様々な拡張機能を導入することでその機能性を拡張することができます。無料で利用できる上、デフォルトで日本語化されていますので安心です。 インストール Bracketsのサイトからインストーラをダウンロードすることができます。 インストーラを実行し、インストールを行ってください。アドウェア等余計なオプションは含まれていないので適当に。 拡張機能の導入 Bracketsの起動後、[ファイル]→「拡張機能マネージャー」もしくはサイドバーのレゴブロックのようなアイコンをクリックすると拡張機能の一覧が表示されます。 必要な拡張機能があれば適宜導入しておきましょう。拡張機能マネージャーウィンドウの右上にある検索窓から拡張機能を検索することができます。 WordPressローカル環境 ライブプレビューはローカルに構築したWordP

WordPressのテーマやプラグインを開発するときに絶対必要なデバッグの知識。知っているときっと役立つ、デバッグのTipsとツールをお届けします。 デバッグのスキルはどのような開発者にも不可欠です。この記事では、WordPressとPHPのエラーをデバッグする際のパワフルな11の方法を紹介します。 最初に有名な「WP_Debug」を取り上げ、そのあとさらに高度な方法へと進みます。 PHPでの一般的なエラーの種類を説明しておきます。 A –Notice（注意）：PHPで表示されるもっとも重要度の低いエラーメッセージ。必ずしも問題があることを示すわけではないが、改善可能な点が提案される 例：文字列を待ち受ける関数にnull要素が渡されている B – Warning（警告）：Noticeより深刻なエラーではあるが、スクリプトの停止には至らない 例：存在しないファイルが「include()」に与

webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ

「Retina な Mac を買ったはいいけど、自分のWebサイトやブログの画像がぼやけて見えるのが気になる」という方は多いと思います。 ロゴ画像であれば Illustrator から SVG 形式で書き出すだけで対応できますが、やっかいなのがブログ本文内の画像です。 メインビジュアルの画像など限られたものであれば、たとえば「image.jpg」という画像の Retina 用として「image@2x.jpg」という縦横2倍の画像を用意することもできると思います。 しかし、ブログ本文内の画像は数も多く、「image@2x.jpg」のようなファイル名の画像もいちいち用意していられないと思います。 そこで、このブログでは jQuery 用の JavaScript を使ってなるべく手間のかからない対応をすることにしました。 このブログでは、WordPress で記事を書くときに［メディアを追加］を

FacebookやTwitter、はてブなどの各種ソーシャルメディア・ソーシャルサービスにおけるシェア数を取得、一時的にキャッシュ保存して高速表示してくれるプラグイン「SNS Count Cache」に切り替えました。 シェア数を合計して表示できるようになった 今回新しく追加された関数を用いることで、Facebook、Twitter、Google+、はてなブックマーク、Pocketのシェア数を合計した数値をサイト上に表示できるようになりました。 現在、当ブログではページトップの注目記事で実装しています。 対応以前でも、無理やりどうにか実現してしまうことも可能だったと思いますが、こうしてプラグインの公式機能として実装されたので、変に頭を悩ませる必要がなくなりましたよ。いやはや良かった良かった。 Feedlyの登録者数が表示できるようになった さらに、Feedlyの登録者数を表示する機能も追加

○年以上前や○日以上前というように、WordPressで一定の期間が経過した古い記事にメッセージを表示させる方法で、公開日だけでなく更新日を条件にした場合も含めた全4パターンの実装方法です。 例えば時事ネタや技術ネタといったように掲載している情報がどんどん古くなったり最悪使えなくなるようなものを扱っていて閲覧者に注意を促したいという場合に便利です。 ○○以上前の記事にメッセージを表示する 90日前や半年前というように細かく指定したい時に便利な方法で、下記は例として「公開されてから1年以上経過している」という条件のものになります。 <?php if ( date( 'U' ) - get_the_time( 'U' ) > 60 * 60 * 24 * 365 ) : ?> <div class="old-post-message"> <p>この記事は<?php the_time( 'Y年n

【投稿タイプ別で動的に人気記事とかできる】WordPressのJetpackプラグインで「サイト統計情報」を利用して取得できるデータは「投稿タイプ」を指定できる WordPressの人気プラグインJetpackの機能の1つで、アクセス解析などにも利用できる「サイト統計情報」というものがあります。 この「サイト統計情報」はデータとして利用することもでき、例えば 人気記事TOP10人気検索ワードTOP10逆アクセスランキングなども作成することもできます。 この「サイト統計情報」のデータを利用したプラグインを作成されている方もいて、前に以下の記事で書きました。 WordPressでJetpackプラグインの統計情報を使って「人気記事トップ10」とか表示したり、投稿（記事）別にPV数を表示する方法ところで、「サイト統計情報」のデータ取得の際に設定できるパラメーターはこのページで知ることができるんで

ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');

PubSubHubbub(パブサブハブバブ)とは？ PubSubHubbub(パブサブハブバブ)は、RSSリーダーに記事更新情報を送信してくれる仕組み。ほぼリアルタイムに更新通知をしてくれるスグレモノです。この仕組はGoogleも推奨しているため、必須で導入するべきと言っても過言ではありません。 ブログのSEO対策はインデックスのスピード Googleなどの検索サイトで検索されるようになるためには、インデックスされることが必要です。Googleは定期的にサイト巡回をしていますので一定期間内にはインデックスされ検索されるようになります。しかし、更新通知が早いことはSEO対策としても有利。遅いよりも早い方が良いということです。 インデックスが早いとSEOにも有利 スクレイピングサイト対策(パクリ) インデックスの効率化 アクセスアップ 上記のように、パクリサイトの対策やインデックスの効率化によ

こんにちは！霙(@xxmiz0rexx)です。ブログやメディアを運営していると、公開前に記事内容をチェックしてもらいたい時ってありますよね。そんな時、ユーザアカウントを払い出すのはこちらも面倒ですし、お相手にいちいちログインしてもらうのも手間。 EvernoteのWebクリップを試してみましたが、若干CSSが崩れてしまったりでイマイチ納得行かず。 なにか良い方法はないものかと思っていたら、ちょうど良いプラグインを見つけました♪ このプラグインを使うと、記事に共有用のURLをつけることが出来ます。 あとは内容を確認してもらいたい人にそれを教えるだけ！シンプル！ ちなみにこの機能で閲覧可能なのは記事が以下の状態の時だけ。非公開記事は見れないので注意してくださいね。 下書き レビュー待ち 予約投稿 有効期限あり URLを生成してから48時間で有効期間が切れるようです。 この時間を調整したい場合は

[Å] WordPressでページが白くなった時に試したい魔法のコード！

[Å] WordPressでページ毎に読み込むPHP（インクルード）を変更する記述方法

This domain may be for sale!