skillup

技術ブログ

デザイン

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

投稿日:

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

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

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

対象者

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

やること

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

カリキュラム

全体像とインストール

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

基本のインストール設定

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

ページ構成

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

テンプレート

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

カスタマイズ

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

 

-デザイン
-

執筆者:


comment

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

関連記事

no image

デザイ二ングインターフェイスのまとめ

デザイ二ングインターフェイスを今まで読んで実務にすぐ生かせそうな&ポイントとなりそうな箇所のまとめ Contents1 ユーザーを理解する2 ユーザーの行動パターン3 ポジショニング(情報の配置) 4 …

no image

レイアウトカラム落ち対策

自分のPCでは大丈夫なんだけど、別PCで見るとカラム落ちするケースがあり、ちょっと対策を。 もちろん幅調節とかそういうのはなし。 Contents1 flex-wrap:nowrap2 display …

no image

css animationの使い方、他スクロース量でのアニメーションなど

transitionとちょっと近いですがCSSでのanimationに関して。 HTML

CSS [crayon-5b77bfbdb0 …

no image

パララックス系のギャラリー(中央ネタ)

ギャラリー的な画像を使ったときに思ったこと。下記が画像の標準的な扱い方かな・・・ 枠自体は高さも幅も決める(li要素のwidth,heightは決める) 基本は画像要素を中央揃え(positionの5 …

no image

Bootstrapまとめ form+画像

前回に引き続きbootstrapネタについて。 Contents1 フォーム1.1 通常のinput1.2 項目名:入力欄の形式1.3 入力欄+ボタン(検索などでよくあるパターン)2 画像2.1 参考 …