WordPressの基礎と演習

第5回|WordPressを使ってまとめサイトを作る(2)【5回 /全6回】

おためし受講中
  • 授業で使用する教材

    教材はありません

「授業フィードバック」で、授業の感想を教えてください!

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました!

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • 自己紹介&アジェンダ
  • 00:00:12〜(01:56)
  • フィードのおさらい
  • 00:02:08〜(01:05)
  • フィードを表示するコード
  • 00:03:13〜(02:32)
  • 実習:RSS 1Antennaをインストールして、有効化しよう
  • 00:05:45〜(02:53)
  • 実習:実際にフィードをだしてみましょう
  • 00:08:38〜(07:34)
  • 実習:CSSをカスタマイズして、表示を美しくしよう
  • 00:16:12〜(08:54)
  • 実習:RSS-antena.css?を変更しよう
  • 00:25:06〜(02:11)
  • 実習:FeedWordPressのプラグインをインストトールして有効化しよう
  • 00:27:17〜(03:18)
  • 実習:Syndicationの一番上を選択し、フィードをとり他いURLを記入しよう
  • 00:30:35〜(04:27)
  • 実習:投稿の彼ドリーを、「ファッションブログ」に設定、クイック編集、チェックを入れよう
  • 00:35:02〜(07:42)
  • 実習:カテゴリーの追加をしていこう
  • 00:42:44〜(04:32)
  • 実習:投稿で新規追加を選択し、ブログをキュレートするためのFasion Newsの投稿を作ろう
  • 00:47:16〜(06:52)
  • 実習:外観からメニュー→作成したカテゴリーを選択しよう
  • 00:54:08〜(05:24)
  • 実習:ローカルメニューの追加をしよう
  • 00:59:32〜(06:23)
  • 実習:メニューの噴出し三角の色を変更しよう
  • 01:05:55〜(07:05)
【後半】質疑応答
  • Q:コメント欄についての質問です。(その1) 1.先回の講座で「コメント欄を消す」方法について説明がありましたが、固定ページ(使用しているテンプレートはデフォルトテンプレートでpage.php) のコメント欄が消せません。(削るべきタグが見つからないため)どういう原因が考えられるでしょうか?
  • 01:13:15〜(12:47)
  • Q:まとめサイトについてよくわからないのですが、まとめサイトを運用する場合 転載元の許諾とかは必要になってくるものなのでしょうか?
  • 01:26:02〜(01:02)
  • Q:自分が今みているページがどこのphpファイルで編集するのかがよくわかりません。わかるようになるコツありますか?
  • 01:27:04〜(00:56)
  • レポート課題発表
  • 01:28:00〜

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全6回 2014年8月24日公開
    WordPressを使ってまとめサイトを作る(2)【5回 /全6回】

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

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

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

    今日は、おなじみのサイトのRSSフィードを引っ張って来て、自分の作ったWordPressサイトに表示させてみようという授業です。また、自分の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回)」で学んだプラグインがインストールされていることを前提として授業が進んでいきますので、こちらを事前に受講される事をオススメします。

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう!