検索対象:

WordPress4.7の新テーマTwenty Seventeen


2016年12月6日、WordPressが4.7(Vaughan)にバージョンアップされました。

WordPress、4.7にバージョンアップ

新たなテーマとして、Twenty Seventeenが搭載されています。
Twenty Seventeenをお使いになる場合は、以下の操作を行ってください。

  1. [外観]→[テーマ]を選択する
  2. [テーマ]画面の[新規追加]ボタンをクリックする
  3. 上側のメニューで[最新]または[注目]を選択する
  4. [テーマ]画面にTwenty Seventeenが表示される
  5. Twenty Seventeenテーマ上にポインタを合わせて、[インストール]ボタンをクリックする
  6. [有効化]ボタンをクリックする

有効化したら、[サイトを表示]を選択して実際のWebサイトの様子を確かめましょう。

ヘッダー画像が表示され、右下の[↓]をクリックすると画面がスクロールします。


Twenty Seventeenのカスタマイズ

[外観]→[カスタマイズ]を選択すると、[カスタマイズ]パネルが表示されます。
Twenty Seventeenのカスタマイズメニューでは、以下の7項目を設定できます。

  1. サイト基本情報
  2. ヘッダーメディア
  3. メニュー
  4. ウィジェット
  5. 固定フロントページ
  6. 追加CSS

それぞれの項目をクリックすると、詳細画面が表示されます。

Twenty Seventeenでは、[カスタマイズ]パネルのプレビュー上に、3つの鉛筆アイコンが表示されます。

左上の鉛筆アイコンをクリックすると、[カスタマイズ]パネルの「ヘッダーメディア」が表示され、ヘッダー用の画像や動画を指定できます。

サイトタイトルやキャッチフレーズ横の鉛筆アイコンをクリックすると、[カスタマイズ]パネルの「サイト基本情報」が表示され、よりスピーディに編集できます。

サイト基本情報

「サイトのタイトル」や「キャッチフレーズ」の入力、サイトアイコンの設定を行います。

[カスタマイズ]パネルの[配色]では、全体の配色を「ライト」、「ダーク」、「カスタム」から選択できます。
「ライト」は白背景を基調の配色、「ダーク」は黒背景を基調の配色です。
「カスタム」を選択した場合は、カラーバーが表示されるので、好みの配色を指定します。また、「ヘッダーテキスト色」も合わせて指定しましょう。

ヘッダーメディア

ヘッダー用の動画や画像を指定します。
動画を設定するには、[動画を選択]ボタンをクリックして、動画を選択します。

その下の欄には、YoutubeのURLを直接入力して指定することも可能です。

ヘッダー画像を設定するには、[新規画像を追加]ボタンをクリックして、画像を選択します。
「おすすめヘッダーをランダム表示」をONにすると、ヘッダー画像がランダムに変化します。

メニュー

メニューの内容を指定します。
[外観]→[メニュー]であらかじめ指定しておき、微調整をするときにこのメニューを使うほうがわかりやすいかもしれません。

ウィジェット

ウィジェットの内容を指定します。
「サイドバー」、「フッター1」、「フッター2」に、それぞれ指定できます。
なお、今までに設定されていたウィジェットは、テーマを切り替える際に自動的に退避されます。

固定フロントページ

「固定ページ」をトップページに配置するときに指定します。
トップページには、通常は、「最新の投稿」が表示されるようになっています。「固定ページ」をチェックすると、「フロントページ」と「投稿ページ」を指定できるようになるので、それぞれ該当の「固定ページ」を指定します。

追加CSS

CSSをカスタマイズするときは、このパネル上に追加していきます。
Twenty Sixteenでは、[外観]→[テーマの編集]を選択してstyle.cssをカスタマイズしていました。[テーマの編集]でカスタマイズする場合、コメント文を設定しておかないと、「どこまでが自分でカスタマイズしたものであるか?」がわかりにくくなってしまいます。

「追加CSS」には、ご自身でカスタマイズしたCSSのみを記述していきます。このため、既存のCSSとご自身でカスタマイズしたCSSを明確に切り分けることができるので、CSSのカスタマイズも行いやすくなります。



『WordPress はじめてのデザイン&カスタマイズ入門』
ブログ・サイトの改善方法がわかる

