Colorsテーママニュアル

テーマインストールBack to top

まずはじめにCreative Marketからダウンロードしたzipファイルを解凍し、「colors.zip」ファイルを準備します。

Colorsテーマのインストールは次の2つの方法から選択できます。

1. 管理画面からインストールBack to top

管理画面の外観 > テーマから「新規追加」をクリックします。

「テーマのアップロード」をクリックします。

「colors.zip」ファイルを選択し、「今すぐインストール」をクリックします。

「有効化」をクリックします。

以上でインストールは完了です。

2. FTPからインストールBack to top

「colors.zip」ファイルを解凍し、「colors」フォルダを準備します。

「colors」フォルダを「…/wp-content/themes/」内にFTPアップロードします。

管理画面の外観 > テーマからColorsテーマの「有効化」をクリックします。

以上でインストールは完了です。

すでにアイキャッチ画像付きの投稿がある場合、テーマインストール後にRegenerate Thumbnailsプラグインをインストールし、画像の再生成を行って下さい。これによってテーマにあったサイズのアイキャッチ画像が自動で生成されます。

プラグインインストールBack to top

テーマをインストールすると、次のプラグインをインストールするようお知らせが表示されます。

  • JetpackはWordPressに様々な機能を追加するプラグインです。フロントページ上部の「おすすめコンテンツ」、 投稿下の「関連記事(関連する投稿)」を使用したい場合はインストールして下さい。
  • WP Instagram WidgetはInstagramを表示するウィジェットを追加するプラグインです。ページ下部の「Instagramウィジェット」を使用したい場合はインストールして下さい。

プラグインをインストールするには、「Begin installing plugins」をクリックします。

インストールするプラグインをチェックして、「Install」を選択し、「適用」をクリックします。

プラグインのインストールが完了するまで待機します。プラグインのインストールが完了したら、「Return to Required Plugins Installer」をクリックします。

有効化するプラグインをチェックして、「Activate」を選択し、「適用」をクリックします。

以上でプラグインのインストールは完了です。

Jetpackプラグインの設定Back to top

管理画面のJetpackから「Jetpackと連携」をクリックします。

Jetpackのページに移動したら、「承認する」をクリックします。

プランのページに移動したら、「無料」をクリックします。

管理画面のJetpackに戻ったら「おすすめの機能の有効化」をクリックします。「このステップをスキップ」をクリックし、マニュアルで機能を有効化することもできます。

以上でJetpackプラグインの設定は完了です。

カスタマイズBack to top

Colorsテーマは以下のカスタマイズが可能です。

フォント・カラーBack to top

カスタマイズ > フォントから見出しと本文のフォントをそれぞれ設定することができます。

カスタマイズ > カラーからヘッダー背景色・ウィジェット背景色・フッター背景色・リンクカラーを設定することができます。

サイトタイトル・キャッチフレーズBack to top

カスタマイズ > サイト基本情報からサイトタイトルとキャッチフレーズを設定することができます。キャッチフレーズは非表示にすることもできます。

カスタマイズ > タイトルからタイトルのフォントを設定することができます。

カスタマイズ > ロゴからロゴを設定することができます。

ヘッダーメニューBack to top

外観 > メニューもしくはカスタマイズ > メニューからメニューを設定することができます。

設定しなければページ一覧が表示されます。

ヘッダーソーシャルリンクBack to top

外観 > メニューもしくはカスタマイズ > メニューからメニューを設定することができます。

テキストは表示されず、アイコンのみが表示されます。設定しなければ表示されません。

ナビゲーションバーBack to top

外観 > メニューもしくはカスタマイズ > メニューからメニューを設定することができます。

カテゴリーメニューを設定するのがおすすめです。設定しなければ表示されません。

Jetpackをインストールすると、カスタマイズ > おすすめコンテンツの項目が追加されます。ここから表示したい投稿を設定することができます。

最初の投稿の表示・投稿の表示Back to top

カスタマイズ > 投稿からブログホームページでの投稿の表示を設定することができます。また、アイキャッチ画像・カテゴリー・投稿者名・日付・コメント数・投稿者プロフィール・投稿ナビゲーションを非表示にすることもできます。

カテゴリーカラーBack to top

カスタマイズ > カテゴリーカラーからそれぞれのカテゴリーの色と画像を設定することができます。

サイドバーBack to top

外観 > ウィジェットもしくはカスタマイズ > ウィジェットからウィジェットを設定することができます。

通常のサイドバーです。サイドバーも固定サイドバーも使用しない場合、1カラムデザインになります。

固定サイドバーBack to top

外観 > ウィジェットもしくはカスタマイズ > ウィジェットからウィジェットを設定することができます。

PCではスクロールに追随して表示されます。なお、ここにAdSenseを貼るとAdSenseの規約(広告の追随禁止)に違反しますので注意して下さい。

InstagramウィジェットBack to top

外観 > ウィジェットもしくはカスタマイズ > ウィジェットからInstagramウィジェットを設定することができます。

