オリジナルテーマ作り方

WordPressのオリジナルテーマ作成フロー・基本マニュアル
一緒にブログテーマを作ろう! WordPress初心者のためのテーマ作成基本 – サンプルダウンロードつき
WordPressオリジナルテーマを自作する方法【初心者向でもHTMLベースに制作する手順】
WordPressで企業用テーマを自作する手順【オリジナルテーマ】
密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ
ざっくりWordPressの自作テンプレートの作り方
WordPress オリジナルテーマの作り方 3.0+ | Webクリエイターボックス
徹底解説!自作のWordPressオリジナルテーマをゼロから作成しよう | Plusers
WordPressのオリジナルテーマを3時間で作成する手順 | webseeya
WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき | VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
WordPressのテーマを自分で作成してみたら意外と簡単だった!|wp.geek
WordPressテーマ作成に便利だったツールまとめ

functions

WordPressのfunctions.phpに記述しておくと便利なコードまとめ
WordPressのfunctions.phpで使える超カスタマイズコードまとめ
「functions.php」のおすすめコードまとめ
WordPressのfunctions.phpにとりあえずコピペしておくべきコード
WordPressのfunctions.phpで使える便利なカスタマイズコード41個まとめ
とりあえずfunctions.phpに書いとくと便利かもしれないシリーズ【WordPress】
functions.phpで汎用性が高そうなもの
WordPressカスタマイズまとめ
投稿管理並び替え
functions.phpを編集、修正、管理しやすくする書き方
WordPressのテーマを自作する方法解説!
WordPressに独自のjQueryを追加・管理する方法〜functions.phpへの書き方
【WordPress】超便利! 関数を呼び出すショートコードの使い方
プラグイン不要!WordPressのテキストエディタにタグ挿入クイックタグボタンを追加する方法
WordPressでエディタに自動生成されるタグ(<p>とか<br>)を制御する方法まとめ
サイトの文字や画像をコピー禁止にする方法【コピーガード】
WordPressでよく使う関数スニペットまとめ

システム

WordPressでよく使うテンプレートタグのまとめ【インクルード・出力・ループタグ】
WordPressでサイドバーを増やして複数のウィジェットをコントロールする | Free Style
WordPress – サイドバーの数を増やしてページごとに切り替える方法 – Tracks of Life
WordPressの高速化〜表示速度を上げる12の技〜
【令和版】Googleインデックスを早める6つの方法WordPress編│PICNIC

スペニット

WordPressでよく使う関数スニペットまとめ
打ち込むより簡単!保存しておくと便利なCSSスニペット18選

CSSキャッシュ対策

WordPressでオリジナルのeditor-style.cssを設置・適用する方法【子テーマ対応】
【WordPress】デザイン変更したのに反映されない時の原因と対策
WordPressの子テーマでCSS更新時にクエリを自動付加してキャッシュ対策をする
WordPressの子テーマでCSS更新時にクエリを自動付加してキャッシュ対策をする その2

PHP条件分岐

これだけは覚えておきたい条件分岐タグ10個+5個
便利なWordPressの条件分岐16パターン:カスタマイズで活躍するものを厳選!
WordPress 便利な条件分岐の書き方
条件分岐
【注意点あり】is_page() やis_single() で複数ページを指定する方法

テーマカスタマイザー

カスタマイザーのカスタマイズ方法!自由度の高いテーマ作りができるようになります
WordPressのテーマカスタマイザーにオリジナルの項目を追加する方法
WordPress 自作カスタマイザーの作り方
【WordPress】テーマカスタマイザーを作成する
WordPress管理画面のテーマカスタマイザーに独自の項目を追加

ダッシュボードカスタマイズ

管理画面にメニューを追加
管理画面を使いやすくカスタマイズする方法
管理画面にオリジナルのメニュー画面を作る方法
WordPress 管理画面のカスタマイズ まとめ
WordPress 管理画面の投稿をカスタマイズ
WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ
【WordPress】クライアント目線で使いやすく!管理画面カスタマイズのポイント8つと対応方法まとめ

テーマオプション自作

【WordPress】管理画面にオリジナルのメニュー画面を作る方法
WordPressのカスタム設定画面に画像をアップロード機能を実装する方法。使い回せるように関数化しました。
WordPressの管理画面に独自の設定画面を追加する方法
【WordPress】管理画面に独自の設定画面を追加する方法
WordPressで管理画面に設定ページを作成する方法
WordPress 一般ユーザ向けの「サイト設定」のカスタムメニューを作成する
WordPressのカスタム設定画面にカラーピッカーを設置する方法。使い回せるように関数化。
WordPressで管理画面にテーマ用の設定ページを作成する方法
WordPressテーマオプション テーマオプション機能を設置する
WordPressの管理画面に独自の設定ページを作り変数として利用する