WordPressはじめてのデザイン&カスタマイズ

著 者:茂木葉子、岩本修
監修者:星野邦敏、吉田裕介
出版社:技術評論社
ISBN978-4-294-10362-0
292ページ
2,580 円
2019年1月25日発売

WordPress4.7:ツールバーが変わりました


サクサクわかるWordPress
サクサクわかるWordPress

2016年12月6日、WordPressが4.7(Vaughan)にバージョンアップされました。
これに伴い、「投稿」画面や「固定ページ」画面のツールバーアイコンの位置が一部変更されています。

2段目にあった[見出し・段落]リスト
→→1段目の左端へ移動

1段目にあった[打ち消し]ボタン
→→2段目左端へ移動

1段目にあった[横ライン]ボタン
→→2段目左端から2つ目へ移動

2段目にあった[下線]ボタン
→→削除

2段目にあった[両端揃え]ボタン
→→削除


『はじめの一歩!サクサクわかるWordPress』では、バージョン4.6の環境で図版を撮影しています。
バージョン4.7の環境でお使いの場合には、アイコンの形状を確かめつつ操作をお願いいたします。

※ABCマークの[文書の校正]ボタンは、Jetpackがインストールされているときに表示されます


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


『サクサクわかるWordPress』:概要


サクサクわかるWordPress
サクサクわかるWordPress

はじめてWordPressに触れるあなたのための一冊

本書に興味を持っていただき有難うございます。

WordPress(ワードプレス)を使ってWebサイトを制作する企業や団体が増えてきました。
そのWordPressの評判を知って、あなたも本書を手にしてくださったのではと思います。

「使ってみたい。でも、私でも使えるのかな?」
「画面見たけど、ちょっと難しくて……」
「美しいサイトを手早く作りたい!」

本書は、あなたの声に応えます。
内容は大きく3つに分かれています。

準備編(0章)
制作前の準備や、知っておきたいことをご紹介しています。

基本編(1章~6章)
標準搭載の「Twenty Sixteen」テーマ上で制作しながら、確実に押さえておきたい機能をご紹介しています。

実践編(7章)
Webサイトをまるごと制作します。
2種類のWebデザインをご用意しました。
手順どおりに作っていくだけで、あなたのWebサイトが完成します。

「今、すぐにサイトを作りたい! 」場合は、0章に目を通した後、すぐに7章に着手してくださってOKです。
そして、Webサイトを作り終えたところで、1章~6章に戻って機能を復習することもできるようになっています。

あなたがWebサイトを制作する本来の目的は「サイトを手早く作って情報を発信すること」ですね。
でも、WordPressを目の前にすると、どうも難しそうに見えて手が止まってしまう……。
それは、本当にもったいない話です。

最初の一歩を踏み出すことができれば、WordPressは、Webサイトの制作の楽しさや可能性を広げてくれます。とてもワクワクするツールです。
ぜひ、あなたにもその世界を楽しんでいただきたいです。

本書は、WordPressを使ってWebサイトを制作するあなたを応援します。

本書を読まれることで、WordPressのはじめの一歩をラクラク踏み出せることを願っています。


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


『サクサクわかるWordPress』:追加情報


サクサクわかるWordPress
サクサクわかるWordPress

『サクサクわかるWordPress』に関する追加情報をまとめました。
ぜひ、お役立てください。

ショートカットが追加されました

2016年12月6日、WordPress4.7へのバージョンアップに伴い、[段落・見出し]メニューにショートカットが追加されるようになりました。
続きを読む→

ツールバーのボタンの位置が変更されました(p53)

2016年12月6日、WordPress4.7へのバージョンアップに伴い、ツールバーの位置が変更されています。アイコンの模様を確かめながら操作をお願いいたします。
続きを読む→

ナビゲーションメニューを設定する(p203)

Kichu右上のナビゲーションメニューでそれぞれの「投稿」を選択できるようにするには、「メニューの設定」が必要です。
続きを読む→

日本語でつけた画像名が文字化けする(p238・p241)

日本語で名前を付けた画像をアップロードしたときに、日本語が文字化けする現象が発生しています。
続きを読む→

WordPress.com画面が異なる(p153)

153ページの「4タイプを選択する」のWordpress.com画面は、日本語で表示される場合があります。
続きを読む→

