Graphyテーママニュアル

テーマ詳細 | テーマデモ

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

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

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

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

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

「graphy.zip(無料版)」または「graphy-pro.zip(有料版)」ファイルを選択し、「今すぐインストール」をクリックします。

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

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

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

「graphy.zip(無料版)」または「graphy-pro.zip(有料版)」ファイルを解凍し、「graphy」または「graphy-pro」フォルダを準備します。

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

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

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

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

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

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

  • JetpackはWordPressに様々な機能を追加するプラグインです。投稿下の「関連記事(関連する投稿)」を使用したい場合はインストールして下さい。Graphyは「無限スクロール」にも対応しています。
  • Smash Balloon Social Photo Feed(Instagram Feed)はInstagramを表示するプラグインです。ページ下部の「Instagramウィジェット」を使用したい場合はインストールして下さい。

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

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

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

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

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

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

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

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

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

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

Smash Balloon Social Photo Feedプラグインの設定Back to top

管理画面のInstagram Feedから大きなボタン「Connect an Instagram Account」をクリックします。

Instagramサイトでの連携承認を行い、管理画面に戻ったらプラグインの設定は完了です。

ウィジェットの設定方法はInstagramウィジェットをご覧ください。

カスタマイズBack to top

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

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

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

フォント ProBack to top

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

カラーBack to top

カスタマイズ > カラーからリンクカラーを設定することができます。

タイトル ProBack to top

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

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

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

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

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

メインナビゲーションBack to top

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

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

ヘッダー画像Back to top

カスタマイズ > ヘッダー画像からヘッダー画像を設定することができます。

ヘッダー画像はブログ一覧ページに表示されます。固定フロントページを使用している場合は、ヘッダー画像ではなくアイキャッチ画像を設定して下さい。

カスタマイズ > 注目の投稿からブログホームページのスライダーおよび「Graphy 注目の投稿」ウィジェットで表示する投稿を設定することができます。

投稿の表示 ProBack to top

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

カテゴリーカラー ProBack to top

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

サイドバーBack to top

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

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

固定サイドバー ProBack to top

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

PCではスクロールに追随して表示されます。

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

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

Instagramウィジェット ProBack to top

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

Smash Balloon Social Photo Feedプラグインをインストールし、カスタムHTMLウィジェットをこのウィジェットエリアに追加して下さい。そこに下記コードを挿入します。

[instagram-feed num=6 showheader=false showbutton=false showfollow=false]

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

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

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

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

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

カスタムCSS ProBack to top

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

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

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

  • Graphy プロフィール: 写真やソーシャルリンクとともにプロフィールを表示します。
  • Graphy 最近の投稿: 最新の投稿を画像付きで表示します。
  • Graphy 注目の投稿: 注目カテゴリーに設定された投稿を表示します。

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

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

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

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

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

以下の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 > 設定から関連投稿を有効化します。

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

ページBack to top

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

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

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

Jetpackをインストールし、Jetpack > 設定からコンタクトフォームを有効化します。

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

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

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

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

アップデートBack to top

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

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

1. 自動アップデートBack to top

Graphyテーマはアップデートされると管理画面のダッシュボード > 更新および外観で通知されます。

ダッシュボード > 更新でGraphyテーマを選択し、「テーマを更新」をクリックします。

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

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

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

新しい「graphy.zip」または「graphy-pro.zip」ファイルを準備します。

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

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

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

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

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

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

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

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

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

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

新しい「graphy.zip」または「graphy-pro.zip」ファイルを解凍し、「graphy」または「graphy-pro」フォルダを準備します。

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

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