WordPressの日付表示を変えたらSlimStat Analyticsまで巻き込まれた話【時刻だけ消したい】

WordPressの日時表示から時刻を消したらslimstatの時刻まで消えて戸惑う技術者
サイト記事の投稿日時と更新日時をすっきりさせたくて、時刻を消してみました。 WordPressの投稿日時と更新日時から時刻を消したい場合は、管理画面「設定」→一般→時刻形式を空白にすると消えます。 うん、すっきり♪ 気分 … 記事を読む:WordPressの日付表示を変えたらSlimStat Analyticsまで巻き込まれた話【時刻だけ消したい】

WordPressの抜粋処理を軽量化する|the_excerpt()とget_the_excerpt()の処理差

WordPressのthe_excerpt()とget_the_excerpt()を比較した図
WordPressの抜粋処理でよく使われるのはthe_excerpt()。 <?php the_excerpt(); ?> これをget_the_excerpt()に変更すると処理が軽くなります。 <? … 記事を読む:WordPressの抜粋処理を軽量化する|the_excerpt()とget_the_excerpt()の処理差

KUSANAGIが頻繁に落ちるのでMySQLとphp-fpmを調整してみた【調査記録】

KUSANAGI9環境でサーバーが頻繁に落ちる原因を調査するアイキャッチ画像。黒いターミナル画面にsar・topコマンド、CPU100%、500エラー、Database Errorなどが表示され、スーツ姿の女性がログを見ながら原因を切り分けている。
ここのところKUSANAGIが頻繁に落ちるようになりました。 管理画面で少し操作するだけで落ちてしまいます。 何もしなくても落ちてしまいます。 KUSANAGI9にしたのが悪いのか。 WEXALの適用サイト数を増やしたの … 記事を読む:KUSANAGIが頻繁に落ちるのでMySQLとphp-fpmを調整してみた【調査記録】

Cocoonのサイドバースクロール追従エリアにSNSシェアボタンを設置する

CocoonのSNSシェアボタンをサイドバー追従エリアへ移設するカスタマイズを解説するアイキャッチ
本稿ではCocoonのサイトバースクロール追従エリアにSNSシェアボタンを設置するカスタマイズを紹介します。PCからの訪問者はどんどん減っていますが、それでも拡散の仕掛けはきっちり用意しておきたいところです。完全コピペで … 記事を読む:Cocoonのサイドバースクロール追従エリアにSNSシェアボタンを設置する

Search Consoleの「送信されたURLにnoindexタグが追加されています」の対処法

noindex設定された記事がXMLサイトマップに掲載されていることで発生するSearch Consoleエラーの原因と対処法を図解したアイキャッチ画像
Google SearchConsoleで「カバレッジエラーがあります」と怒られました。 レポートを見ると「送信された URL に noindex タグが追加されています」に該当する記事が幾つかあります。 指摘された記事 … 記事を読む:Search Consoleの「送信されたURLにnoindexタグが追加されています」の対処法

Cocoonでレンダリングブロックを改善する方法|jQuery Migrateのフッター読み込みと停止

jQuery Migrate対策のイメージ。jQueryとjQuery Migrateの警告表示から高速化されたWebサイトへ改善される様子を、サイバー風の技術パネルと黒いパンツスーツの女性で表現したイラスト
CocoonデフォルトだとPageSpeed Insightsから「レンダリングを妨げるリソースの除外」(現在は「レンダリングをブロックしているリクエスト」)を指摘されます。 具体的には「jQuery」と「jQuery … 記事を読む:Cocoonでレンダリングブロックを改善する方法|jQuery Migrateのフッター読み込みと停止

UXを考えたナビゲーション設計(前編)|GeneratePressでスマホメニューを横スクロール化する方法

GeneratePressでスマホメニューを横スクロール化する方法をテーマに、ハンバーガーメニューとの違いやUXを比較・解説するイメージイラスト。
本稿ではWordPressテーマGeneratePressカスタマイズとして、スマホメニューを横スクロールする方法を紹介します。 サイトのモバイルレイアウトにおけるメニューはハンバーガーメニューが一般的です。 では、どう … 記事を読む:UXを考えたナビゲーション設計(前編)|GeneratePressでスマホメニューを横スクロール化する方法

WordPressのカテゴリーリストと記事数をボタン表示にするPHPコードとCSS

WordPressのカテゴリーリストをボタン表示にするPHPコードとCSSの解説イメージ。通常のカテゴリー一覧とボタン化後のデザインを比較し、記事数表示付きカテゴリーボタンの実装例を紹介している。
本記事は、サイドバーのカテゴリーリストをツリー表示からボタン表示に変更するカスタマイズの方法を紹介するものです。 カテゴリごとの記事数も同時に表示できます。 他サイトと一味違ったデザインのカテゴリーリストを実装してみたい … 記事を読む:WordPressのカテゴリーリストと記事数をボタン表示にするPHPコードとCSS

WordPress管理画面の背景に任意の壁紙を設定する方法【MUプラグイン】 ~テーマを変えても画像はそのまま!~

WordPress管理画面とログイン画面の背景をMUプラグインでカスタマイズするイメージ。ログイン画面にはロゴ、管理画面にはオリジナルキャラクターの壁紙を設定したサンプル。
本記事では、WordPressの管理画面・ログイン画面の背景に任意の壁紙を設定する方法を紹介します。 今回はmuプラグインで実装します。 muプラグイン(Must-Use Plugins):wp-content/mu-p … 記事を読む:WordPress管理画面の背景に任意の壁紙を設定する方法【MUプラグイン】 ~テーマを変えても画像はそのまま!~

モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

モバイル時代のサイト設計をイメージした、ダッシュボードを見つめる女性Webディレクターのイラスト
1カラムが多く見られるようになった昨今のサイトレイアウト事情ですが。 サイドバーを設置した2カラムのサイトもまだまだ多いです。 私にしても、他のサイトは1カラムですが、技術ブログ的な当サイトは2カラムにしています。 ただ … 記事を読む:モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

X(旧Twitter)シェアに「@ユーザーID」を付けるメリット・デメリットと実装方法|AI時代のWordPressカスタマイズ

WordPressでX(旧Twitter)のシェアに@ユーザーID(メンション)を追加する方法をイメージしたアイキャッチ。シェア画面にメンションが表示されている。
X(旧Twitter)のシェアで「@ユーザーID・ユーザーネーム」(メンション)がついてるものを見かけたことはありませんか? 本記事では、 メンションを含めることのメリット・デメリット WordPressでXのシェアにメ … 記事を読む:X(旧Twitter)シェアに「@ユーザーID」を付けるメリット・デメリットと実装方法|AI時代のWordPressカスタマイズ

WordPressで特定カテゴリの記事一覧ブロックを作る方法

WordPressで特定カテゴリの記事一覧をカード表示する方法を解説。固定ページにショートコードで関連記事一覧や作品一覧を設置するイメージ。
WordPressで固定ページに特定カテゴリの記事リストを出力する方法を紹介します。 タイルギャラリーとして表示します。 私が実装したのは小説家になろうでスコップした小説紹介の記事リストを作りたかったからです もともと私 … 記事を読む:WordPressで特定カテゴリの記事一覧ブロックを作る方法
× 閉じる