Jetpackのメニュー項目(p158、p233)

Jetpackのメニューが、本書内では[ダッシュボード]と[設定]の2つになっています。現在は、バージョンアップされて、[ダッシュボード]、[設定]、[サイト統計情報]の3つのサブメニューが表示されます。
続きを読む→

「固定ページ」に[お問合せフォームを追加]ボタンが表示される(p236~p239、p242)

現在、Jetpackプラグインをインストール&有効化しているので、「固定ページ」には、[メディアを追加]ボタンの右側に[お問合せフォームを追加]ボタンが表示されます。
続きを読む→


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


『サクサクわかるWordPress』:目次


サクサクわかるWordPress
サクサクわかるWordPress

序章

0-1  「作りたいサイト」を視覚化しよう
0-2  WordPressは、どういうソフト?
0-3  WordPressをインストールする
0-4  WordPressにログインする

Chapter1 ダッシュボード、ここは確実に押さえよう

1-1  ダッシュボードは、3つの領域でできている
1-2  「ナビゲーションメニュー」を使ってみる
1-3  「サイトのタイトル」と「キャッチフレーズ」を設定する
1-4  「ディスカッション」をOFFにする
1-5  「パーマリンク」の設定を変更する

Chapter2 記事を書いて公開しよう

2-1  記事を書いて公開する
2-2  「投稿」を削除する
2-3  テキストにスタイルや色を設定する
2-4  リンクを設定する
2-5  「ビジュアルモード」と「テキストモード」
2-6  「カテゴリー」を設定する
2-7  「タグ」を設定する
2-8  「固定ページ」を作成する

Chapter3 「テーマ」を変えてデザインを刷新しよう

3-1  基本の「テーマ」を確かめる
3-2  「特徴フィルター」で目的に合うテーマを探し出す
3-3  テーマを編集する(カスタマイズ)
3-4  テーマの賢い選び方

Chapter4 メディアを追加しよう

4-1  画像を挿入する
4-2  Webに適した画像を作る
4-3  音声や動画を埋め込む

Chapter5 プラグインで機能を強化しよう

5-1  基本の「プラグイン」を使える状態にする
5-2  Contact Form 7でお問い合わせフォームを設置する
5-3  Jetpackで複数の機能を一括強化する
5-4  プラグインのタイプは3種類

Chapter6 WordPressをさらに便利に活用しよう

6-1 「ウィジェット」で各種リンクを効率的に設定する
6-2 「フロントページ」でWebのトップページを制作する
6-3 「メインメニュー」を設置する

Chapter7 実践編! サイトまるごと制作しよう

7-1  【Kichu】色を楽しむデザイン
7-2  【Syntax】写真を楽しむデザイン


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


[お問合せフォームを追加]ボタンが表示される


サクサクわかるWordPress
サクサクわかるWordPress

236ページ
2「タイトル」を入力する」
3 Webページを公開する」

237ページ
1[メディアを追加]ボタンをクリックする」

238ページ
6[更新]ボタンをクリックする」

239ページ
1[新規追加]ボタンをクリックする」
2「タイトル」を入力する」

242ページ
4[公開]ボタンをクリックする」

上記の「固定ページ」入力画面には、本書内の図版では[メディアを追加]ボタンのみ表示されています。

実際は、Jetpackプラグインをインストール&有効化していますので、[メディアを追加]ボタン右横に[お問い合せフォームを追加]ボタンが表示されます。

訂正してお詫びいたします。


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


Jetpackのメニュー項目


サクサクわかるWordPress
サクサクわかるWordPress

対象箇所:158、233ページ(Jetpackのメニュー項目)

Jetpackのメニューに関して、本書内では[ダッシュボード]と[設定]の2つになっています。

現在はバージョンアップされて、[ダッシュボード]、[設定]、[サイト統計情報]の3つのサブメニューが表示されます。


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


WordPress.com画面が異なる


サクサクわかるWordPress
サクサクわかるWordPress

対象箇所:153ページ(WordPress.com画面が異なる)

153ページの「4タイプを選択する」のWordpress.com画面は、日本語で表示される場合もあります。

画面に表示される内容や手順が異なる場合も、実際に表示された画面の指示に従って操作してください。


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の追加情報
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売