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

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

  • 開催回数

    7
  • 受けた人

    43
  • 受けたい人

    140
  • 感想読む

    12

こんなことを教えます

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

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

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

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

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

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

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

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

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

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

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

この講座の先生

Kohno Yusuke
WEB

Kohno Yusuke

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

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

詳しいプロフィールを見る >

教えた回数53

教えた人数310

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

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

・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/
(評価版は無料で利用可能です。評価版でもすべての機能が利用可)

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

感想 12

楽しかった!

( 3 )

勉強になった!

( 12 )

行く価値あり!

( 7 )

女性 40代

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

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

女性

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

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

女性

この講座は「カスタマイズ作戦」でした

私は、WPを触ったこともなく、初めてのチャレンジでした。
とても丁寧に教えてくださり、なんとなく?WPの使い方がわかりました。
他の方の質問などもとてもためになる口座でした。

女性

この講座は「既存サイトを元にwordpress化するのを体験できる講座」でした

実際に手を動かす講座でとても勉強になりました。
なかなか独学や座学に苦手意識のある人はぜひ1度受講してみてとっかかりにするのが良いと思います。
また、先生も丁寧で優しく教えてくれます。

女性 30代

この講座は「とても丁寧に教えていただける講座」でした

先生の下準備が素晴らしく、とても丁寧に教えていただきました。
初心者のわたしですが、事前にどの程度の知識があるか出席者にリサーチしてくださいました。
今のわたしには若干高度な講座では・・と心配しましたが、大丈夫でした。
また機会があれば別の講座も受講したいと思います。
ありがとうございました。

女性

この講座は「wordpressでのテーマ化の手順がわかる講座」でした

一番知りたかった、wordpressでのテーマ化のやり方の手順を教えてくださいました。とても丁寧でわかりやすかったです。これを活かして、自分でも今度のサイトで作ってみようと思いました。

女性

この講座は「一歩前進出来た講座」でした

本を読んでもわからなかったカスタマイズの方法を実践で学べました。みんなでペースを合わせて進んでいくので安心して受けられました。

女性

この講座は「ホームページの幅を広げることができる講座」でした

テンプレートではなく、自作のHTMLをwordpressに対応させたいと思っていたときにこちらの講座がありましたので、受講しました。
とてもわかりやすく、理解しやすい授業でした。
今回は基本のキの勉強でしたので、さらに幅を広げていきたいと思います。

女性 30代

この講座は「WordPressで自作のテーマを作れる第一歩の講座」でした

少人数制なこともあり、しっかり最後までフォローしていただける体制でした。
途中途中で、phpについての説明などもわかりやすく交えてくれて、今まで何となく触っていた部分も納得できました。
途中途中で休憩をはさみ、一気に仕上げたのであっという間の時間に感じました。
0からテーマ化するのはまだもうちょっと勉強が必要かと思いますが、キチンと基礎を学べたのでこれから自分で復習しつつ作っていけそうです。

詳しくはブログに記載しましたので、よければ参考にどうぞ。

http://alu-nagara.hatenablog.jp/entry/20150629_wordpress_academy

女性

この講座は「要点をまとめた有意義な講座」でした

時間があっとゆうまにすぎた内容がつまった授業でした。
先生はとても穏やかな方で、全員ができるまでそっと見守ってくれるような先生です。
少人数のクラスなので質問もし易かったです。
今度はjQueryのクラスを受けてみたいです。

講座についてのご質問はコチラ

先生に問い合わせる

開催予定の日程一覧

  • 開催予定

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

    受講料:¥ 6,000

過去に開催した日程一覧

この講座の関連ツイート

Kohno Yusuke さんの他の講座

Page Top