書籍について

cov

ソフトバンククリエイティブ社から発売された書籍「自分で作れる!おしゃれなWebサイト」のサポートサイトです。

ソフトバンク クリエイティブ:自分で作れる!おしゃれなWebサイト

本書は、自分やお店のWebサイトを持ちたいと思っても「難しそう」とおもって敬遠してきてしまった方や、ブログサービスを使って作ったブログをWebサイト代わりにして来た方が、Webサイトを作るための解説書です。

WordPressという世界で最もよく使われているWebサイト構築ツールと、国内・海外の美しいテーマ(デザイン)を組み合わせて、自分だけの"おしゃれな"Webサイトを作りましょう。

サーポートサイトではオリジナルテーマのダウンロードやサンプルサイトを見ていただけます。

読者コミュニティのためのフォーラムもありますので、本書を買う前やサイト構築をしている中で出てきた疑問やアイデアを交換するなど気軽に書き込んで下さい。

shop_botan_amazon

目次

Chapter1 Webサイトを構築するための準備

1-01 Webサイトのしくみを知ろう
1-02 作業の流れを把握しよう
1-03 本書で扱うWordPressとは
1-04 WordPressの便利なところ
1-05 WordPressを触る前にテーマについて知っておこう
1-06 WordPressで構築されるサイトの基本構造
1-07 スマートフォンを意識したWebサイトを作ろう
1-08 自分の作りたいWebサイトを具体的にイメージしよう
1-09 記事に投稿する画像を用意しよう
1-10 画像加工ソフトを入手しよう
1-11 ロゴ画像の背景が透明なpngファイルを作る
1-12 Webページ上での色の扱い
1-13 Webサーバーを借りるには
1-14 自分のドメイン名(URL)を取得しよう
1-15 WebサーバーにWordPressをインストールする
1-16 WordPressのバージョンについて
1-17 WordPressの初期設定を行おう
1-18 WordPressの管理画面を知ろう
1-19 「テーマ」からWebページの基本要素を知ろう
1-20 WordPressの基本設定をしてみよう
1-21 投稿ページと固定ページはどう違う?
1-22 記事を投稿するには
1-23 メディアとは
1-24 コメントの設定をするには
1-25 ウィジェットとは
1-26 プラグインとは
1-27 Webページを作るHTMLとは
1-28 よく使うHTMLタグを知ろう
1-29 スタイルシート(CSS)とは
1-30 WordPressの半分はPHPでできている

Chapter2 ポートフォリオサイトを作る

2-01 作品を主役に見せていくサイト作り
2-02 Shotokuテーマの特徴を知ろう
2-03 テーマをインストールしよう
2-04 投稿記事を書く前にカテゴリーを作っておこう
2-05 更新の少ない固定ページから作ろう
2-06 グローバルナビゲーションを作成しよう
2-07 新規記事の投稿を始めてみよう
2-08 画像にクレジット表示を追加する
2-09 背景色を変えてみよう
2-10 背景にパターン画像を配置する場合
2-11 タイトルを画像に変更する
2-12 ページ下部のメニューの文字の大きさを変える
2-13 トップページの画像を 3列表示から2列表示にする
2-14 トップページに表示する 画像の数を変更する
2-15 403エラーが表示されたときは

Chapter3 情報の多いサイトを作る

3-01 情報量が多く、更新が多いサイト作り
3-02 Sightテーマの特徴を知ろう
3-03 テーマをインストールしよう
3-04 ロゴ画像のカスタマイズ
3-05 Webサイトのリード文を設定しよう
3-06 カテゴリーを作成しよう
3-07 固定ページを作成しよう
3-08 画面上部(ヘッダー)にメニューを入れる
3-09 外部Webサイトへのリンクをトップメニューに追加する
3-10 新規記事を投稿してみよう
3-11 トップページにスライドショーを表示する
3-12 ナビゲーションを作成する
3-13 SNSへのリンクを追加する
3-14 リード文の見た目と背景の色を変更する
3-15 サイドバーにブログパーツを取り付ける
3-16 見出しの英語表記を日本語に変える

Chapter4 ブログ風の見やすいサイトを作る

4-01 読みやすく、シンプルなブログ風サイトを作る
4-02 Originテーマの特徴を知ろう
4-03 テーマをインストールしよう
4-04 タイトルをロゴ画像に置き換えよう
4-05 フッターの表記を変更する
4-06 カテゴリーを作成しよう
4-07 固定ページを作成しよう
4-08 グローバルメニューを作成しよう
4-09 サイドバーにテキストを追加する
4-10 サイドバーにカレンダーを追加する
4-11 新規記事を投稿する
4-12 トップページにメインビジュアルを入れる
4-13 背景色を変更する
4-14 文字の色を変える
4-15 Webページに動画を埋め込む

Chapter5 名刺代わりのサイトを作る

5-01 シンプルに必要な情報を見せるサイト作り
5-02 Namazuテーマの特徴を知ろう
5-03 テーマをインストールしよう
5-04 タイトルをロゴ画像に置き換えよう
5-05 フッターの表記を変更する
5-06 カテゴリーを作成しよう
5-07 固定ページを作成しよう
5-08 グローバルナビゲーションを作成しよう
5-09 新規記事を投稿してみよう
5-10 トップページにメインビジュアルを入れる
5-11 問い合わせフォームを作る
5-12 背景や、線の色や太さを変更する