WordPress

WordPressで特定の投稿や固定ページにスタイルやスクリプトを挿入するカスタマイズ

WordPressのテーマ制作時に絶対といってよいほど加えるべき機能がこれです。運用が始まる前はコンテンツ内容は固まっていますが運用段階が始まってしばらくたつと例外処理が発生します。そんなときこの機能を用意しておくとテーマのcssファイルや...
WordPress

WordPressで直近1年分の記事を取得する方法

WordPressで過去1年分の記事を取得したい場合、テンプレートで以下のコードを描くと取得できます。<?php $args = array( 'post_type' => 'custom_post_type&#39...
javascript

Nunjucksテンプレート内でjavascriptの関数を使用する

テンプレートエンジンnunjucksでテンプレートファイルにjavascript関数を使用することはできません。例えば次のようなコードはコンパイラエラーになります。{%- set currentTime = new Date() -%}nu...
WordPress

【WordPress】ファイルアップロード時にファイル名を自動で英数字に変換するコード

WordPressのメディアアップローダーで日本語のファイルをアップロードするとファイルがエンコードされます。これを防ぐためにfunctions.phpに以下のコードを追加します。if ( ! function_exists( 'm...
WordPress

WordPressのdebugログの肥大化を防ぐ方法 安定運用のためにエラーに敏感になる

WordPressでは設定によってデバッグログをファイルに書き出してくれる機能があります。サイトが重くなったり処理が意図通りになっていない場合にこのデバッグログの内容を確認します。デバッグログ出力設定方法wp-config.phpファイルに...
WordPress

【WordPress】テーマ開発-ブロックパターンの追加方法

WordPressのエディタがGutenbergに変わってしばらく経ちますがブロックエディタは進化してきて馴染んできたと思います。特にブロックパターン機能はHTMLを書けない不慣れなユーザーにも扱いやすくするとても親切なツールです。管理画面...
WordPress

WordPressで投稿スラッグ(パーマリンク)を自動的に英数字に変更する方法とコード説明

WordPressの投稿を新規作成したとき、タイトルをつけると同時に投稿スラッグには日本語が入ります。ブラウザがchromeなどのWEBブラウザで直接サイトを見ている場合は日本語スラッグでも一見問題ないように見えますが、SNSなどでシェアし...
WordPress

WordPressのプラグイン「intituive custom order」の並べ替えがRestAPIで効かない場合の対処法

WordPressのプラグイン「intituive custom order」はドラッグで並び順を変更できるとても便利なプラグインです。このプラグインを有効化してクエリのorderbyに「menu_order」という値を設定するだけでドラッ...
javascript

説明できますか?わかった気になるjavascriptのモジュール。

javascriptのimport文を使用するモジュール機能ですが、いままでNext.jsやReactのサンプルコードなどで多く使用されていたためあまり考えずに使用していましたが後輩に簡単に説明できるぐらいに知っておこうと思い調べてみました...
その他

はまると面倒!?Instagramのタイムラインをサイトに表示させる方法

「facebookのページプラグインやTwitterの埋め込みタイムラインのようにインスタグラムの投稿をサイトに表示させたい」という要望があることがあります。しかしfacebookのページプラグインやTwitterのタイムラインのように気軽...
その他

AdobefontsのwebフォントがIE11表示されない!それでもIE11で表示させたい人へ

いままで問題なく表示されていたものが急にうまくいかなくなることはよくあることです。Adobeが提供しているフォントサービス「Adobefonts」を利用して表示させていたwebフォントがIE11で表示されなくなり困りました。IE11のコンソ...
その他

WordファイルがPHPで認識されない!?それGoogleと関係あるかもしれません

Webサイトなどでユーザーにファイルをアップロードさせファイル形式を判定して処理を行う場面があります。画像ファイル、PDFファイル、Wordファイルなどがよくあるパターンですがプログラムの中ではファイルの種類を表す情報「mimetype」を...
その他

iPhoneでページ下部のタップイベントを確実に発火する方法

スマホ用に見やすく設定されたWEBページのパターンの1つに画面下に固定されたナビゲーションがあります。ユーザーの親指の位置に近いので良いデザインかと思いきやiPhoneで落とし穴があるので注意が必要です。iPhoneでページ下部固定メニュー...
その他

そのページでは使っていないjQueryプラグインでエラーを出さないように。jQueryプラグイン存在判定の方法

フロントエンドは開発方法の発展のスピードがすさまじくjavascriptもそのまま書かずwebpackなどのツールを使用することが増えてきました。jQueryに関しては脱jQueryが段々広まっているように見えますが案件によってはまだまだj...
WordPress

パラメーターがダメ!?WordPressサイトで意図しない404ページの理由はこれだった

パラメーターがダメ!?意図しない404ページが発生あるサイトがどこからやってきたか知るためにサイトURLにパラメータを付けてリンクをつけることがあります。例えば以下の様な場合です。<a href="アクセス解析を仕込んでいるサイトのURL/...
その他

IEサポート終了がなぜ騒がれるのか。そしてIEモードとは?いつまでも消せないブラウザ事情について

IEの終了がどんなことをもたらすのか米Microsoftは2021年5月19日(現地時間)に2022年6月15日をもってWebブラウザ「Internet Explorer」のサポートを終了すると発表しました。WEB業界(どんな業界だ?)シス...
その他

タイトルいれてる?PDFファイルをWEBサイトにアップする時のチェックポイント

印刷物をWEB上で活用したいときにPDFファイルはとても便利です。「Adobeのソフト」はもちろん「Microsoft Office」があればWordやExcel、PowerPointなどのアプリケーションで簡単にPDFに変換できます。WE...
その他

facebookページプラグインの曜日がおかしい!? 便利なプラグインの厄介な点

webサイトにfacebookページの投稿を表示することができるプラグインがfacebookから提供されています。このプラグインを使用するとfacebookで「友達」になっていない人やフォローされていない人にも投稿内容をお知らせすることがで...
その他

sRGBとAdobeRGBどちらを選べばよいの?RGB形式で知っておくべきこと

「サイト更新作業でPDFファイルをサイトにアップしたらiPhoneで見ると色が蛍光色のようになっておかしい」こんな経験はないでしょうか?これはそのPDFがCMYK形式で作られていることが原因です。RGB形式に変換しなおせば色は画面で見ている...
その他

WordPress Popular Postを独自タグ構造で独自期間を指定して表示したい

WordPressで人気記事ランキング等を表示してくれる便利プラグイン「WordPress Popular Post」ですが独自タグ構造で表示するにはテーマをいじる必要があります。この情報が見つけづらかったのでここに残しておきます。<?ph...