忍者ブログ

WordPress カスタマイズ

WordPress（ワードプレス）の カスタマイズ方法やWordPressの編集・設定・修正について。

WordPressのヘッダーをカスタマイズ

WordPressサイトヘッダーには、ホームページのロゴや主題の案内文、問い合わせ先電話番号・メールアドレス、お問い合わせフォームへのリンクなど、共通して表示すべき項目の中で重要なものと、WordPressサイト内にある主要コンテンツページヘのグローバルメニューなどのナビゲーションが設置される。WordPressサイトの顔とも言える「ヘッダー」。



ヘッダー画像を設定する。WordPress管理画面からWordPress ヘッダータイトル文字を画像に変える設定を行ったり、WordPressでテーマにヘッダー画像の挿入場所がない場合の設置の場合はWordPressテーマ内ファイルのheader.phpなどを編集する。カスタムヘッダーの設定。

WordPressサイトのヘッダーカスタマイズ
PR

管理画面から編集・カスタマイズ

テーマは管理画面から編集・カスタマイズが可能で、有料のテーマは無料に比べてカスタマイズ性が高いものが多く簡単なWordPressの編集であれば、このテーマの機能や、WordPressの本体にデフォルトで搭載されている機能で、初心者でも簡単にカスタマイズができます。

WordPressの修正

WordPressを修正するにあたり、簡単な修正であればWordPressの管理画面から行うことができるが、より深い部分であればFTPソフトなどを使ったほうが無難である。
記事の投稿についてはリビジョン機能で安心して修正できるが、テーマの修正の場合は安易な操作は危険である。



WordPressが急にエラーコードを吐き出すようになった場合の修正、WordPressに機能を追加しようと思って独自にコードを挿入してみてもなかなかうまくいかないという場合の解決策。
WordPressのエラー修正やカスタマイズがうまくいかないときこそHTMLの基本で解決する

WordPress（ワードプレス）カスタマイズ　一覧

WordPress（ワードプレス）カスタマイズ　一覧



WordPress（ワードプレス）は、管理画面からホームページ（ウェブサイト）の編集や更新を行なっていただけるブログシステム WordPressテーマファイルの編集やプラグインの実装などにより、WordPressサイトのリスト表示の変更や特殊リストの作成、カスタムフィールドの利用、WordPressサイトのSEO、Webデザイン面での表現向上など、WordPress（ワードプレス）のカスタマイズを手がけております。
WordPress（ワードプレス）のカスタマイズ

WordPress（ワードプレス）カスタマイズ対応範囲

WordPressサイトのカテゴリーのリスト表示のカスタマイズやカスタムフィールドの利用による付加情報の追加といったものに加え、WordPressサイトの内部SEO、WordPressテーマファイルの背景・ボーダー色などのウェブカラーの変更や画像の設置など各種カスタマイズに対応可能。

WordPress「追加CSS」

WordPressでは、「追加CSS」にコードを記述することで、より細かいカスタマイズ・編集が可能です。WordPressの編集_追加CSS_カスタマイズ画面を開く管理画面の左サイドメニューの「外観」から「カスタマイズ」を選択

「追加CSS」を選択すると、CSSのコードを追加記述できる画面が表示

エリアに追加したいCSSコードを書き込みます。

WordPressの投稿ページのカスタマイズ

WordPressの投稿ページのカスタマイズ



現在利用しているWordPressサイトの投稿（記事）の表示の仕方を変更したい場合、WordPressテーマの投稿ページに関するphpを編集する必要があります。

投稿ページファイルをカスタマイズ

投稿ページや一部カテゴリーに属する投稿ページの下部に定型文を挿入する場合、個別の投稿ごとに編集して挿入するのではなく、WordPressテーマファイルを編集することで、該当する全てのページに定型文を反映することができます。

こうした操作にはWordPressテーマの投稿ページに関するファイルをカスタマイズする必要があります。

WordPressサイトの「投稿ページ」・「固定ページ」カスタマイズ

WordPressの固定ページのカスタマイズ

WordPressの固定ページのカスタマイズ 、WordPressをカスタマイズする時に知っておくべき固定ページのテンプレートファイルや固定ページのテンプレート階層。



現在利用しているWordPressサイトの固定ページの表示の仕方を変更したい場合、WordPressテーマの固定ページに関するphpを編集する必要があります。
固定ページテンプレートを任意の固定ページに適用するとWordPressを使ってできることの幅が広がります。

固定ページファイルをカスタマイズ

投稿ページには表示せず固定ページにのみお問い合わせボタンを設置する場合などは、固定ページごとに編集して該当ソースを挿入するのではなく、WordPressテーマファイルを編集することで、該当する全ての固定ページに定型文を反映することができます。固定ページ作成は投稿作成と似ていて、投稿編集画面と同様にや表示設定でカスタマイズできます。固定ページには作成したそれぞれのページに対して、利用する固定ページのテンプレートを選択する機能があります。 こうしたWordPress固定ページのテンプレート操作にはWordPressテーマの固定ページに関するphpファイルをカスタマイズする必要があります。WordPressの各テーマで使用されているcssファイルを編集するとデザインをカスタマイズできます。
WordPressサイトの「投稿ページ」・「固定ページ」カスタマイズ

WordPress更新時の「更新の必要はありません」

WordPress更新時の「更新の必要はありません」という表示。
WordPressのデータベースはすでに最新のものです！更新の必要はありませんというもの。
何度もリダイレクトされるこの現象。
一瞬頭が真っ白になります。



WordPressの本体やテーマ、プラグインについて、「更新してください」と管理画面に表示され、ワンクリックで更新できるというのはありがたい。
でも更新途中でエラーが出るのはやめて欲しい。
WordPressテーマの更新に関しては不具合があった場合直接ファイルを修正してしまうことが多いと思います。でも本体に関しては…
WordPressの更新時に「更新の必要はありません」と表示され、「このWordPressのデータベースはすでに最新のものです」とも表示されながら、WordPress管理画面に入れないという不具合の事例

WordPressのアップデート時に「更新の必要はありません」と表示されるエラー

カスタム投稿タイプの追加



WordPressでは、投稿や固定ページの他、独立したカスタム投稿タイプを追加することも可能ですWordPress（ワードプレス）には投稿機能があり、時系列的に並べる形で投稿を配信することができます。基本的には投稿をカテゴリー分けすることで、テーマに沿った投稿をまとめることができます。さらに独立した投稿として分類を行う場合は、カスタム投稿タイプを利用します。WordPressサイトの投稿ページや固定ページのカスタマイズ以外にも、カスタム投稿タイプを利用して、専用の投稿機能を持った独自性のあるページ配信機能を設置することが可能です。

WordPressサイトのカスタム投稿タイプの追加

404.phpをカスタマイズしてWordPressサイトの404ページの表示を変更



404ページのカスタマイズ方法。WordPressで404.phpファイルを作ると、それが読み出されて404ページの表示を変更する事ができる。404ページ作成の最大の目的は訪問ユーザーの離脱、つまり他サイトへの移動してしまわないようにするということである。WordPressサイトの404ページをカスタマイズする方法として、WordPressテーマの404.phpを編集して404ページの表示をカスタマイズする方法。

WordPressテーマの404.phpを編集して404ページをカスタマイズする

WordPressカスタムフィールドが吐き出すテーブルのレスポンシブ化

カスタムフィールドという高度なWordPressカスタマイズで使用される仕組みは、文字通りオリジナルの「フィールド項目」を設置して、そこに入力した項目を様々な場所に呼び出すという仕組み。通常Wordpressの投稿画面で入力したものはthe_content()に出力される。毎回投稿画面にテーブルを記述する必要がありカスタムフィールドを応用してtableを吐き出す。


カスタムフィールドによるtableのレスポンシブ

WordPressテーマに組み込まれたカスタムフィールドによる「テーブル出力」について、このテーマの仕様が問題でレスポンシブ化できなかった事例。
この問題を解決するために実施したWordPressテーマ内部のテーブルのレスポンシブ化について。

カスタムフィールドによるテーブルの整形 WordPressカスタマイズ事例・実績

WordPressのトップページをブログから固定ページに変更

WordPressサイトのトップページをブログタイプから固定ページに設定するカスタマイズ方法。



WordPress テーマは基本的にブログタイプのデザイン。でもテンプレートによってはフロントページ機能でトップページを固定ページに変更することで一般的なサイトのように見せることができる。 

WordPressサイトのトップページをブログタイプから固定ページに設定する方法

WordPress search.phpのカスタマイズ　サイト内検索結果



WordPressのサイト内検索結果ページを含むアーカイブ系のページは、search.phpなど具体的なアーカイブリストのファイルがない場合は、archive.phpで代用。WordPressで検索結果表示ページにはsearch.phpテンプレートを使うことが多い。

WordPressテーマのsearch.phpを編集してサイト内検索結果ページをカスタマイズ カスタマイズしたサイト内検索で条件検索などが可能になる。

WordPress管理画面からのサイトトップページの設定

WordPress管理画面からのサイトトップページの設定。

WordPressテーマ内には、WordPress管理画面にWordPressサイトトップページに関する「カスタマイズ機能」が設置されている場合があります。

こうしたカスタマイズ機能の範囲以上のWordPressカスタマイズにはテーマファイル自体を編集する必要があります。

WordPressサイトのトップページも、WordPressテーマ自体のテーマファイルのHTMLやphpの編集により、自由度の高いページへとカスタマイズすることができます。