WIING WebServiceCloudのWordPress用メディアブログテーマです。-WIING MEDIA

Web制作に関する企業オウンドメディア-WIING media

HOME 〉WordPress 〉WPテーマ制作[6]-page.phpとsingle.phpのカスタマイズ

2019/10/29

WPテーマ制作[6]-page.phpとsingle.phpのカスタマイズ

WordPress

page.phpとsingle.phpの設定について

page.phpは固定ページ、single.phpは投稿記事ページに該当します。
両方ともヘッダーとフッターを設置するので、以下の2つのWordPressタグは共通です。

2019/10/24

WPテーマ制作[5]-sidebar.phpのカスタマイズ

WordPress

sidebar.phpの設定について

最近はカラムなしのサイトも多いのですが、下層ページで2カラムにするサイトもあるので、いちおうサイドバーも設置しておきます。

funciton.phpにはウィジェット機能で有効化しているので、以下を追加してインクルードしてサイドバーが表示されればOKです。

2019/10/23

WPテーマ制作[4]-function.phpのカスタマイズ

WordPress

function.phpの設定について

function.phpではテーマファイルや読み込みファイルの制御からのサイトタイトル、アイキャッチ画像やナビゲーション、ウィジェットの項目制御や各種表示項目など、わりと自由にWordPress自体の制御を関数カスタマイズが可能です。

カスタマイズ項目は実はかなりの内容が含まれるので、まずはよく使いそうな項目のみをfunciton.phpに追加していきます。

PHPタグは始まりのみで、閉じタグは使用しないほうが良いようです。
まずはfunction.phpに記述されることが多い関数、ワードプレスフックをおおまかに抑えておきます。

2019/10/22

WPテーマ制作[3]-基本構造の作成

WordPress

初期ファイルの設定について

テーマフォルダをアップしてテーマを有効化したら、このままだと真っ白なページがルートに表示されます。

ここではサイドメニューのないタイプ、ワンカラムでのWordPressサイトを前提にテーマを作成します。
基本構造としてまずはheader.php、footer.php、index.phpにWPタグのPHP交じりHTMLコードを記述していきます。

注意点としては、ワードプレスタグの<?php wp_head(); ?>をheader.php、<?php wp_footer(); ?>をfooter.phpにそれぞれ記述が必要です。

2019/10/20

WPテーマ制作[2]-style.cssの記述

WordPress

style.cssの記述

WPテーマ制作[1]-オリジナルWordPressテーマに必要な基本構成ファイルで作成したstyle.cssに以下を記述します。
フォルダルートのstyle.cssは必須ファイルです。

1〜5 / 7件