WordPress 本格Webサイト構築パーフェクトマスター

概 要

WordPressは、簡単・デザイン性・機能的と三拍子そろった本格Webサイト構築ソフトです。WordPressがあれば難しいプログラム言語を知らなくても、一線級のプロが作ったホームページに劣らぬページが作れます。本書は、WordPressを使って、ブログやホームページ作成がはじめての人でも本格的なビジネスサイトや個人ブログを作る手順を解説します。また、Webデザインのワークフローなどプロの技もコラムで解説しています。

著者 音賀鳴海、アンカー・プロ
価格 本体2800円(税別)
ISBN 978-4-7980-4332-6
発売日 2015/10/8
判型 B5変
ページ数 596
CD/DVD
ダウンロード
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

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

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

サポート

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

サポート情報へのリンク

目次

Chapter 0 自分の夢を発信するために

0.1 WordPressは夢を実現する

0.1.1 WordPressでなきゃ

WordPressはそんなにすごいの?

大手のブログではダメなの?

0.1.2 WordPressによる夢の実現

Memo 世界ではじめてWebした人

WordPressなら何が実現可能なのか

0.2 WordPressから最新のWebページデザインを拝借する

0.2.1 スタイルの基本はテーマにある

世界中のWebデザイナーがテーマづくりに参戦

0.2.2 デザインは見た目と機能

Webデザインの両輪

テーマの差は機能

0.3 WordPressのショートストーリーを体験しよう

0.3.1 WordPressでつくる4つのWebサイト

WordPressでやりたいところを読んでください

Part 1 普通のOLがWebサイトづくりに挑戦

Chapter 1 そうだ!WordPressがあるじゃないか

WordPressで綴る物語

1.1 あのサイトもWordPressでできていたのがわかった話

1.1.1 WordPressの便利さを知ろう

WordPressでつくられたWebサイト

WebページのソースでWordPressを確認する

1.1.2 WordPressとは

WordPressの特徴

WordPressにはひな形が多くある

1.2 WordPressならHTMLを知らなくてもWebページがつくれる

Memo テーマは自分でつくれる

1.2.1 デザイン性の高いWebページが簡単にできた理由

デザインはテーマで決まり

Memo テーマの内容はよく検討しよう

デザインはCSSに従う

1.2.2 ブログとホームページの両方に対応

ホームページ作成に固定ページ機能を使う

Hint テンプレートファイルとWordPress関数

1.3 WordPressならプログラミングを知らなくてもカートが設置できる話

Hint 使っているテーマを知る

1.3.1 WordPressサイトの機能を体験する

プラグインを実感する

1.3.2 サイトに機能を簡単に設置できた理由

プラグインの選択

プラグインのカスタマイズ

Chapter 2 WordPressでブログをしてみる

2.1 ブログを始める前に

2.1.1 ブログとは

ブログの誕生と広がり

ブログの意味

2.1.2 ブログの法則

得するブログとは

得するブログのつくり方

A to Z ブログを書くときの人格

2.1.3 WordPressのブログ機能

ブログ機能

投稿パネル

Memo コンテンツの型

2.1.4 ブログで使うコンテンツ

WordPressブログで扱えるコンテンツ

ブログ用の写真撮影

Flickrの写真を拝借する

著作権の問題

2.2 WordPress.comでブログを始める

2.2.1 WordPress.com

2.2.2 Wordpress.comを準備する

WordPress.orgとWordPress.com

Column [com][org]はドメイン表示

WordPress.comのアカウントを取得する

2.2.3 WordPress.comのサインイン

WordPress.comにサインインする

Hint 何人かで記事を書きたい

2.2.4 WordPress.comへの新規投稿

新規投稿を公開する

投稿できる権限

Tips WordPress.comでダッシュボードに移動するには

2.3 もっと簡単に投稿したい

2.3.1 メールで投稿する

メール投稿を設定する(Post By Email編)

A to Z Jetpack by WordPress.com

2.3.2 スマホから投稿する

スマホのアプリで投稿する

WordPressのスマホ用レイアウト

Memo WordPress.comオリジナルの編集画面

2.3.3 Wordから投稿する

ブログアカウントを設定するには

Hint 投稿を分類するには

Wordからブログを投稿するには

既存の投稿をWordで編集するには

2.3.4 Word投稿とWordPress

Wordで作成したテキストのWordPressでの再現性

