skillup

技術ブログ

デザイン

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

投稿日:

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

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

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

対象者

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

やること

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

カリキュラム

全体像とインストール

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

基本のインストール設定

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

ページ構成

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

テンプレート

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

カスタマイズ

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

 

-デザイン
-

執筆者:


comment

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

関連記事

no image

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

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

CSS [crayon-600ca88fee …

no image

ドロップダウンリスト

本日はヘッダーメニューとかで見られるドロップダウンリストについて。 bootstrapを使った方法は下記に。 http://skill-up-engineering.com/?p=1157 通常のHT …

no image

transition関連

cssのanimationに関して。 例えばhoverしたときに色が変わる仕様はよくあることだと思いますが、transitionを入れることで時間差をつけることができます。 [crayon-600ca …

no image

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

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

no image

lessについて(CSSライブラリ)

Contents1 lessって?1.1 スコープが使える1.2 変数が使える1.3 関数化1.4 インポート2 インストール3 コンパイル lessって? CSSの保守性を向上させるライブラリ。これ …