オリジナルテーマ作り方

一緒にブログテーマを作ろう! 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でサイドバーを増やして複数のウィジェットをコントロールする | Free Style
WordPress – サイドバーの数を増やしてページごとに切り替える方法 – Tracks of Life
WordPressの高速化〜表示速度を上げる12の技〜
【令和版】Googleインデックスを早める6つの方法WordPress編│PICNIC

レイアウト

CSS 回り込みと解除のサンプル(floatとclear)

条件分岐

これだけは覚えておきたい条件分岐タグ10個+5個
便利なWordPressの条件分岐16パターン:カスタマイズで活躍するものを厳選!
WordPress 便利な条件分岐の書き方
条件分岐

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

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

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

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

投稿画面エディット

WordPressでオリジナルのeditor-style.cssを設置・適用する方法【子テーマ対応】

カスタム投稿

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

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

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

検索バー

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

ナビゲーション

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

footer

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

関連記事

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を利用した選択内容に応じて入力項目が開閉するフォームの作り方

パンくず

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

Webフォント

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

投稿

プラグインを使わずにソースコードを記載する方法
記事内にソースコードをキレイに表示するWordPressプラグイン「Crayon Syntax Highlighter」
ソースコードをキレイに表示するWordPressプラグイン「Highlighting Code Block」

その他

CSSだけで実装可能!画面いっぱいに動画背景を表示する方法
WordPressでホーム(トップページ)とそれ以外で表示を変えるとき
WordPressで記事を見出し付きで50音順に一覧表示する方法
WordPressのthe_tagsで「タグ:」というデフォルトの表記を削除するやり方

ブランクテーマ

ystandard