WP Instagram Widgetをインストールすると、Instagramウィジェットが追加されます。これをこのウィジェットエリアに追加し、次のように設定して下さい。

外観 > ウィジェットもしくはカスタマイズ > ウィジェットからウィジェットを設定することができます。

フッターウィジェットエリアは左から順に4つあり、使用する数によって幅が自動的に調整されます。1つも使用しない場合は表示されません。

外観 > メニューもしくはカスタマイズ > メニューからメニューを設定することができます。

テキストは表示されず、アイコンのみが表示されます。設定しなければ表示されません。

外観 > メニューもしくはカスタマイズ > メニューからメニューを設定することができます。

設定しなければ表示されません。

カスタマイズ > フッターからフッターテキストを設定することができます。また、クレジットを非表示にすることができます。

カスタムCSS・カスタムGoogleフォントBack to top

カスタマイズ > カスタムCSSからカスタムCSSおよびカスタムGoogleフォントを設定することができます。

カスタムウィジェットBack to top

Colorsテーマは次の3つのカスタムウィジェットを用意しています。

  • Colors プロフィール: 写真やソーシャルリンクとともにプロフィールを表示します。
  • Colors 広告: サイドバーで余白無しのテキストを表示します。
  • Colors 最近の投稿: 最新の投稿を画像付きで表示します。
  • Colors 注目の投稿: おすすめコンテンツに設定された投稿を表示します。

管理画面の外観 > メニューから「新規メニューを作成」をクリックします。

メニューの名前を自由に入力して「メニューを作成」をクリックします。

追加したいページを選択し「メニューに追加」をクリックします。リンクやカテゴリーを追加することもできます。また各項目はドラッグで順番を変更できます。

メニューの項目・順番が決まったら、テーマの位置でメニューを表示したい場所を選択し、「メニューを保存」をクリックします。

以上でメニューの設定は完了です。さらに別のメニューを設定する場合は再び「新規メニューを作成」から行って下さい。

以下のWebサービスおよびRSSフィードへのリンクには自動でアイコンが追加されます。
CodePen・Digg・Dribbble・Dropbox・Facebook・Flickr・Google+・GitHub・Instagram・LinkedIn・Pinterest・Polldaddy・Pocket・reddit・Skype・StumbleUpon・Tumblr・Twitter・Vimeo・WordPress・YouTube

投稿Back to top

投稿画面のフォーマットから投稿フォーマットを選択することができます。対応しているフォーマットは標準・アサイド・音声・チャット・ギャラリー・画像・リンク・引用・ステータス・動画です。

それぞれの表示がどのようになるかはライブデモの投稿フォーマットカテゴリーをご覧下さい。なお、投稿フォーマットは必ずしも使う必要は無く、画像や動画の投稿であっても標準として投稿しても問題ありません。

また、アイキャッチ画像からアイキャッチ画像を設定することができます。

Jetpackをインストールし、Jetpack > 設定からRelated Posts(関連記事)を有効化します。

設定 > 表示設定関連記事の項目が追加されるので、そこから表示を設定することができます。

ページBack to top

固定ページ画面のページ属性テンプレートからページテンプレートを選択することができます。用意されているページテンプレートは通常ページサイドバー無しページ全幅ページの3つです。

また、アイキャッチ画像からアイキャッチ画像を設定することができます。

コンタクトページの作成Back to top

Jetpackをインストールし、Jetpack > 設定からContact Formを有効化します。

固定ページ画面の「お問合せフォームを追加」をクリックします。

フォームを設定し、「このフォームを投稿に追加」をクリックします。

コードが追加されていることを確認します。

プレビューや公開してページを見ると、フォームが表示されます。

アップデートBack to top

Colorsテーマのアップデートは次の2つの方法から選択できます。

テーマファイルを直接変更している場合、テーマをアップデートするとその変更は失われてしまいます。これを避けるためには子テーマを使用して下さい。

1. 管理画面からアップデートBack to top

管理画面からアップデートするためには、一度古いテーマを削除して新しいテーマをインストールし直すことが必要です。テーマの設定は自動で引き継がれます。

新しい「colors.zip」ファイルを準備します。

管理画面の外観 > テーマで別のテーマを有効化します。

Colorsの「テーマ詳細」をクリックします。

「削除」をクリックします。

古いテーマが削除されたら、「新規追加」をクリックします。

「テーマのアップロード」をクリックします。

「colors.zip」ファイルを選択し、「今すぐインストール」をクリックします。

「有効化」をクリックします。

以上でアップデートは完了です。

2. FTPからアップデートBack to top

FTPからアップデートするためには、一度古いテーマを削除して新しいテーマをインストールし直すことが必要です。テーマの設定は自動で引き継がれます。

新しい「colors.zip」ファイルを解凍し、「colors」フォルダを準備します。

FTPでアクセスし、「…/wp-content/themes/colors/」フォルダを削除し、新しい「colors」フォルダを「…/wp-content/themes/」内にアップロードします。

以上でアップデートは完了です。