preconnectとは？ link rel="preconnect"で事前に接続する。 「preconnect」とはその名の通り、「事前接続」のこと。 例えばjQueryやGoogle Analyticsなど、外部からのコードを読み込むときがある。 preconnect。 そういうときに、linkタグのrel属性の値に「preconnect」を指定すると、ペ...

投稿IDで条件分岐したいとき。 WordPressサイトを構築・運用する際に、投稿IDを知りたいときがある。特定の記事でのみでJavaScriptやGoogle Fontsを読み込みたい場合などに。 普通にheader.phpなどで読み込むと、全ての投稿記事に適用されてしまう。そうなるとページの表示速度にも影響してしまうので、できれば条件分岐をしたい。 その場合、条件分岐...

記事を書いた後に、意図せずにpタグが挿入されている！？ WordPressによる「wpautop」。 wpautop WordPressで記事を作成している時、想定外にレイアウトが変わってしまうことがある。 よくあるのが、ブログ投稿時の「pタグの自動挿入」。 これはデザイナーにとっては（もしかしたらブロガーにも）悩ましく、特にCSSでpタグにスタイルを設定して...

アイキャッチ画像（サムネイル画像）が設定されていないときにできる空白をなくしたい。 アイキャッチ画像、サムネイル画像がないとき。 ブログ投稿時にちょうどいい感じの画像が見つからないときや、そのまま投稿してしまいたい場合がある。 だからといってそのまま投稿してしまうと、アイキャッチ画像が入るはずの箇所に空白ができるので、見た目が悪くなってしまう。 代わりの画像を用意し...

職業訓練校の場合。 ここ数年度々聞かれることがあり、ネットや上でもリアルの場でも不確かな情報が散見しているので（もちろん良い情報もあるが。）、元職業訓練校講師として、ちょっとまとめてみました。 偉そうにする意図はありませんが、もし参考になれば。 職業訓練校のメリット。 ハローワーク経由となるので、求職者支援として厚生労働省からの公的な支援がある。毎月10...

投稿とカスタム投稿タイプ。 is archiveの仕様。 WordPressでテーマを作っている時、デザインを分けるためなどで、デフォルトの「投稿」と「カスタム投稿タイプ」を条件分岐したい時がある。 （例えばアーカイブページやシングルページなどのヘッダー画像や、見出し部分、文章など。） ところが、投稿、カスカム投稿タイプに共通する「is_archive()」...

辿ったリンクは期限が切れています？ テーマのアップロード。 WordPress管理画面からテーマをアップロードしようとすると、「辿ったリンクは期限が切れています。もう一度お試しください。」というエラーが出ることがある。 単にこのメッセージからでは、原因がなかなか想定しにくい。 WordPressサイトだったので、まずWordPressの原因を疑ってみたが、そうではな...

PHPの配列 PHPのバージョンアップによる配列の短縮構文で、array()を[]で置き換えることが出来るようになっている。array()でも[]でも、配送変数argsのキーにダブルアロー演算子（=>）で値を入れられるのだ。 PHP5.4から配列の短縮構文は使用できるようになっているが、気付けばすでに5年以上が経っている。しかしネット上には様々なコードがあり、自分自身も含...

テンプレートタグだけでOK。 WordPressで投稿した内容を、後になって追記したり修正したりする場合がある。そういった場合は「最終更新日」を表記させた方が、訪問する方へ対して親切であり、SEO的にも何かしら効果があると思われる。 プラグインが必要かと思っていて手を出していなかったが、普通にWordPressのテンプレートタグで用意されていて、簡単だった。 使用するテンプレ...

検索キーワードでのハイライト表示はとても簡単。 WordPressの検索機能は比較的簡単に設置できる。ただ、デフォルトの状態だと少々検索結果が分かりにくい。そこで何か良い方法はないものかと探していたら、functions.phpに下記の記述を追加するだけで、検索キーワードのハイライト表示が簡単に実装できた。 function wps_highlight_results($t...