G&W Design Life

WordPress勉強 vol 1

wordPressの勉強で目指すもの

何度も挫折したWPを年内に参考書1冊終わらせる目標で始めるよ!
(果たして続くのか!?)
・テーマ作成を中心に勉強
・ブログページ作成
・企業サイトのCMS化ができるようになる

最小のテーマを作る

(1) htmlフォルダーを任意の名前に変更
(2) style.cssに記述を追加する

    /*
    Theme Name: テーマの名前(必須)
    Theme URL: テーマのサイトのURI
    Description: テーマの説明
    Author: 作者の名前
    Version: テーマのバージョン
    Tags: テーマの特徴を表すタグ(カンマ区切り/オプション)
    License: テーマのライセンス
    License URI: テーマのライセンスのURI
    */
    

(3)index.htmlをhtml.phpに拡張子変更
(4) 画像とCSSのリンクを書き換える

■CSSリンク

<link rel="stylesheet" href="css/styles.css" type="text/css" />

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/styles.css" type="text/css" />

■imgリンク

<img src="/imges/〜">

<img src="<?php echo get_template_directory_uri(); ?>/imges/〜">

このphpの記述部分が正しくおきかわります。

(5)作業したファイルをアップロードする
・index.php
・style.css
・imagesフォルダー(これは必須ではない)
・CSSフォルダー(これは必須ではない)
・テーマ表示用のキャプチャー画像

WPのテンプレートを理解する

WPのテーマはテンプレートの集まりで構成されています。
webサイトはページごとにデザインが違っているので、
アクセスしたぺージに合わせて表示するテンプレートファイルを自動的に変更します。
主なテンプレートは以下の通り。他にもたくさんあります。
==============================
・frent-page.php WebサイトのTOPページを表示
・single.php 投稿記事のページを表示
・page.php 固定ページを表示
・category.php カテゴリーページの表示
・archive.php 記事一覧を表示
・404.php 404エラーページの表示
==============================
WPにはテンプレートファイルの優先順位があり、アクセスされたページの優先順位が高いものから表示します。
該当するファイルがあればそのファイルから表示するようになっています。

WPがテンプレートを表示するルールを『テンプレート階層』といいます。
テンプレート階層で優先順位がもっとも低いファイルは全てindex.phpとなります。
全てのページが同じデザインで良ければindex.phpさえあればいいという事です。

テンプレート階層を考える

WPでWebサイトを構築していく上でサイト設計はとても重要です。
あらかじめ全てのテンプレートファイルを設計するのには慣れと経験が必要です。
全体のテンプレート階層はこちら。

次回につづく

Profile

エディトリアルデザイン・グラフィックデザインを経て数年前Webデザイナーに転身した30代デザイナーです。現代アートや地域とデザイン、ヒト・モノ・コト全般に興味があり。
イラストを描くのが好き。プログラミングはまだまだわからない事も多く初心者なんでメモ&学習としてこのブログを開設しました。どうぞよろしくお願い致します!

Recent Entries

Category