カスタムフィールドを活用

WordPress テーマにウィジェット機能を追加
WordPressでカスタムフィールドを活用してみよう!
カスタムフィールドの設定方法とおすすめプラグインの使い方
編集ページに任意の入力欄を作る-カスタムフィールド-
カスタムフィールドでラジオボタンを作り、ラジオボタンの値で条件分岐(ループ内・外・組み込み)させる
Advanced Custom Fields の取得・表示方法
【WordPress】カスタムフィールドの値で条件を絞り込み、ループで記事一覧を表示する

投稿

プラグインを使わずにソースコードを記載する方法
記事内にソースコードをキレイに表示するWordPressプラグイン「Crayon Syntax Highlighter」
ソースコードをキレイに表示するWordPressプラグイン「Highlighting Code Block」
WordPress・カテゴリごとに違うsingle.phpを表示する方法
WordPressのsingleテンプレートをカテゴリ別に切り替える

カスタム投稿

WordPressでカスタム投稿タイプの投稿のスラッグからIDやタイトルを取得する方法

ウィジェット(サイドバー)

オリジナルウィジェットの作り方
ワードプレスで特定の記事を特定の場所に表示させる方法
サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法
「WordPress Popular Posts」で任意の記事を順位付きでランキング表示する方法
WordPressでサイドバーのカテゴリーの件数を表示して装飾する方法

検索バー

WordPress サイト内検索機能の実装方法
WordPressの記事検索機能を作る方法

ナビゲーション

WordPressのグローバルナビを実装する方法
WordPressのカスタムメニューを使ってグローバルナビゲーションのテキストを2段表示にする

footer

【WordPress】コピーライトの年号を自動更新させる方法

パンくず

【WordPress】パンくずリストをプラグイン無しで自作する方法
【JSON-LD対応】WordPressでプラグインを使わずにパンくずリストを自動で生成するコードを自作してみた

Webフォント

【まとめ】Webフォントの使い方!完全ガイド 初級編【2020年版】
サブセット化で日本語Webフォントの容量を軽量化する方法
Webフォントを使った時の表示遅延を回避する

関連記事

WordPressのsingle.phpを編集して記事の下に関連記事を出力する

SNS

WordPressプラグインなしでOGPの設定、SNSシェア時の画像の設定
WordPressプラグインなしでSNS共有ボタンを設置する
主要SNS・WEBサービスのブランドカラーコードまとめ
【note】に“記事を書く”ボタンをウェブサイトに埋め込む方法【WordPress】
簡単!WordPressサイトにSNSシェアボタンを追加する方法

お問い合わせ

Contact From 7

Contact Form 7をプロ級フォームにカスタマイズする方法 | カゲサイ
【Contact Form 7】お問い合わせフォームのカスタマイズ済みテンプレート作りました。[デザイン4つ]│anchoko.
footer.phpなどテンプレートファイルにContact form 7を埋め込む方法メモ【wordpress】 | かわたま.net
All in One SEO Packの使い方と設定【2020年図解マニュアル
「Contact Form 7 add confirm」を利用してContactform7に入力確認画面を追加する方法
問い合わせスパムにうんざり。ContactForm7に「私はロボットではありません」と表示させる「reCAPTCHA」の設定方法
WPプラグイン「Contact From 7」 – reCAPTCHAを実装(私はロボットではありません)
メールフォームでユーザーの目的に合わせて、項目を表示/非表示にする
Contact Form 7 add confirmの挙動の直し方

MW WP Form

【コピペOK】MW WP Form(問い合わせフォーム)の設定方法とカスタマイズ
「Contact Form 7」「MW WP Form」徹底比較(WordPressの2大フォームプラグイン)
【WordPress】コピペだけ「MW WP Form」でレスポンシブな問い合わせフォームを作る
WordPressブログMW WP Formでお問い合わせページ作成
MW WP Formのカスタマイズ・よくある設定ミスなど
MW WP Formの日付ピッカーが動かないときの覚書
MW WP FORMとzipaddr-jpを使って郵便番号を入力すると自動的に住所に変換される
MW WP FORMを利用した選択内容に応じて入力項目が開閉するフォームの作り方

セキュリティー

Google reCAPTCHA

【スパム対策】Contact Form 7のreCAPTCHA設定方法
【無料 スパム対策】MW WP FormにreCAPTCHAを設定する方法
MW WP formにGoogle reCAPTCHAを設定しました。
Google reCAPTCHA V3 をお問い合わせ以外で非表示にする方法【2021年修正版】

その他

CSSだけで実装可能!画面いっぱいに動画背景を表示する方法
WordPressでホーム(トップページ)とそれ以外で表示を変えるとき
WordPressで記事を見出し付きで50音順に一覧表示する方法

ブランクテーマ

ystandard