Wordで作成したテキスト以外のコンテツの再現性

2.4 投稿のオプション

2.4.1 下書きと公開

投稿のステータス

WordPress.comの新しい投稿画面

2.4.2 パスワード認証でページを保護

投稿のパスワード保護

Memo パスワードで保護された記事を読むには

Memo 新しい投稿画面でパスワード保護

2.4.3 公開日時を予約

設定した日時に自動で公開する

Memo 新しい投稿画面で予約する

Q&A

Chapter 3 これってどうやったらできるの

3.1 サーバーは借りて使う

3.1.1 レンタルサーバーにWordPressをインストールする

レンタルサーバーでWordPressを使えるようにする

3.1.2 レンタルサーバーのWordPress

XdomainのWordPressにログインする

3.1.3 ブログを引っ越す

WordPress.comのブログを引っ越すⅠ<エクスポート>

WordPress.comのブログを引っ越すⅡ<インポート>

3.2 ページデザインを変えてみる

3.2.1 テーマはページデザインをまとめて変える

テーマとは

Column 手動でアップロードしても使いたいテーマ

3.2.2 テーマでページデザインを変える

テーマを追加する

テーマを変更する

Hint 情報密度の高いWebページをつくりたいなら

Hint テーマの有料と無料の差は

3.2.3 テーマデザインをカスタマイズする

テーマの構造

標準テーマをカスタマイズする

3.3 機能を追加する

3.3.1 プラグインはできることを拡げる

プラグインとは

どんなプラグインが必要か

3.3.2 標準のプラグインを有効にする

例としてWP Multbyte Patchを設定する

Column 標準プラグイン

3.3.3 プラグインを変更する

プラグインを探す

おすすめプラグイン

Memo プラグインの更新

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

Hint プラグインのコンフリクト処理

Onepoint プラグインメニューについて

3.4 ウィジェットを編集する

3.4.1 ウィジェットはページ上のアプリ

ウィジェットの配置

ウィジェットの種類

ウィジェットを設定する

3.5 プラグインのPHPを編集する

3.5.1 PHPについて

HTMLとPHP

PHPの基本

3.5.2 例として[Hello Dolly]の歌詞を変える

プラグインの編集

3.6 テーマのCSSを編集する

3.6.1 CSSについて

CSSの基礎基本

Column CSSのサイズ単位

3.6.2 例として[Twenty Fifteen]を編集する

挿入した画像の上下余白を変更する

テーマ全体のフォントをOSごとに変更する

Column クラスを使ってフォントを指定するには

Notoフォントに変更する

Q&A

Part 2 リニューアル計画ただいま進行中!

Chapter 4 Webのビジュアルデザインを勉強しよう

4.1 Webデザインをかじってみる

Memo Webデザイナーに必要な技量

4.1.1 Webページのデザイン

デザイン全体を見渡すということ

Webデザイナーに必要とされること

4.1.2 Webデザインのワークフロー

制作の流れを立てるということ

4.2 ビジュアルデザインを知る

Hint いまどきのWebデザイン

4.2.1 レイアウトスタイル

レイアウトスタイルの思考

レイアウトの手書き

4.2.2 グリッドシステム

グリッドシステムでWebページをデザインする

4.2.3 アイデアの具現化

アイデアの生まれる瞬間

4.2.4 レイアウトの要素

グリッド

バランス

動線

リズム

対比

縦と横

アクセント

Memo ファーストインプレッション

4.2.5 文字による伝達

テキスト

アイコンとピクトグラム

ハイパーリンク

4.2.6 カラーによる伝達

色の三要素

配色

4.3 インターフェイスデザインについて考える

Hint サインデザインから学ぶ

4.3.1 マウスとキーボードによる操作

ボタンとピクトグラム

テキストリンク

プルダウンメニュー

Memo インタラクティブ・インターフェイスの効果

4.3.2 モバイル用ユーザーインターフェイス

スマホ用のメニュー

Q&A

Chapter 5 どんなホームページにするか考えよう

5.1 サイト構成を考えて完成形イメージを描こう

5.1.1 ページをデザインするときに最初に考えたいこと

誰のためのサイト

Column マキシマイザーかサティスファイザーか

つくる目的は

どんなコンテンツを載せるのか

5.1.2 ページの基本レイアウトのラフを描こう

ページをカラムで区切る

