文系でも解る! Wordpressの基礎の理解と、独自デザインをWordpress化にする
4.1 (146 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
793 students enrolled

文系でも解る! Wordpressの基礎の理解と、独自デザインをWordpress化にする

コーポレートサイト、情報サイト、ポータルサイト。 あなたが好きなホームページを自分で作りたくありませんか? 静的なホームページをWordpress化にすることで、これまでやりたかったことが、自分のチカラで出来るようになります!
Highest Rated
4.1 (146 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
793 students enrolled
Created by Kazuya Nonaka
Last updated 5/2017
Japanese
Current price: $11.99 Original price: $99.99 Discount: 88% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Wordpressの基礎が解るようになります
  • Wordpressでオリジナルテンプレートを作れるようになります

  • ポータルサイト等の情報サイトを自分で作れるようになります

  • PHPなどのプログラミング言語に興味が湧きます
  • 普段見ているホームページの仕組みがわかるようになります
  • 自分のオリジナルのサービスを始めたくなります。
Course content
Expand all 62 lectures 03:15:01
+ 開発環境の準備と構築
14 lectures 35:54
開発環境説明
01:16

『Atom』というテキストエディタは、2015年6月25日に正式版v.1.0.0がリリースされた、今注目のテキストエディターです。Web開発者が作業を効率化するための様々な機能を網羅し、拡張機能も数多く公開されている優れもので、既に数十万人もの固定ユーザーがいるといいます。使い始めると奥が深いエディタソフトになります。

エディタソフト「Atom 」のダウンロード
01:06
『Atom』のインストール
01:03

エディタソフトを使いやすくするために、いくつかのプラグインをインストールを行います。必須でインストールする必要はありませんが、日本語化など、インストールして損はしないものをいくつかピックアップいたしました。

『Atom』 プラグインインストール
02:44

『Mamp 』とは、お持ちのパソコンで、プログラミング言語のPHPや、情報を蓄積していくデータベースのMysqlを簡単に入れられるパッケージされたものです。 これを入れることによりWordpressがお持ちのパソコンで動くようになりますので、導入されていない場合は必須となります。

『Mamp』のインストール -其の1-
01:17

『Mamp』のインストールの続きから、初期設定を行います。 

『Mamp』のインストール -其の2-と 初期設定
02:32

Wordpress のデータを格納するデータベースを作成します。 

Mysql データベース作成
03:52
『Mamp』 のファイルの場所を把握
00:47

Mampフォルダに テストファイルを入れて、動作確認を行います。 テストファイルはこちらからダウンロードが可能です。

『Mamp』フォルダにテストファイルを入れる
01:38

Wordpressをインストールを行い、Mampフォルダの中に、インストールしたWordpressフォルダを入れる作業を行います。

Wordpress インストール
02:15

Wordpressのインストール作業の続きになります。

Wordpressインストール -其の2-
04:02

Wordpressの管理画面を簡単に理解し、テスト投稿までを行います。

Wordpressの管理ページの理解と、テスト投稿をやってみる
07:04

Wordpressのフォルダの仕組みを理解します。 

はじめに仕組みを理解することで、理解速度も全然変わってきます^^

Wordpressのフォルダ構造の理解
04:37

Wordpressの構造の理解 其の2です。

写真ファイルをアップロードしてみます。

Wordpressのフォルダ構造の理解 -其の2-写真のアップロード
01:41
+ Wordpress オリジナルテーマの構築
9 lectures 17:48
オリジナルテーマを作り出す前の説明
01:18

Wordpressのテーマの構築とカスタマイズに役立つエクセルファイルをご用意いたしました。

このファイルを利用することで、パズルを組み立てるように簡単に構築していくことが可能になるはずです。

私自身も今現在も重宝しておりますので、ダウンロードをお願い致します。

構築に役立つエクセルファイルをご用意しました
02:00

オリジナルテーマに必要なファイルの構成を理解します。

オリジナルテーマのファイル構成を理解する
03:38
Wordpressにテーマを追加 -其の1-
01:20
Wordpressにテーマを追加 -其の2-
01:13
必要なファイルを作成する -其の1-
03:00
ファイルを作成する -其の2-
00:52

途中で問題なく動いているかをチェックします。 この作業を繰り返しチェックをおこなうことで、構築後のエラーを少なくする事ができますので、気になったときに随時チェックすることをおすすめいたします。

ここまでの動作チェックを行います
01:05
+ トップページと下層ページを構築
10 lectures 37:07
トップページ作成
01:29

トップページ作成の続きになります。

トップページ作成 -其の2-
03:29

エクセルファイルを使用し、トップページへwordpressのタグを追加していきます。 パズルを組み立てていくような感覚で構築していくので、構築する楽しさがどんどん増していくと思います。

トップページ へWordpressタグを入れていきます -其の1-
06:42
トップページへWordpressタグを入れていきます -其の2-
02:52
固定ページを作成
04:20
グローバルナビゲーション設定 -其の1-
04:43
グローバルナビゲーション設定 -其の2-
02:32
固定ページのphpファイルの作成 -其の1-
02:42
固定ページのphpファイルの作成 -其の2-
03:11
固定ページのphpファイルの作成 -其の3-
05:07
+ 投稿機能と投稿ページを構築
6 lectures 24:56
カテゴリの登録をおこなう
03:29
テスト投稿をおこなう
02:38
Wordpressの投稿タグを埋め込む
06:44
カテゴリ設定〜ブログ設定までをおこなう
05:33
サムネイル(アイキャッチ)の設定
03:35
サムネイル(アイキャッチ)の設定 -其の2-
02:57
+ 投稿一覧ページを構築
6 lectures 20:00
事前説明
00:26
パーマリンクの設定
01:39
パーマリンク設定 -其の2-
01:12

このレクチャーでは、テーマファイルをカスタマイズするにあたって、とても便利なプラグインをインストールを行います。 とくに必須ではありませんが、入れておくと便利です。

プラグインのインストール
03:58
アーカイブファイルの作成 -其の1-
02:46
アーカイブファイルの作成 -其の2-
09:59
+ 詳細ページを構築
5 lectures 27:59
詳細ページの作成 -其の1-
05:39
詳細ページに日付を入れる
01:11

お問い合わせフォームを動かすためのプラグインのインストールをおこないます。

お問い合わせフォームのプラグインをインストール
03:45
お問い合わせプラグインの設定
15:02
メニューへお知らせ、ブログの項目を追加
02:22
+ 最後の調整
7 lectures 21:09

ページによってコンテンツを表示させなかったり、追加したりする場合に必要となります。

お問い合わせページカスタマイズ
04:27

固定ページの編集画面からではなく、オリジナルのテンプレートを使うことで、HTMLファイルを触るようなイメージで編集することも可能です。 ホームページが複雑になる場合に、よく使うケースが増えてくると想定されます。 これもよく使うことになると思われますので、習得することをおすすめいたします。

オリジナルテンプレートデザインを適用させる
04:46
ぱんくずをプラグインで適用させる
03:34
ページャー(ページング)をプラグイン で適用させる -其の1-
02:58
ページャー(ページング)をプラグイン で適用させる -其の2-
02:59
ホームページの公開設定をする
01:27

想像よりも長い講義となったかと思います。 本当にお疲れ様でした。 

また、この度はこちらの講義を受講していただき誠にありがとうございました。

話すことに不慣れで聞きにくい部分もあったかと思いますが、内容を理解していただければ幸いでございます。

これからWordpressを活用していろいろなサービスを作っていかれることを願っております。

最後になりますが、本当にありがとうございました。

ご挨拶とお礼
00:58
Requirements
  • Wordpressに興味がある
  • ホームページの基礎が解る
  • HTMLの基礎が解る
  • CSSの基礎が解る
  • 動的なホームページを作りたいという気持ちがある
  • 少しでもやる気がある
  • 仕事などでWordpressが必要になりそう
  • Wordpressをオリジナルデザインで構築したい人
Description

このコースは、HTML、CSS、などの基礎は理解をしている方向けになります。 今の世の中のホームページの4分の1の数がWordpressで作られていると言われています。 

このカリキュラムは、独学で100冊以上もの参考書や、さまざまなホームページを見ながら勉強した講師が苦戦したところなどを、わかりやすく噛み砕いてレクチャーを行います。

PHPなどの言語の知識は必要ありません。こちらでご用意しました、ファイルを使って、まるでパズルを組み立てていくような簡単さでWordpressを構築していくことができます。

これで理解できなければ諦めて結構。といえるくらい優しくすることに注力しました。

このコースを終えたときには、あなたはWordpressというサービスを理解し、自力でオリジナルのWordpressのホームページを開設するまでの力を身につける事が可能になることでしょう。


【このような人向け】

・一度勉強しようとして挫折した人

・これから仕事でWordPressのホームページ制作が必要になる

・WEBページを作って副業を考えられている

・これからの時代、WEBの仕組みは必要不可欠と感じている

・どこからWEBを勉強すればよいか分からない

・世界をあっと驚かすようなアイデアを形にしたい人

・ちょっとでもやる気がある人


【この講座でわかるようになること】

・自分の力でWordpressでオリジナルデザインのホームページが作れるようになります。

・WEBの世界にもっと興味を持つようになります。

・新しいアイデアのサービスのホームページが作れるようになります。

・自分のオリジナルのサービスを始めたくなります。


難しい事なんてありません。

自分のスキルアップを目標に、頑張ってWordpressを学んでいきましょう!

Who this course is for:
  • 一度Wordpressを勉強しようとして挫折した人
  • これから仕事でWEBページ制作が必要になる人
  • WEBページを作って副業を考えられている人
  • ちょっとでもやる気がある人