skillup

技術ブログ

デザイン

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

投稿日:

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

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

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

対象者

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

やること

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

カリキュラム

全体像とインストール

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

基本のインストール設定

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

ページ構成

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

テンプレート

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

カスタマイズ

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

 

-デザイン
-

執筆者:


comment

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

関連記事

no image

checkboxのカスタマイズ

ブラウザのディフォルトではなくcheckboxをカスタマイズしたいとき。 やったことなかったんですが、やってみると結構面白い。 Contents1 ソース2 参考リンク ソース まずはソースを。 ht …

no image

レスポンシブデザインの作成ポイント

本日はレスポンシブデザインの表現方法について。 スマホでは何も指定しなければブラウザはウェブサイトの幅が980pxと仮定しています。 要は通常の980px分をそのままiPhoneの画面に収まるよう縮小 …

no image

HTML/JS/JavaScriptのキャッシュ機能の無効化に関して

AngularJSを使っていまして、更新したのにキャッシュ機能が働いていてブラウザでは変更が反映されてない・・・なんてことがちょいつづき、キャッシュを無効化する機能を調査しました。 まず通常のHTML …

no image

スマホサイト対策全般

スマホ対策のデザインに関するチェックリスト。 Contents1 viewport2 横のはみ出しチェック3 メディアクエリ viewport まずは横幅などがおかしくないかの確認 [crayon-5 …

no image

CSSの適用ルールと継承について

前回のエントリーでも書いたようにいまいちわかっていないことが多いので、復習します。 Contents1 セレクタの種類2 セレクタの詳細度3 継承 セレクタの種類 CSSのセレクタには下記のようなもの …