WordPressで仕事をしたい



DTPデザイナー必見!

WordPressで
仕事をしたい

DTPデザイナー必見!

WordPress(ワードプレス)は世界で最も使われているWEBサイト構築・管理ツールです。拡張性にすぐれ、SEOにも強いWordPressを使いこなして、あなたもWEBのプロになろう!

あいすたでWordPress制作のあれこれがわかる!

私たち「チームあいすた」は自営業として、インターネット黎明期からホームページやパソコンに関わる仕事をしています。

今までの経験と知識を使って、
これからWordPressでホームページ制作を始める方のために実践的な内容に絞って講座を作りました。

あいすたについて

「あいすたWP」ではWordPressでWEBサイト制作をする人たちが安心して仕事をできるように、私たち自身の経験に基づいた、あらかじめ知っておくといい知識や情報を提供していきます。

あいすたWPの運営メンバー紹介

兎本美佳

プログラマ
1980 年代から、プログラマとして IT 業界にて仕事 をしています。「システム」関係を得意としてます。月10万PVのゆうそうとITブログを運営。

松田啓

デザイナー
小学生のときから初めてホームページを作り始めました。美大出身。
WordPress暦4年。

かなだいくこ

コンテンツ制作者
WordPress 使用歴 14 年、ネットショップ運営歴 10 年。お客様と事業者をつなぐWEBマーケティングを担当します。

WEBサイト制作の現状

お仕事でお客様のホームページを作る場合、現状で最適なのはWordPressです。

WordPressは世界で最もたくさん使われているオープンソースのCSMです。
世界中で多くのプラグインが作られて提供されているため、拡張性が高く使いやすいことが理由にあげられます。

また、WordPressのサイトはSEOに強いと言われていて、ユーザーからも人気が高いのです。

ただしWordPressはphpで書かれたシステムで、WEBサーバー上で動き続けることでサイトを動的に生成しているため、長期間に分かるメンテナンスが必要。セキュリティへの意識も必須となります。

この講座の趣旨

この講座では、主にDTP(印刷媒体の制作)をおこなってきた人が、クライアントから依頼を受けてWEBサイトも制作する場合に必要な知識を提供し、安全にWEBサイトを作り提供できるようになることを目的としています。

DTPデザイナーにありがちな勘違い

紙媒体のデザインをするとき、紙の大きさが最初に決まっていて、そこからレイアウトを考えます。

しかし、WEBサイトには、決められたサイズというものがありません。

PCの場合はモニターのサイズによって縦長で見ていたり横長で見ていたりするし、解像度によっても表示が大きく変わります。また、スマホやタブレットにも対応するので、事実上、全デバイスに共通するレイアウトは困難です。

また、ページ数という概念もWEBには当てはまらないなど、基本的な部分で違いがあります。

加えて、紙媒体にはない納品後の「アクセス数」への要求もあって、実際にはSEO対策まで期待される場合が多く、結果が出ない場合に責任を問われることも。

よくある事例

WEBが一般に使われ始めて20年を超え、WEBの知識もかなり浸透しているが、知識の鮮度がまちまちです。

よくあるのが、metaタグを入れておけばSEO対策に効果があるとか(これはもはや現状では効果が薄い)、または、被リンクを買う(これはペナルティーの対象で効果どころか、マイナスの結果につながりかねないので非推奨)など、古い知識をそのまま信じている人もいます。

そのため、クライアントの意向をそのまま受け入れて対策をしても、期待するような効果が上がらない場合もございます。

この講座では

この講座では、広く一般的なWEBの知識から始めて、WordPressの機能と、実際にWordPressでデザインをカスタマイズする方法、さらに、基本中の基本であるHTMLとCSSの基礎について、動画と課題提出でレクチャーします。

講座の内容

  1. 専用WEBサイトで動画教材を視聴→必要な課題を提出
  2. 受講期間中(原則6ヶ月)毎月1回、zoomでレッスン(質問)を受ける
  3. 最後に卒業課題を提出(WordPressサイトをひとつ作る)

動画教材の内容

本編

Lesson01  WEBの仕組みを知る

WordPressに入る前にWEBの仕組みを知ろう!

  1. DTPとWEBの違い(固定の紙面サイズがなくて、画面サイズは可変、ページの長さも可変)
  2. WEBサイト構築方法の変化
  3. WEBの仕組み
    1. ローカルとサーバー
    2. レンタルサーバーとASP
  4. WEBサイトの仕組み
    1. HTMLとCSS
    2. JavaScript
  5. WEBに使われるプログラム言語
    1. WordPressはPHP+データベースでページを表示する
    2. PHPはこんな感じ
    3. クライアントサイド・サーバーサイド
    4. CMSの役割(phpで動いてる!データベースを使ってる!HTMLは動的生成だよ!)
    5. オープンソース
    6. レンタルサーバーについて
      おすすめレンタルサーバー(データベースの上書き注意)

