WordPressで作る
今日からはじめるウェブサイト

TOC

Chapter1 基礎を学ぼう

全体の流れ……10
Webページの仕組み……12
WordPressについて……15
テーマについて……18
Webサイトの基本構造……21
Webページの基本構造……24
WordPressで構築するWebサイト/ Webページ……26
Webページで使われる画像……28
ドメインについて……30
Webサーバー……33
ホスティングを利用し、Webサイトを運用するホスト(サーバー)を借りる……36
FTPとは……39
FTPソフトをインストールする……40
パーミッションについて……42
Cyberduckでファイルのパーミッションを変更する……44
HTMLのキホン……45
CSSのキホン……54

Chapter2 WordPressを知る

WoredPressのインストール……66
さくらインターネットのホストにWordPressをインストール……68
ロリポップ!のホストにWordPressをインストール……70
WordPressの管理画面……72
管理画面・ダッシュボードを知る……74
ユーザー……76
ツール……78……
設定……80
投稿……82
メディア……85
固定ページ……87
外観……92
外観からテーマをアップロードし有効化、設定をする……95
プラグイン……97
プラグインを新規追加する……100
Akismetの使い方……102

Chapter3 制作実践編1

オリジナルテーマ「GARDEN HOUSE」の特徴……108
オリジナルテーマ「GARDEN HOUES」のページ構造……110
インストールし、基本設定を行う……112
トップイメージの画像を設定をする……114
投稿・固定ページの画像の最適な画像サイズとは……116
ナビゲーションの基本設定……118
Retinaディスプレイで美しく見えるWebページにする……120
プラグインのインストールの方法/WP Retina 2xを利用する……122
本文の文字色、大きさなどを変更する……125
Webフォントを利用してタイトルを彩る……129
Google Fontsのサイト上でフォントを選ぶ……131
タイトルを画像(ロゴなど)に置き換える……134
ソーシャルボタンの設置……136
背景画像を変更する……140
背景画像の繰り返しの方法を変える……142
フッターウィジェットエリアを隠す……144
フッターの色を変える……146
本文の幅を変える……148
問い合わせフォームの作成をする……150
アイキャッチ画像を正方形にする……154

Chapter4 制作実践編2

オリジナルテーマ「Sugar」の特徴……158
オリジナルテーマ「Sugar」のページ構造……160
インストールし、基本設定を行う……162
トップイメージの設定……164
「Sugar」における画像の規定サイズとNo Image画像の変更……166
ナビゲーションの基本設定……170
本文の文字の大きさ、フォントを変える……172
一覧ページに表示される投稿記事の表示数を変更する……175
タイトルを画像(ロゴなど)に置き換える……176
トップページのイメージ画像をスライドショーにする……178
トップページ、サムネイル画像がない場合に記事だけで埋め尽くす……185
サイドバーの位置を左右で入れ替える……188
サイドバーの位置を下にしフッターの上に表示させる……190
サイドバーの色を変える……192
サイドバーのテキストの色を変更する……194
投稿ページにFacebookのコメント欄を埋め込む……196
アイキャッチ画像を正方形にする……202

Index……204