5.1.3 サイトの構成を考えよう

フロントページ

サイト構成

Column 使いやすさとわかりにくさ

5.1.4 パーマリンクについて

パーマリンク

5.1.5 パーマリンクをカスタマイズする

固定ページのパーマリンクを設定する

5.1.6 理想に近いテーマを選ぼう

多カラムのテーマ

特徴フィルターでテーマを検索する

レスポンシブレイアウト

5.2 固定ページのフロントページをつくろう

5.2.1 固定ページを作成する

固定ページ

固定ページを作成する

フロントページを固定ページにする

5.2.2 フロントページをカスタマイズする

テーマオプション

Spaciousのスライダー機能を設定する

Tips レイアウトデザインのポイント

5.3 サイト巡りのナビゲーションを配置する

5.3.1 カスタムメニューの作成

カスタムメニューの位置

カスタムメニューを作成する

5.3.2 カスタムメニューを配置する

メニューを配置する

Q&A

Part 3 税理士が事務所のサイトをつくる

Chapter 6 ビジネスサイトをつくるぞ

6.1 カスタマイズ前に子テーマを用意する

6.1.1 テーマの親子関係とは

親テーマと子テーマ

Column コンテンツはどこにある?

6.1.2 子テーマを作る

子テーマのディレクトリーを用意する

Column FTPクライアントソフト

子テーマ用のテンプレートファイルを用意する

子テーマに切り替える

6.2 子テーマでカスタマイズしてみる

6.2.1 ある会計事務所のWebサイトづくり

ビジネスサイト用のベーステーマ

6.2.2 子テーマでスタイルシートをカスタマイズする

ページ全体のフォントを変更する

6.3 テンプレートファイルをカスタマイズしてみる

6.3.1 テンプレートの中のCSS

HTMLとCSSのセレクタ

Memo バックアップ

6.3.2 ヘッダーのタイトルをカスタマイズする

サイトタイトルをカスタマイズする

6.3.3 ヘッダーに電話番号を載せる

ヘッダーテンプレートファイルをカスタマイズする

Column テンプレートエディターを拡張するプラグイン

6.4 WordPressをまとめて拡張してみる

6.4.1 Jetpackはプラグインのデパート

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

6.4.2 問い合わせフォーム

Jetpackのコンタクトフォームを設置する

受け取るメッセージ

6.4.3 ファビコンを設置してみる

Jetpackでサイトアイコンを設定する

6.5 ショートコードで地図を挿入してみる

6.5.1 WordPressショートコード

標準ショートコード

Memo HTMLのタグとタグ

Memo タクソノミーとカスタム投稿タイプ

6.5.2 Simple Mapで地図を挿入する

Google Mapを使うプラグイン

ショートコードで地図を表示する

6.6 Shortcodes Ultimateであのデザインをまねる

Memo ショートコードの結果はブラウザーで確認する

6.6.1 Shortcodes Ultimateの準備をする

Shortcodes Ultimateをインストール/有効化する

Shortcodes Ultimateのショートコードを挿入するには

6.6.2 コンテンツエリアのレイアウトをデザインする

ショートコードで複数の列に分割する

スペーサと仕切り線

Hint プラグインがバッティングする

6.6.3 Shortcodes Ultimateのビジュアルデザイン用ショートコード

ショートコードによるスライダー

二重線で上下を囲まれた見出し

テキストボックスを囲む

別サイトからの引用

同ページから引用したサブ見出し

簡単設定のドロップキャップ

6.6.4 Shortcodes UltimateのUIデザイン用ショートコード

ページにタブを配置する

ショートコードでボタンをつくる

スポイラーでコンテンツを整理する

Memo オンマウスで吹き出し

6.6.5 Shortcodes Ultimateのショートコードをカスタマイズする

ショートコードのカスタムCSS

カスタムCSSで見出しのデザインを変える

Q&A

Part 4 主婦がブログで小遣い稼ぎ

Chapter 7 ブログサイトをつくりましょう

7.1 主婦がブログサイトをつくってみた

7.1.1 私はどうしてブログサイトをつくるのかな?

ブログは何のため?

7.1.2 ブログサイトをデザインするわ

ブログサイトの構成を決める

ブログサイト用のベーステーマと作業方針

A to Z mesocolumnなど外国製テーマの日本語対応

7.2 ブログサイトを使いやすくしてみた

