WordPress講座【カスタマイズ・テーマ作成編】ワークショップ

デザイン・ファイルをWPテーマにコンバートし、デザイン性の高いWPサイトを制作する方法をお伝えします

learn

こんなことを学びます

 Wordpressをデザイン面でカスタマイズする場合、大きく分けると以下の2つのアプローチが考えられます。

①イメージに近いテーマ(またはデフォルト・テーマ等)を適用し、cssや画像のカスタマイズを重ねてイメージに近づけていく。

②先にhtml(+css)でデザインを完成させ、これをWordpressのテーマに変換する。

 どちらの方法も一長一短があり、どの方法を取るべきかは状況に応じて変わってきます。

 イメージに近いテーマが入手可能で、カスタマイズに必要な知識を持っている場合、①の方法が良いと思われます。パーソナルなサイト制作にも向いた方法であると言えます。レスポンシブルのテーマを選択すれば、スマホ表示の対応も比較的簡単です。

 そして、いわゆる「Wordpress風」のものではなく、制約なく自由にデザインしたいというケースでは②の方法が適しています。

②の方法を取ることにより、Wordpressの知識の無いデザイナー(コーダー)、紙媒体がメインのデザイナーでも参加することが出来、デザインの自由度が広がります。
 さらに、制作フローもデザイン→コーディング→構築(テーマ化)と段階を追って進めることが出来るので、デザイナー、コーダー、エンジニアと役割分担をすることが可能です。
 このため、この方法はWPを利用した比較的大きな規模のサイト制作の現場ではよく用いられる手法となっております。

 今回のセミナーでは、上記②の方法をベースに、「既存のデザイン・ファイル(html + css + 画像等)をWPテーマに変換する」という作業を通して、静的なサイトを動的なサイト(CMS)に作り変えるコツをお伝えしたいと思います。
 また、コンバートしたテーマをcssで編集する実習を通し、①の方法にも通じるノウハウを伝授します。

 今回のセミナーでは時間の関係で、カスタム・メニューや検索結果テンプレート、その他WPの諸機能をすべて盛り込むことは出来ませんが、基本を押さえ、自習していただければもちろんこれらも対応可能です。

 ご自身のPCをお持ちいただき、レンタルサーバ(当方で準備します)上で実際に作業をしながら無理なく身に付けていただけるよう、ハンズオン形式のセミナーとして企画しております。

 ぜひ、Wordpressのカスタマイズのテクニックを身につけていただき、サイト制作の幅を拡げていただければと思います。
203人が受けたい追加しています

開催予定の日程一覧

  • 開催予定

    開催予定エリア:銀座・大手町

    受講料:¥ 6,000

過去に開催した日程一覧

Kohno Yusuke さんの他の講座

teacher

この講座の先生

Kohno Yusuke

Webエンジニア・プロデューサー / 3DCG

