skillup

技術ブログ

デザイン

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

投稿日:

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

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

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

対象者

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

やること

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

カリキュラム

全体像とインストール

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

基本のインストール設定

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

ページ構成

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

テンプレート

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

カスタマイズ

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

 

-デザイン
-

執筆者:


comment

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

関連記事

no image

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

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

no image

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

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

no image

jquery multipleについて(基本編)

selectで複数選択をするときには通常のプルダウンでも可能ですが、プラグインを使うともっとスマートに対応できます。 今回私が実装したかったのがCSVアップロードorダウンロードで項目を自由に変更した …

no image

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

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

no image

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

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