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

対面 オンライン

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

こんなことを学びます

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

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

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

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

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

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

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

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

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

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

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

開催日程がありません

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

価格(税込)¥3,500

現在は開催リクエストを受け付けていません
受けたい
256人が受けたい登録しています

対面受講日程

開催日程はありません。

対面受講料に含まれるもの

場所代等、すべて含まれます。

オンライン受講日程

開催日程はありません。

この講座の先生

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

建築士・設計関連システム構築・3DCG技師を経て、現在はWEB制作全般(デザインはもちろんですが、特にフロント・バックエンジニアリング、CMS構築)および建築ビジュアライゼーションを専門としております。
 対応システム・ソフトウェアはWordpress, PHP(CakePHP,Codeigniter, Laravel etc), MySQL, javascript, jQuery, Vue.js , iOS(Objective-C), python3 , JavaEE, Adobe Photoshop, VectorWorks, SketchU...
+続きを読む

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

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

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

※当日に準備作業をしてしまいますとセミナーの進行に影響を及ぼしますので、必ず事前の準備のほど、お願い申し上げます。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

レビュー31

  • 楽しかった( 10 )
  • 勉強になった( 27 )
  • 受ける価値あり( 18 )
  • この講座は「wordpressに「自作したテーマ」を適用できるようになる講座」でした
    女性 20代

    wordpressのテーマを自作しても「適用の仕方が分からない」こともあると思います。この講座では、自作したテーマをwordpressに適用させる方法を、丁寧に教わることができます!「テンプレート階層」についても教わることができるため、間違った場所に自作ファイルを配置することもなくなります!

  • この講座は「wordpressの初めの1歩を踏み出せる講座」でした
    女性 30代

    教科書で独学を試みましたが内容が理解出来ず、どなたかに教えて頂きたくて受講しました。
    ついていくのがやっとでしたが、帰ってからInstantWPを使って、もう一度自分でもなんとか同じものを作ることが出来ました。
    家にある教科書も再度読んでみると、少し理解できるようになっていました。
    もう少し飲み込んだら、またこの先生の別のwordpressの講座も受講したいと思います!

  • この講座は「WPを楽しく学べる講座」でした
    女性

    丁寧に説明してくださり、とても分かりやすかったです。カスタマイズに苦手意識がありましたが軽減しました。

  • Web制作・WordPressのおすすめの先生Web制作・WordPressの先生を探す

    Web制作・WordPressの関連カテゴリーから講座を探す

    先生のスキルから探す

    関連エリアから探す