はじめる!WordPress入門

サイトの設計

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
WordPressでブログサイトを作ってみましょう。まずはWordPressを使ってどのように作っていくか設計を行うことが大切です。
講師:
06:08

字幕

このレッスンでは WordPress での サイトの設計について学習します。 WordPress でサイトを作る場合には 慣れないうちはサイトの設計を しっかりと行っておくと良いでしょう。 どのようなサイトを どんな機能を使って作るのか また、必要なテンプレートは何かを 最初にまとめておくと サイトの制作がスムーズに進みます。 このレッスンではごく一般的な ブログサイトを作っていきたいと思います。 ブログサイトに必要な機能を 次のように書き出してみました。 WordPress のメニュー機能を使って ヘッダーナビゲーションを表示します。 ウィジェットを使って サイドバーを表示してみましょう。 サイトの背景はカスタム背景を使って 表示してみたいと思います。 投稿には、ごく一般的なブログにあるような コメント・カテゴリー・タグを 表示してみましょう。 また、サイドバーに表示する 記事のリストには ポストサムネール機能を使って 画像を表示してみましょう。 次に用意するテンプレートを 纏めます。 このブログサイトを作るのに 必要なテンプレートは トップページ index.php を使って 表示します。 トップページには記事を 5件ずつ表示してみます。 次に sidebar.php を使って サイドバーを用意します。 サイドバーには、ウィジェットを 使用できるように ダイナミックサイドバーにします。 それから single.php を使って 投稿ページを pege.php を使って 固定ページを表示します。 カテゴリーやタグ、日付別などの アーカイブページには、 すべてまとめて archive.php を使って 表示してみましょう。 その他にインクルードするテンプレートとして header.php footer.php post.php post-page.php commnets.php を用意します。 post.php はトップページや 投稿ページから読み込む 実際に一件分の記事を表示するための カスタムパーツです。 同じく post-page.php は 固定ページ用の実際の記事の 詳細部分を表示する テンプレートを作ります。 このように WordPress で サイトを作成する場合には そのサイトの企画段階や デザインを作成する過程で 実際に WordPress の どの機能やテンプレートを使って サイトを構築できるのかを 考えながら作っていくと良いでしょう。 それでは実際にサイトを作っていく前に これからどのようなサイトを作るのか 完成版を見てみたいと思います。 サイトに移動します。 これが今回制作するブログサイトです。 今回は完成版のサイトを 別に作っていますが 実際には、このような完成図を デザインを作って 実際のコーディングを検討していきます。 サイドバーには、カレンダーや 最近の投稿 最近のコメントや 月別のアーカイブのリスト タグクラウドを表示しましょう。 最近の投稿には 画像が設定されているものには ポストサムネールの画像を 表示するようにしたいと思います。 ヘッダーにはサイト名と メニュー機能を使った ナビゲーションを表示します。 CATEGORY はカテゴリーのリストが プルダウンで表示されるようにしてみます。 カテゴリーや月別の アーカイブのリストには タイトル部分にカテゴリーや日付を 表示したいと思います。 また記事の詳細ページには 本文の下に コメントの一覧と コメントの入力欄を 表示してみましょう。 固定ページは 投稿ページの詳細とは 少しレイアウトを変えて 表示してみたいと思います。 WordPress を使えば このようなオリジナルのデザインのブログを とても簡単に作ることができますが 実際にブログを作るには 通常のウェブサイトを制作するのと同様に 最初にしっかりとした設計や デザインを行っておく必要があります。 このレッスンでは WordPress での サイトの設計について学習しました。

はじめる!WordPress入門

ブログ作成ツールやCMSとしてもっともポピュラーなWordPressを使えば、ブログだけでなく一般的なサイトでも簡単に無料で作ることができます。このコースでは初めての方を対象にWordPressをインストールから実際のサイト構築まで丁寧に解説していきます。

7時間01分 (89 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
カテゴリー
ウェブデザイン
CMS
価格: 3,990
発売日:2014年01月14日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。