建築士・設計関連システム構築・3DCG技師を経て、現在はWEB制作全般(デザインはもちろんですが、特にフロント・バックエンジニアリング、CMS構築)および建築ビジュアライゼーションを専門としております。
 対応システム・ソフトウェアはWordpress, PHP(CakePHP,Co... もっと見る >>

detail

講座詳細

  • 当日の流れとタイムスケジュール

    ・自己紹介、オリエンテーション

    ・WIFI、FTP等環境チェック

    ・WPカスタマイズの一般的方法とその選定

    ・WPのテーマを理解する
     ーテンプレート階層
     ー最低限必要なファイルは?
     ーWPテーマにするための決まり事
     ー「サイト制作目的」と「配布目的」の違い

    ・WPのセットアップ
     ーインストール
     ー初期設定(パーマリンク、コメント等)

    ・テーマファイルを確認する(html , css ,画像ファイル)

    ・PHP超超入門

    ・ファイルを加工する
     ーまずはstyle.css
     ーファイルをリネーム、整理する
     ーヘッダー、フッター、サイドバーを作成
     ーWPのタグを確実に埋め込む
     ーウイジェットエリアを用意する

    ・出来上がったテーマを調整する
     ーインスペクタを使う
     ーstyle.cssを編集する

    ・その他の機能追加
     ーお問い合わせフォーム

    ・質疑等
  • こんな方を対象としています

    ・デザインとコーディングは出来るが、WPに組み込むノウハウを知りたい方。
    ・Web関連の業務をされていて、受注の幅を広げたい方。
    ・WPを導入してみたものの、気に入ったデザインのテーマが見つからない方。
  • 受講料の説明

    場所代等、すべて含まれます。
  • 受講する際は以下をお読み下さい

    ※本講座は、「あらかじめ用意されたデザインをWPに組み込む」という内容であり、実際のデザイン(コーディング)を学習するものではありませんので、ご了承願います。

    ※今回の内容は「HTMLとCSSが少し理解できる」という前提で進めて行きます。この方面について自信のない方は、以下のサイトをひと通り目を通して置かれることをお勧めします。
    http://endoutakae.com/2012/02/08/webdesign/

    ※ワークショップ(ハンズオン)形式のセミナーとなりますので、ノートPCをご持参下さい。
    Windows , Mac 両方可能です。

    ※あらかじめ、以下のアプリケーションをご準備願います(すべて無料のものです)

    ・モダンブラウザ(Chrome , Firefox , IE10以上)当日はChromeで説明を進めます。

    ・FTPクライアント
    Filezillaを使って説明します。
    Windows , Mac共に以下よりダウンロード出来ます
    http://sourceforge.jp/projects/filezilla/releases/

    ・テキストエディタ
    どのようなテキストエディタでも利用が可能ですが、今回は説明・指導をしやすくするため、Sublime Text2というエディタを利用したいと思いますのでご準備をお願いします。
    Sublime Text2 の概要
    http://www.buildinsider.net/small/sublimetext/01
    Sublime Text2のダウンロード
    http://www.sublimetext.com/
    (評価版は無料で利用可能です。評価版でもすべての機能が利用可)

    ※当日に準備作業をしてしまいますとセミナーの進行に影響を及ぼしますので、必ず事前の準備のほど、お願い申し上げます。

review

レビュー

  • 女性 30代

    この講座は「初心者にはもちろん経験者にも役に立つ講座」でした

    初心者にもついていきやすい講座だと思いますが、
    「何故この記述をする必要があるのか」など理由も丁寧に説明してくださるので、
    手探りで制作していた経験者にも役に立つ講座でした。
    曖昧な理解をしていた部分がクリアになりました。

    短い時間でhtmlベースのテンプレートにWordpressの機能を埋め込んでいくので
    今後の制作の際に効率化を考える材料にもなりました。

    少人数制なので質問もしやすいですが、短い時間に詰め込んでいるので
    進行上どうしても詰まった!という場合以外は、
    終了後に質問するのがいいかもしれません。

    ありがとうございました。是非また、他の講座も受講してみたいと思っております。

  • 男性 20代

    この講座は「テーマ作成の基本をコンパクトに学べる」でした

    元々CMSの知識があったので、以外とすんなり理解できました。
    わいわいすると言うより、真面目にみんな話を聞いていて、すごく集中できる環境だったので、あっという間に時間が過ぎました。
    副業も本業も頑張ろ~

  • 男性 40代

    この講座は「詰め込んでいるのでついていくのがやっとの講座」でした

    ・短時間に詰め込んでいるので、「いまからソースを修正します」など、講義部分とハンズオン部分の切れ目がわかりやすくガイドされているとなおよいと思う(聞き漏らすと脱落する)。
    ・講習資料は短文列挙のプレゼン寄り。途中手順など詳細があれば一瞬脱落しても復帰できてよいと思う。
    ・全員が目的達成できるよう配慮があった。(おしていたので、途中で止めずらくはありましたが。。)
    ・現場でどういうやり方が一般的かなど、価値ある説明があった。

  • 男性

    この講座は「初心者には少し難易度高め」でした

    でも、とても為になりました!
    wpの構造やしくみについて、phpについても以前より理解が深まり、今後のサイト制作に役立ちそうです。

  • 女性 40代

    この講座は「ありがとうございました」でした

    一通りを見れて勉強になりました。実際の制作の現場での流れが聞けたのが参考になりました。

  • W1

    女性 40代

    この講座は「少し残念な講座でした。」でした

    受講するレベルに満たなく、準備もできていない方がいて迷惑でした。
    その方のペースに合わせて進行したため、一番知りたかった後半部分で時間がなくなり、駆け足だったように思います。
    コードについても、準備しておいていただければ、入力ミスによる時間のロスが減るのではないでしょうか。
    資料についても、もう少し作業フローに沿った分かりやすいものだとありがたかったです。
    交通費と受講料を払い、時間をやりくりして参加しておりますので、もう少しそのあたりを踏まえていただけるとよかったです。
    先生のお人柄がとてもよく、内容もとても素晴らしいものだったので、残念です。

  • 女性

    この講座は「知りたかったことが分かってスッキリした」でした

    自分でコーディングしたhtmlをどうやってwordpressに反映させるのかを知りたくて受講しました。
    正にジャストの内容だったので大変満足です。
    類似の内容で市販の書籍も持ってるのですが、やはり実務経験者の方に直接教わる方が早いし理解度も全然違いました。
    普段はシステム開発のディレクターをしているので、wordpressの構造というか根本的な箇所の説明が聞けたのが一番良かったです。
    ありがとうございました!

  • 男性 30代

    この講座は「希望通りの講座」でした

    まさに希望していた通りの講座内容でした。
    wordpressにあまり慣れていない私にもわかりやすく取り組みやすい講座だと感じました。
    より深く学びたいと思いました。

  • 女性 40代

    この講座は「HTMLのWPテーマ化がわかります。」でした

    とてもわかりやすく、丁寧に教えて頂きました。仕事に生かして行きたいと思います。

  • 女性

    この講座は「WPのカスタマイズができる」でした

    有難うございます。気になっていた箇所だけでなく、いろいろためになる情報がたくさん詰まっているいいセミナーでした。もう一つの機能編も受講したいのですが・・・週末お願いできればうれしいです。