おためし受講中

WordPressを使ってまとめサイトを作る【4回 /全6回】

※ スライド5ページ目で紹介されていた、"feedspot"について学生の方から「知人にサービス加入を促すメールが一斉送信されてしまった」という問い合わせがありました。友達招待の機能によるものですが、サイトが全て英語で書かれており、入門者の方にとって難解な恐れがあると判断し、スライドから削除させていただきました。ご使用の際は自己責任でお使いください。

■ WordPress未経験でもOK。WordPressオリジナルテーマでサイトを作ろう!【全6回】

このシリーズを通して学べるのは、WordPressでオリジナルテーマ造り、お問合せフォームやNews配信の出来る商用サイトを作れるようになる事です。

最近注目の「まとめサイト」。これは、RSSを使ってネット上にある情報をまとめて表示するという技術です。

今日は、おなじみのサイトのRSSフィードを引っ張って来て、自分の作ったWordPresssサイトに表示させてみようという授業です。また、自分のTwitterやFecebookのRSSフィードを取得してWordPressのウィジェットとして、asideタグの中に表示させる事も学んで行きます。

※この授業はhtml+cssのことはひと通り知っている方対象です。html+css初心者の方は、先に「【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回」の録画放送を見てからこちらを受講してください。

■ 受講にあたって準備するもの

1)Sublimeのインストール(授業中コードを打つのに使います)

下記のURLからダウンロードしてください。

http://www.sublimetext.com/2

設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。

2)WordPressインストール済みのレンタルサーバーまたは、ローカルにXampp、MamppなどのPHP 開発環境を構築してWordPressをインストールしてください。

WordPressと既存テーマをインストールしてネット上で表示する方法【第1回】」の授業をご覧になるとレンタルサーバーを借りてWordPressをインストールするところまでが、学習できます。

※この授業では「SublimeTextの簡単プラグンを導入してWordPressのオリジナルテーマを作ろう!(第3回)」で学んだプラグインがインストールされていることを前提として授業が進んでいきますので、こちらを事前に受講される事をオススメします。

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    05:01  (00:12 ~ )
    フィードってなんだろう
    02:08  (05:13 ~ )
    フィードってなんだろう:代表的なフィードリーダー
    09:31  (07:21 ~ )
    フィードってなんだろう:素材をダウンロードしよう
    06:51  (16:52 ~ )
    フィードってなんだろう:WordPressの固定ページにフィードを呼び込んでみよう!
    01:07  (23:43 ~ )
    フィードを呼び込む:Contributors template固定ページテンプレートをクリックして、キュレートページにしちゃおう!
    03:55  (24:50 ~ )
    フィードを呼び込む:フィードを表示させる為のphpを入れよう
    04:08  (28:45 ~ )
    フィードを呼び込む:自分のフィードのURLに書き換えよう
    02:03  (32:53 ~ )
    フィードを呼び込む:固定ページを作ろう
    04:56  (34:56 ~ )
    フィードを呼び込む:外観からテーマ編集を選択し、Full width templateを選択して、新しいページを作ろう
    05:12  (39:52 ~ )
    フィードを呼び込む:外観からテーマ編集を選択し、No sidebar templateを選択して、新しいページを作ろう
    03:11  (45:04 ~ )
    フィードを呼び込む:TOPページを表示させてみよう
    03:32  (48:15 ~ )
    フィードを呼び込む:サイドバーにもフィードを読み込んでみよう
    03:53  (51:47 ~ )
    フォームページを作る:プラグインをインストール
    04:48  (55:40 ~ )
    コメント欄を消す:ブログコメント欄を非表示にするため、指定のタグを削除しよう
    07:57  (1:00:28 ~ )
    Youtubeなどの動画をサイトに載せる方法
    00:40  (1:08:25 ~ )
    cssの編集方法について学ぼう
    07:15  (1:09:05 ~ )
    【後半】質疑応答
    Q:バックアップについて
    00:36  (1:16:42 ~ )
    Q:読み込んだRSSに画像が表示されないのは、サイトのRSS自体が画像を吐き出していないということでしょうか?
    02:11  (1:17:18 ~ )
    Q:WordPressのお問い合わせフォーム(contact form7)って安全ですか?
    02:24  (1:19:29 ~ )
    Q:phpの中身がよくわからないまま変更を加えるのにちょっと抵抗を感じます。 しかし、自作テーマで作る場合はさらに難しいということでしょうか?
    03:33  (1:21:53 ~ )
    Q:WordPressを使用していて、何回も「403エラー」と表示されてしまうのですが、このエラーが出たらダウンロードからやり直すしかないのでしょうか?
    03:52  (1:25:26 ~ )
    レポート課題発表
      (1:29:18 ~ )