オリジナルテーマ作り方
functions
システム
スペニット
| WordPressでよく使う関数スニペットまとめ |
|---|
| 打ち込むより簡単！保存しておくと便利なCSSスニペット18選 |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
CSSキャッシュ対策
| WordPressでオリジナルのeditor-style.cssを設置・適用する方法【子テーマ対応】 |
|---|
| 【WordPress】デザイン変更したのに反映されない時の原因と対策 |
| WordPressの子テーマでCSS更新時にクエリを自動付加してキャッシュ対策をする |
| WordPressの子テーマでCSS更新時にクエリを自動付加してキャッシュ対策をする その2 |
| ● |
| ● |
| ● |
CSSファイル優先順位
| WordPressでCSS/JavaScriptをfunctions.phpで読み込む推奨方法 |
|---|
| ● |
| ● |
関数
PHP条件分岐
| これだけは覚えておきたい条件分岐タグ10個＋5個 |
|---|
| 便利なWordPressの条件分岐16パターン：カスタマイズで活躍するものを厳選！ |
| WordPress 便利な条件分岐の書き方 |
| 条件分岐 |
| 【注意点あり】is_page() やis_single() で複数ページを指定する方法 |
| ● |
| ● |
| ● |
| ● |
| ● |
フック
| もう開発で苦しまない！「フック」を理解したらWordPressは最強のCMSになる |
|---|
| できる！WordPressカスタマイズ #04 アクションフックを使ったカスタマイズに挑戦！ |
| WordPressでよく使用するアクションフックとフィルターフックの実例3選 |
| フックって？WordPressのカスタマイズ方法を説明します！ |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
テーマカスタマイザー
| カスタマイザーのカスタマイズ方法！自由度の高いテーマ作りができるようになります |
|---|
| WordPressのテーマカスタマイザーにオリジナルの項目を追加する方法 |
| WordPress 自作カスタマイザーの作り方 |
| 【WordPress】テーマカスタマイザーを作成する |
| WordPress管理画面のテーマカスタマイザーに独自の項目を追加 |
| ● |
| ● |
| ● |
| ● |
ダッシュボードカスタマイズ
管理画面（テーマオプション自作）
管理画面（プロフィール）
| WordPressでユーザープロフィール項目を追加する方法 |
|---|
| ユーザー情報のプロフィール項目を追加／出力する方法 |
| ユーザー情報に項目を追加 |
| プロフィール画像を自前で設定できるようにするWordPressカスタマイズ方法 |
| Gravatarを使わずにプロフィール画像を登録する方法［WP User Avatars］の使い方 |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
カスタムフィールドを活用
投稿
カスタム投稿
| 【WordPress】カスタム投稿タイプの使い方を解説する【テーマ自作】 |
|---|
| カスタム投稿タイプの表示側、管理画面側のいろいろをカスタマイズする |
| WordPressでカスタム投稿タイプの投稿のスラッグからIDやタイトルを取得する方法 |
| ちょっと手間取った！WordPressで複数のカスタム投稿タイプを設置する方法 |
| AddQuicktagをカスタム投稿で使用する |
| ● |
| ● |
| ● |
| ● |
カテゴリー一覧
| いっつも忘れるWP_Queryの使用方法とパラメータ一覧。がっつり整理してみた |
|---|
| ● |
複合検索
ウィジェット（サイドバー）
検索バー
| WordPress サイト内検索機能の実装方法 |
|---|
| WordPressの記事検索機能を作る方法 |
| ● |
| ● |
| ● |
| ● |
ナビゲーション
| WordPressのグローバルナビを実装する方法 |
|---|
| WordPressのカスタムメニューを使ってグローバルナビゲーションのテキストを2段表示にする |
| ● |
| ● |
| ● |
| ● |
| 【WordPress】コピーライトの年号を自動更新させる方法 |
|---|
| ● |
| ● |
| ● |
| ● |
| ● |
パンくず
| 【WordPress】パンくずリストをプラグイン無しで自作する方法 |
|---|
| 【JSON-LD対応】WordPressでプラグインを使わずにパンくずリストを自動で生成するコードを自作してみた |
| ● |
| ● |
| ● |
| ● |
| ● |
遷移
| WordPress 指定したページにジャンプさせる方法しかもフェードインで滑らかに表示 |
|---|
| ● |
| ● |
| ● |
| ● |
レスポンシブ
| 「PC」と「スマホ」で表示内容を切り替える方法 |
|---|
| WordPressでPCとスマホで表示する要素を切り替える条件分岐のショートコード |
| ● |
| ● |
| ● |
| ● |
| ● |
関連記事
| WordPressのsingle.phpを編集して記事の下に関連記事を出力する |
|---|
| 【コピペ】自作でWordPressに関連記事を表示する方法【デザイン付き】 |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
SNS
| WordPressプラグインなしでOGPの設定、SNSシェア時の画像の設定 |
|---|
| WordPressプラグインなしでSNS共有ボタンを設置する |
| 主要SNS・WEBサービスのブランドカラーコードまとめ |
| 【note】に“記事を書く”ボタンをウェブサイトに埋め込む方法【WordPress】 |
| 簡単！WordPressサイトにSNSシェアボタンを追加する方法 |
| ● |
この記事が気に入ったらいいね！Box
| 「この記事が気に入ったらいいね！」をプラグインなしで実装する方法 |
|---|
| WordPressに「この記事が気に入ったらいいね！しよう」を設置する方法 |
| ● |
| ● |
| ● |
コメント
| WordPressでコメント欄の不要な項目を削除したりカスタマイズをする方法【初級編】 |
|---|
| ワードプレスのコメントテンプレート(comment.php)をカスタマイズする手順 |
| WordPress自作テーマを作成練習。コメント欄とコメント投稿の表示 |
| ● |
| ● |
| ● |
| ● |
| ● |
お問い合わせ
Contact From 7
MW WP Form
この記事を書いた人BOX
| 「この記事を書いた人」をプラグインなしで表示する方法！ |
|---|
| プロフィール画像を自前で設定できるようにするWordPressカスタマイズ方法 |
| プラグインなしで「この記事を書いた人」のプロフィール画像を表示する方法 |
| WordPress の記事内に「この記事を書いた人」をプラグインなしで自作する方法。 |
| ● |
| ● |
ショートコード
| WordPressでショートコード化をするメリット・方法 |
|---|
| WordPressで独自ショートコードの作り方！ |
| WordPressのショートコードを入れ子で使えるようにする |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
Webフォント
| 【2021年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例 |
|---|
| 【まとめ】Webフォントの使い方！完全ガイド 初級編【2020年版】 |
| サブセット化で日本語Webフォントの容量を軽量化する方法 |
| Webフォントを使った時の表示遅延を回避する |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
テーマ更新
| WordPressオリジナルテーマを管理画面で更新可能にする方法 |
|---|
| WordPressのオリジナルテーマに更新機能を追加してみた |
| WordPressの自作テーマやプラグインに更新通知（アップデート通知）を付ける |
| 自作テーマに自動更新通知機能を付ける方法 |
| ● |
| ● |
セキュリティー
Google reCAPTCHA
| 【スパム対策】Contact Form 7のreCAPTCHA設定方法 |
|---|
| 【無料 スパム対策】MW WP FormにreCAPTCHAを設定する方法 |
| MW WP formにGoogle reCAPTCHAを設定しました。 |
| Google reCAPTCHA V3 をお問い合わせ以外で非表示にする方法【2021年修正版】 |
| ● |
| ● |
| ● |
バックアップ
| 【最新2019年版】簡単！WordPressのバックアップデータの復元方法 |
|---|
| 「BackWPup」のバックアップデータを復元する方法 |
| ● |
| ● |
| ● |
| ● |
| ● |
その他
| CSSだけで実装可能！画面いっぱいに動画背景を表示する方法 |
|---|
| WordPressでホーム（トップページ）とそれ以外で表示を変えるとき |
| WordPressで記事を見出し付きで50音順に一覧表示する方法 |
| ● |
| ● |
| ● |
ブランクテーマ
| ystandard |
|---|
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
子テーマ
| STORK WordPress 投稿画面でCSS編集をエディターで見える化 |
|---|
| WordPressでオリジナルのeditor-style.cssを設置・適用する方法【子テーマ対応】 |
| ● |
| ● |
ローカル環境
| Local by Flywheelを使ったローカル環境構築と本番環境への移行方法【xserver編】 | bond |
|---|
| ● |
| ● |
| ● |
| ● |
HTML→WordPress移行
| HTMLサイトをWordpressに移行する手順のまとめーその１ – zaharo |
|---|
| 超簡単！複数のWordPressサイトをエックスサーバーで作成する手順。 |
| 【完全解説】wordpressをローカル環境から本番環境に移行する方法 |
| ● |
| ● |
マルチサイト
| WordPressのマルチサイトを解除する方法 |
|---|
| ● |
| ● |
| ● |
RSS
| WordPressのRSSフィードを完全にコントロールする |
|---|
| 【簡単】ワードプレスのRSSフィードを取得して、外部サイトに記事一覧を表示する方法 |
| 【WordPress複数運用】別WordPressの新着記事をアイキャッチ画像と一緒に表示させたい！ |
| ● |
| ● |
| ● |
スライダー
| slickを使った、ゆっくり等速で流れる無限ループスライダーの作り方と注意点 |
|---|
| ● |
| ● |
MAP
| Googleマップをレンスポンシブに対応する方法 |
|---|
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
SEO
| プラグインに頼らずWordPressのSEO施策を強化する方法一覧 |
|---|
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
スマートニュース連結
| WordPressでSmartNews対応のSmartFormatを出力する方法 |
|---|
| WordPressでSmartNews対応フィードを出力するカスタマイズ方法【コピペで実装】 |
| 【WordPress】RSSをカスタマイズしてSmartNewsに記事を配信する方法 |
| ● |
非同期通信（Ajax）
ECプラグイン「Welcart」
| 自作のWordPressテーマにWelcartをインストールして商品一覧・詳細を表示させるまでの流れ |
|---|
| Welcart会員登録フォーム必須項目のカスタマイズ |
| 注文画面のアスタリスクを任意マークへ変えて成約率を上げたい！ |
| ● |
| ● |
| ● |
| ● |
| ● |
| ● |
Welcartカスタマイズ
| Welcart カートページ内 “買い物を続けるボタン”と”次へボタン”を独自に実装する方法 |
|---|
| welcart：商品一覧に「カートに入れる」ボタンを表示させる |
| 数量入力フィールドに、＋/－の増減ボタンをつけるjQuery |
| [welcart] 商品タグの書き換え |
| WelcartのSKU内にオリジナル入力項目を追加する。 |
| カートページ アーカイブ – Welcart カスタマイズ |
| ● |
| ● |
| ● |
| ● |