(課題)WPをインストールしてみよう(要FTP)デフォルトテーマ

Lesson02  WordPressを使う

基本的なWordPressの仕組みを知ろう!

  1. WPの最初の設定
    1. URL(ドメイン)※付録に移動
    2. パーマリンク
    3. SSL
    4. サイトタイトルとキャッチフレーズ(SEO)
  2. テーマとプラグイン(公式とは・自動アップデート)
  3. 記事と固定ページを作る
    1. ブロックエディタを使う
    2. elementorを使う
  4. メニューとウィジェットを設定する

Lesson03  WordPressを知る

基本的なWordPressの構造を知ろう!

  1. ファイル構成を確認する(SFTPがおすすめ)
  2. データベースの存在(phpMyAdmin)
  3. WordPressの構造(コアとテーマとプラグインの意味)
  4. WordPressのテーマ構造(テンプレートの役割)

Lesson04 ローカル環境を作る

ローカルにWordPressを構築しよう!管理画面の機能を知ろう!

  1. XAMPP
  2. MAMP

Lesson05 Lightningテーマを使う

Lesson04までの内容を踏まえ、テーマ「Lightning」&テーマ「Lightning」推奨のプラグイン2つの標準機能を使ってWordPressサイトを作ってみよう!
(課題提出の章)

  1. 外観—カスタマイズ
  2. 外観ーカスタマイズー追加CSS
  3. 外観ーファイル編集ーfunctions.php

Lesson06 基本のHTML

ここからは、テーマ「Lightning」&テーマ「Lightning」推奨のプラグイン2つの標準機能では足りない、また、デザイン要素を加えたい等、あなたの独自色を生かせる用になるレッスンに入ります。

HTMLは主にサイトの設計に関わる要素です。今目の前にあるこのサイトもHTMLで作られおり、皆さんが見ているブラウザが(Google Chrome、Safari等)がHTMLの設計図を元にWebページを表示しています。

  • HTML
    • html
    • head
    • header
    • footer
    • meta
    • title
    • body
    • img
    • a
    • aside?
    • article
    • p
    • h
    • div
    • span

Lesson07 基本のCSS

CSSでは主にデザインに関わる要素を整える時に使用します。

  • CSSとは
    • 呼び方
  • CSSの使い方
    • タグにくっつける
    • インライン・エンベッド・リンク
  • 基本のCSS
    • 色関係
    • 線関係
    • 余白関係
    • 位置関係

付録

Bonus01 プラグインについて

推奨のプラグインや便利プラグインをご紹介します。

  • 推奨プラグイン
    • (必須)
      • WP multibyte patch
      • SiteGuard
    • (便利)
      • Jetpack?(統計だけ?)GAのプラグインでも代用できる?
      • Akismet?(最近スパムを防ぎきれていない?Googleの画像認証プラグインと併用すべし?)
        ↑厳密には商用利用は有料となるため、講座として書く場合はGoogleの認証プラグインは(Invisible reCAPTCHA)で作る方が説明しやすい気がしてきました。
      • Code Snippets (https://usortblog.com/code-snippets/
  • ネットショップを作るには Woocommerce (Welcart)
  • 会員制サイトを作るには  SimpleMembership

Bonus02 コミュニティ関連

WordPressのコミュニティについてのご紹介となります。

  • WordPressのPは大文字
  • Meetupはオフィシャルなイベント

Bonus03 SEO

基本的なSEOの知識をご紹介します。

  • SEOの一般常識
  • アナリティクス(google・Jetpack)
  • SNSで手軽になった広告
  • 広告とセットで使うLPをWPで作る

Bonus04 WordPressを取り巻く状況

WordPressと関わりの深い外部サービス等をご紹介します。

  • 進む外部サービスとの連携
  • なぜ連携が必要か
    • 囲い込みの限界
  • 用語解説
    • API
    • feed
    • xml
  • ASPサービスの進化
    • Shopify
    • Wix
    • zapier
    • インスタショップ(base/creema/…)

Bonus05 お客様のWEBサイトを作るときの注意点

WordPressと関わりの深い外部サービス等をご紹介します。

  • 納品後の管理(アップデート)
  • ユーザー権限
  • セキュリティについて
    • ハッキングの実際
    • 起きる前にしておくべきこと
    • 起きてしまったときの対処法
  • 耐用年数を考える
  • サイトの引っ越しについて(技術的・SEO的)

受講料

220,000円(税込)

キャンペーン割引があるそうですが!

ただいま開講記念スペシャル価格
120,000円でご提供中です!
ご受講はお早めに!

無料説明会実施中!

お申し込み、お問い合わせはこちら