7.2.1 テーマの日本語化に挑戦する

テーマの日本語化に必要なもの

PoeditにPOTファイルを読み込む

POTファイルで翻訳をする

poファイルとmoファイルをアップロードする

Memo ほかからの引用

Memo 英語を恐れない

Column 英語表示を簡単に日本語化する裏ワザ

7.2.2 投稿の表示をカスタマイズするわ

投稿記事の抜粋とMoreについて

Hint 抜粋を表示するタグ

7.2.3 テーマオプションでカスタマイズするわ

Webマガジン風のレイアウトにしてみる

フロントページのレイアウト例

スライダーを付けてみる

レスポンシブデザインを確認してみる

Hint メンテナンス中

7.2.4 ブログサイトの機能を拡張してみる

機能拡張はテーマオプションとプラグインでする

7.3 ブログサイトにバナー広告を出してみる

7.3.1 リンクバナーを挿入する

mesocolumnでバナーを貼る

7.3.2 アフィリエイト

アフィリエイトのメリット

ASP

A8ネットで広告バナーのリンクコードを作成する

バナーをmesocolumnテーマのページに貼る

Memo タグクラウド

Memo Googleアドセンス

7.4 ブログサイトへの訪問数を増やすには

7.4.1 SNSとの共有は必要

集客の基本戦略とは

SNS共有化のプラグイン

Memo 404ページ

7.4.2 クロスポストをしてみる

Jetpackのパブリサイズ共有を設定する

同時にFacebookにも投稿する

7.4.3 SNSの「いいね」を設置してみる

Facebookの[いいね]ボタンを設定する

7.5 ブログの更新にWordを使ってみる

7.5.1 Wordのブログの投稿機能を使う

アカウントにWordPressを登録する

Tips ホームページビルダーでWordPressサイトを管理する

7.5.2 Wordドキュメントを投稿する

Word文書をWordPressに発行する

Column 投稿した記事をWordで再編集する

Q&A

Chapter 8 サイトへの訪問者を増やしましょう

8.1 どれくらいの人が見ているのか知りたい

8.1.1 サイト統計

サイト統計情報を見るための数字

せっかく来た訪問者をすぐに帰さない

Memo トラックバックとピンバック

8.1.2 Jetpackのサイト統計

WordPress.comで見るサイト統計情報

8.1.3 Google Analyticsのサイト統計

Google Analyticsを導入する

8.2 検索エンジンからの訪問者を増やすには

8.2.1 検索エンジンの最適化

SEOは誰にとって重要なのか

8.2.2 検索エンジンによる評価を上げる!?

Memo ネットショッピングで顧客を呼ぶために

Memo 内部対策と外部対策

8.2.3 SEOのできることをする

WordPress.comからリンクを張る

All in one SEO PackのSEO設定

Q&A

Part 5 サイトにEC機能を持たせる

Chapter 9 ネットショップを始めましょう

9.1 ECサイトをつくってみた

9.1.1 EC

ECとは

9.1.2 Welcartを設置する

EC機能が追加できるプラグイン

Tips ひきつける語句

9.1.3 Welcartショップの開店準備をする

商品登録前にショップの開店準備をする

その他の無料ECプラグイン

Tips YouTubeを埋め込む

Hint 国際便の設定

システム設定をする

クレジット情報を設定する

Memo 最低限必要なページ

9.1.4 Welcartショップの商品を陳列する

商品の画像について

商品を新規追加/編集する

Hint オンラインショップの手本

Tips 背景のぼけた写真の撮り方

商品カテゴリー

営業日を設定する

Tips Menuにアイコンを付ける

9.2 ECサイトの受注管理をする

9.2.1 受注から発送までを管理する

受注リスト

受注明細

顧客に送るメールの作成をする

9.2.2 会員データを編集する

会員リスト

Tips 会員データをExcel用ファイルにする

Hint テンプレートファイルの制御コード

9.3 会社サイトと別テーマのECページを合体させる

9.3.1 Welcart用のテーマ

Welcart Default Theme

Welcart専用ウィジェット

9.3.2 既存のテーマとWelcart専用テーマを合体させる

jonradio Multiple Themesプラグイン

Q&A

Appendix 資料編

Appendix 1 HTMLタグリファレンス

Appendix 2 CSSプロパティリファレンス

Onepoint 疑似要素

PR

秀和システム