WordPress3.8対応 これならつくれる! おしゃれなホームページ

概 要

今人気のWorsPressを使って、おしゃれな自分だけのホームページを手軽に作りたい! そんな願いをかなえるおしゃれなテンプレートと素材が満載のWorsPressサイト構築入門書です。本書は、HTMLやCSSを知らない初心者を対象に、レンタルサーバの申し込みから、WordPressのインストール、テーマの設定、デザインの変更、着せ替え手順まで丁寧に解説します。有料のテーマやプラグインは使わず、本書でしか手に入らない完全無料のオリジナルテーマ&素材も1000点用意しているので、好みのテーマや素材を選んで解説手順どおりに進めていくだけで、あっという間にプロ並のホームページが作れます。テーマと素材のダウンロードサービス付き。

著者 谷口貴子、松井淳治、松井英子
価格 本体2500円(税別)
ISBN 978-4-7980-4092-9
発売日 2014/4/2
判型 B5変
色数 4色
ページ数 240
CD/DVD
対象読者 初級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

1章 収録テーマについて

1-1 デザインの概要

6パターン×4タイプ×5色=120種類

デザインのテイストはこの6パターン

レイアウトはこの4タイプ

カラーバリエーション

素材のダウンロード

テーマの構成

着せ替え素材

1-2 テーマ一覧

テーマ一覧の使い方

ヨーロピアン(ピンク)

ヨーロピアン(ブルー)

ヨーロピアン(グリーン)

ヨーロピアン(トリコロール)

ヨーロピアン(ベージュ)

ポップ(トリコロール)

ポップ(ピンク)

ポップ(ブルー)

ポップ(イエロー)

ポップ(グリーン)

エレガント(ピンク)

エレガント(ブルー)

エレガント(ピンクベージュ)

エレガント(スターリースカイ(ネイビー))

エレガント(グリーン)

ゆるふわ(ブルーグリーン)

ゆるふわ(ピンク)

ゆるふわ(イエローグリーン)

ゆるふわ(オレンジ)

ゆるふわ(アクア)

ナチュラル(オレンジ)

ナチュラル(グリーン)

ナチュラル(ピンク)

ナチュラル(ブルー)

ナチュラル(ベージュ)

シンプル(ブルー)

シンプル(ピンク)

シンプル(ホワイト)

シンプル(ベージュ)

シンプル(ネイビー)

2章 WordPressを準備する

2-1 サーバーを準備する

サイトを公開する場所を用意する

申し込みをしよう!

2-2 FTPを使う準備をする

FTPとは

FTPソフトを準備しよう!

2-3 WordPressをインストールする

WordPressをインストールしてみる

簡単インストールの画面を開く

2-4 アクセス制限をかける

アクセス制限を設定する

3章 テーマを設定する

3-1 テーマを構成するパーツ

テーマの各箇所の管理画面での設定場所

3-2 テーマをインストールする

テーマをインストールする手順

テーマをダウンロードする

テーマをインストールする

テーマを有効化する

管理画面からインストールできないときは?

3-3 テーマを設定する

テーマを設定する手順

サイト名と説明文を設定する

ウィジェットを設定する

TOPページを設定する

TOPページに記事を書いてみよう!

3-4 管理画面の説明

管理画面の各エリアの名称

各機能の説明

4章 デザインを設定する

4-1 ヘッダーのデザインを設定する

ヘッダーの種類

テキストを変更する

ヘッダーのデザインを変更する

FTPで変更する場合

ソーシャルボタンにリンクを貼る

4-2 グローバルナビゲーションを作る

グローバルナビゲーションにメニューを入れる手順

固定ページを作成する

グローバルナビゲーションに表示させるメニューの設定を行う

メニューの表示を並び替える

4-3 サイドバーを設定する

サイドバーの構成

上部にバナー画像を入れる

中央部にカテゴリーリストを作成する

下部にウィジェットを表示させる

4-4 フッターメニューを設定する

オリジナルのフッターメニューを作成する

フッター用のメニューを作成する

固定ページを設定する

リンクを挿入する

カテゴリーを設定する

4-5 ビジュアルエディタ画面の使い方

ビジュアルエディタとテキストエディタ

ビジュアルエディタ画面での文字の装飾一覧

記事を編集してみる

4-6 記事に画像を挿入する

画像挿入の方法

横長の画像を挿入する

画像に文章を回り込みさせる

画像3枚を並べて挿入する

4-7 新着記事を自動表示させる

新着記事や写真を自動で更新する

TOPページに新着フォト一覧を設置する

ショートコードを設定する

WordPress 標準機能のフォトギャラリーを使ってみる

4-8 背景を編集する

背景を変更する手順

背景画像を設定する

画像の位置を設定する

背景色を変更する

背景色と画像を組み合わせる

4-9 メインビジュアルを変更する

メインビジュアルを変更する方法

あらかじめ準備されている4種類の画像の中から選ぶ

自分で用意した画像を、自分のパソコンからアップロードする

5章 デザインを変更する

5-1 文字を変更する

CSSを使って文字をカスタマイズする

ページ全体の書体と色を変更する

ロゴの書体を変更する

ロゴの文字色を変更する

その他の書体と色を変更する

5-2 ヘッダーのデザインを変更する

ヘッダーのデザインを差し替える

変更したいデザインを決める

FTPでアップロードする

ファイル上での画像の設定

5-3 サイドバーのデザインを変更する

サイドバーのデザインを差し替える

変更したいデザインを決める

FTPでアップロードする

ファイル上での画像の設定

5-4 コンテンツ部分のデザインを変更する

コンテンツ部分のデザインを差し替える

変更したいデザインを決める

FTPでアップロードする

ファイル上での設定

5-5 フッター部分のデザインを変更する

フッターのデザインを差し替える

変更したいデザインを決める

FTPでアップロードする

ファイル上での画像の設定

5-6 スライドショーを設置する

プラグインを使ってスライドショーを設置する

プラグインをインストールする

スライドショーを設定する

画像を登録する

スライドショーを記事に設置する

6章 着せ替え素材の使い方

6-1 素材の着せ替えをしよう

素材を使って画像を変更する

どこの画像を変更すればよいのか?

更新作業はFTPで

着せ替え素材をダウンロードする

6-2 素材の着せ替え方法

着せ替え方法は共通

着せ替え素材をダウンロードする

ファイル名を変更する

FTPでアップロードする

6-3 着せ替えパーツ

着せ替え可能なパーツ

リストアイコン

グローバルナビゲーション

サイドバー

コンテンツ用の見出し

TOPに戻るボタン

ソーシャルボタン

メインビジュアル枠

6-4 画像加工で使える素材

画像加工で活用できる素材

写真枠

サンプルバナー枠

6-5 着せ替え素材一覧

着せ替え素材

背景画像

ソーシャルボタン

グローバルナビゲーション背景

グローバルナビゲーションリストアイコン

親カテゴリーリストアイコン

フッターリストアイコン

TOPに戻る

メインビジュアル

メインビジュアル枠

見出し1

見出し2、3

サイドバーメニュー(3枚セット)

加工可能素材

タイトルロゴ背景

バナー背景

写真枠

PR

秀和システム