skillup

技術ブログ

デザイン

WordPressのカリキュラムを考える

投稿日:

WordPressを触っていますが、ちょっと体系的に覚える必要がありそう。

結構長い間、触ってきましたが、体系立てて覚えていないのでいざこの処理は?ときかれると案外迷います。

例えば0から初心者に教えるとしたら?ということでカリキュラムを考えてみました。こういうの自分が勉強するときに一番役立ちそうです。

対象者

HTMLとPHPがなんとなくわかる。データベースというものの存在はしっているが、ほとんど扱わった事はない。

やること

一般的なコーポレートサイトの作成(PHPのカスタマイズも含む)。枝葉末節的なことがらはおいておき、全体像の理解にスポットを当てる

カリキュラム

全体像とインストール

  • 静的サイトと動的サイトの違い
  • HTML→PHP+MySQLにサイトが変わるイメージ

基本のインストール設定

  • DBの作成
  • ブラウザからたたいてインストール
  • ディレクトリ構成(システム的な理解も含むので随時)

ページ構成

  • 固定ページ
  • 投稿ページ
  • パーツ構成(メニュー系)
  • ウィジェット

テンプレート

  • テンプレートの構成
  • テンプレートの優先度

カスタマイズ

  • 各種タグ
  • 各種プラグイン

 

-デザイン
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

スマホサイトの横ぐらつき ~border-size:border-boxigについて

スマホサイトをつくっていたところ、横幅がぐらつくというあり得ない事態に・・・ どうやら内部の幅が100%を超えるときにこの現象が起きてしまうようです。 Contents1 対策1 コンテンツの幅が10 …

no image

実務でCSSを書く時のポイントについて

先月にかなりたくさんCSSを書いたんでその時感じたポイントみたいなものを。 Contents1 いきなりかかずにまず共通部分をみつける2 見た目の調整には紙に印刷して横においておく3 色や幅、フォント …

no image

テンプレートエンジンTwigについて

SmartyにかわるテンプレートエンジンとしてTwig(ツィッグ)を勉強中。 といってもテンプレートエンジンなので基本的なことはほとんど一緒っぽいですが。 Contents1 インストール2 基本的な …

no image

CSSのレイアウト例 その2 部分的な多カラムレイアウト

ナビのボタンや一覧のリスト項目などfloatを使ったいろいろなバリエーションについて。 例によってサイトが具体的にどうなっているかを知りたい方は「プロとして恥ずかしくない 新・CSSデザインの大原則」 …

no image

CSSのレイアウト例 その4 グリッドレイアウト

本日はグリッドレイアウトについて。 このサイトだけ見ても多分、デザインのイメージはわかないと思います(汗) サイトが具体的にどうなっているかを知りたい方は「プロとして恥ずかしくない 新・CSSデザイン …

アーカイブ