お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

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

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

こんなことを学びます

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

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

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

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

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

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

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

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

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

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

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

開催日程がありません

開催予定エリア

銀座・大手町

価格(税込)

¥3,500

受けたい
269人が受けたい登録しています

開催日程

現在この講座の開催日程の講座はありません。開催リクエストを送ってみましょう。

開催リクエストする

この講座の先生

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

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

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

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

    ・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 )
  • W1

    女性 20代

    この講座は「wordpressに「自作したテーマ」を適用できるようになる講座」でした

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

  • W3

    女性 30代

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

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

  • W1

    女性

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

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

  • W2

    女性 20代

    この講座は「素早く且つ丁寧に教えてくれる講座」でした

    wordpressをより使いこなせるようになりたくて、受講しました。
    テーマを作成したことで、wordpressの構造への理解が深まりました。
    素早く丁寧に教えてくださったので、サクサクと進めることが出来ました。
    またほかの講座も受講します〜。

  • W1

    女性 50代

    この講座は「内容的にはお得だとは思いますが。。」でした

    この価格で色々と教えてもらえたのでお得だと思います。
    但し、内容量が多いのでちょっと聞き逃すとついていけなくなります。
    途中で質問もしずらかったですし。。
    なのでもう少し値段を上げてもいいのでフォローしてくれるアシスタントを付けるか、手順の説明書をもっと充実していただけたらいいなと思いました。そうすれば家でも復習しやすいかと思います。提供いただいたのは殆ど箇条書き程度のものだったので。。

  • この先生の他の講座

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?