ワードプレス関連の役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

ドットインストールの無料動画で学べるWordPress入門講座

このエントリーをはてなブックマークに追加

記事公開 2013.07.22

最終更新 2016.12.31

ドットインストールの「動画で学べるWordPress入門講座」を紹介します。ドットインストールでは、初心者向けに、動画でWordPressの基礎やカスタマイズ方法を解説するレッスンがあります。WordPress以外にも、プログラミングやHTMLやCSSなど、様々なWeb開発の基礎技術を学ぶことができます。Web開発の基礎を学びたい方には、非常に役に立つ学習サイトです。自分の興味のある分野のレッスンを探してみましょう。

ちなみに、初心者向けのレッスンが無料で公開されています。中級者・上級者向けのレッスンは有料になっているものが多いです。

ドットインストールとは?

ドットインストール

ドットインストールは、3分動画でマスターする初心者向けプログラミング学習サイトです。

ドットインストールでは、様々なレッスンが公開されていますが、WordPress関連では、特に下記のレッスンをお勧めします。
尚、レッスンの内容は、超初心者向けです。初めてWordPressやWeb関連の技術を学ぶ人向けに解説されているので、初心者でも非常に分かりやすいです。

公式サイト

ドットインストール

初心者にお勧めのレッスン

WordPress入門

人気のブログシステムであるWordPressについて、基本的な使い方やゼロからテーマを作る方法について解説されています。

WordPress入門

レッスン内容

#01 WordPressとはなにか?
#02 WordPressをインストールしよう
#03 ダッシュボードを使ってみよう
#04 WordPressの設定をしてみよう
#05 記事を投稿してみよう
#06 固定ページを作ってみよう
#07 ゼロからテーマを作ってみよう
#08 文書の構造を作っていこう
#09 ヘッダーを作りこんでいこう (1)
#10 ヘッダーを作りこんでいこう (2)
#11 記事のスタイルを作りこもう
#12 サイドバーを作っていこう
#13 ナビゲーション、フッターの完成
#14 WordPressテーマに変換しよう
#15 ファイルを分割していこう
#16 header.phpを完成させよう
#17 ウィジェットに対応させよう
#18 記事の一覧を表示させよう
#19 アイキャッチ画像を表示させよう
#20 index.phpを完成させよう
#21 single.phpを完成させよう
#22 page.phpを完成させよう
#23 ショートコードを使ってみよう

HTML入門

Webサイトを作るのに必須となる、もっとも基本的な言語の基礎を学びます。文書の内容を構造的に書いていくことができます。

HTML入門

レッスン内容

#01 HTMLとは何か?
#02 はじめてのHTML
#03 headタグを理解する
#04 もっとheadタグを理解する
#05 本文に使えるタグ
#06 画像を表示する
#07 リンクを張る
#08 リストを作る
#09 表組みを作る
#10 フォームを設置する
#11 テキストの入力
#12 パスワードの入力
#13 チェックボックスを設置する
#14 ラジオボタンを設置する
#15 選択肢のリスト
#16 ファイルをアップロードする
#17 隠しデータを送信する
#18 ラベルをつける
#19 送信ボタンを作る
#20 汎用要素を作る
#21 スタイル属性を使う
#22 実体参照とは?

CSS入門

Webサイトの見た目を制御するための言語の基礎を学びます。文字の色や背景色、画像の配置などを自在にデザインすることができます。

CSS入門

レッスン内容

#01 CSSとは何か?
#02 CSSはどこに書くか?
#03 CSSの書き方の基本
#04 セレクタを理解する
#05 テキストのスタイル
#06 もっとテキストのスタイル
#07 背景のスタイル
#08 ブロック要素のスタイル
#09 境界線のスタイル
#10 余白のスタイル
#11 要素の回り込みと解除
#12 レイアウトを作る
#13 リストのスタイル
#14 表示のスタイル
#15 カーソルのスタイル
#16 セレクタの高度な指定方法
#17 擬似クラスについて
#18 セレクタの優先順位
#19 要素の位置指定
#20 要素の重なり指定

Web制作の実践編

ドットインストールには、Webサイトの制作方法やWeb関連の言語について解説したレッスンもあります。

実践!ウェブサイトを作ろう

実践的なレイアウト手法を学んだ後に、実際に架空のWebサイトを作る手順を解説しています。

実践!ウェブサイトを作ろう

レッスン内容

#01 実践的なレイアウト手法を学ぼう
#02 1カラムのレイアウト
#03 2カラムのレイアウト (可変幅)
#04 2カラムのレイアウト (固定幅)
#05 3カラムのレイアウト (可変幅)
#06 3カラムのレイアウト (固定幅)
#07 文書の構造を作っていこう
#08 2カラムレイアウトを作ろう
#09 背景を設定しよう
#10 ヘッダーとフッターを作ろう
#11 メニューを作ってみよう
#12 見出しと本文を作ってみよう
#13 画像付きリストを作ってみよう
#14 キャプション付き画像を作ろう
#15 バッジを付けてみよう
#16 アイコン付きリストを作ろう

レスポンシブなウェブサイトを作ろう

マルチデバイスに対応したWebサイトを作るための「レスポンシブWebデザイン」について学びます。

レスポンシブなウェブサイトを作ろう

レッスン内容

#01 レスポンシブWebデザインとはなにか?
#02 HTMLファイルを作ろう (1)
#03 HTMLファイルを作ろう (2)
#04 CSSファイルを作ろう
#05 スタイルを振り分けよう
#06 共通部分のスタイルを完成させよう
#07 スマートフォン向けのスタイル
#08 タブレット向けのスタイル
#09 PC向けのスタイル
#10 iframeを埋め込もう (1)
#11 iframeを埋め込もう (2)

まとめ

ドットインストールでは、WordPress以外にも、沢山の入門レッスンの動画が公開されています。特にプログラミング関連の入門レッスンが数多く公開されています。これらの入門レッスン動画で学び、Web関連技術を身に付けましょう。

この記事では紹介していませんが、プログラミング関連のレッスンでは、PHP入門・iOSアプリ開発・Androidアプリ開発のレッスンが人気があるようです。自分の興味のある分野のレッスンを探してみましょう。

スポンサーリンク

最後までお読み頂き、ありがとうございます

この記事の内容が役に立ったと思ったらソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ソーシャルメディア & RSS

Twitter Facebook Google+ RSSフィード

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

CORE(TCD027)

WordPressテーマ「CORE (TCD027)」

マガジンスタイルのメディアサイト(ポータルサイト)を構築できるWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら