LoginSignup
7
8

More than 5 years have passed since last update.

WordPressテーマをイチから自作してみる ーその1

Last updated at Posted at 2013-12-21

学校のサイトを作るお仕事をもらったので、WordPressでイチからテーマを作ってみる。

作成するサイトの構成を考える

はじめに、サイトマップを作る。
トップページは構成も書き込み、アクセスの悪いコンテンツが無いように振り分ける。

私の場合、ほとんどのメモをテキストでicloud上のメモに書いている。
いつでも思いついた時に編集でき、MacでもiPhoneでもコピペが容易なので、意外と便利。

【学校サイト構成案】

#→既存
%→新規に作成、または大きく改変
&→コンテンツ内再構成

<>→グローバルナビ
ー→サイドバーメニュー

○頻繁な更新のあるもの

%<トップ>
・左
%動画 →動画集へのリンク
&説明会・見学会情報 →バナー

              (中略)

#ー入試結果
#ー塾・関係業者へのお知らせ
#ー入試お問い合わせ
#ー学費案内

<学園生活>
%ー学園行事 ○
&ー教科だより →特色ある授業などわかり易い名前に。電子黒板使用動画を入れる
&ー中高部活動一覧 ○→部活動見学会情報・今後は受賞情報などをアップする

&<進路情報>

&<ブログ> ○→wordpressブログ機能を使用

その他

                 (以下略)

テーマをイチから作るときは、wordpress>wp-content>themesの中に、適当な名前を付けたフォルダを作り、その中にテーマに必要なファイルを置く。
テーマの最小構成として、index.phpとstyle.cssが必要なので、とりあえずはこの2つのファイルを空で作成して、テーマ名(mytheme)をつけたフォルダに収めて、サーバにアップロードする。


次はサイトのデザインを作ります

7
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
8