≪詳細説明≫無料テンプレート/テーマAPOLLO

APOLLOダウンロード方法

2015-03-01_134314 

テーマ配布サイトにアクセスして青いボタンをクリック

 テーマ配布サイト

2015-03-01_134103

Freeにチェックを入れると無料のテンプレート/テーマが表示されますので希望のテーマを選びます

2015-03-01_134136

Downloadをクリック

2015-03-01_134201

Downloadをクリックで自動でダウンロードが始まります

 

APOLLOインストール初期画面

※Apolloインストール後の初期画面です、なにもない状態です。この状態からのデモのようになるまで設定してみましょう。

APOLLO

arrow

att-apollo_1

att-apollo_2

記事を書く

記事のない状態ですとイメージがつかめませんので、とりあえず記事を作ります。「投稿」→「カテゴリー」で適当なカテゴリーを作り 記事を新規でつくります。

 

アイキャッチ画像の登録

次にアイキャッチ画像を設定します。

 ap-9


それだけで各記事のページはこのようになります。
※記事を最低8個ほど作成したほうがイメージがつかみやすいと思います。

ap-1

トップページのイメージ

今回、記事本文に画像を入れていませんが、 トップページを表示すれば、ほぼ完成イメージに近づいています。
※トップが表示されない場合はヘッダーのサイト名をクリックしてください。

このテーマはデフォルト状態でアイキャッチ画像が投稿の上部に、トップページではアイキャッチ画像が記事のサムネイルとして自動に表示されます。

※個別の記事でのアイキャッチ画像の表示は、テーマのカスタマイズメニューでアイキャッチ画像を表示しなくすることも可能です。

ap-2

テンプレート/テーマのカスタマイズ

外観→カスタマイズでは「サイトタイトルとキャッチフレーズ」「背景色」「背景画像」「ナビゲーション」「ウィジェット4箇所」「固定フロントページ」に加え「Custom Logo」「Theme Settings」「Social Links」が追加されます。それぞれの項目での設定可能項目は

Custom Logo

  • オリジナルのロゴが登録できます、今回作成したサイトでは「DIY WP DEMO」の箇所になります。

Theme Settings

  • Header Ad・・・ロゴの右側にバナーを表示できます、HTMLを直接記載します。
  • Custom Copyright・・・フッターの文字を直接記載します、リンクが必要な場合はHTMLで記載します。
    その他ここでは「サイト名の下にキャッチフレーズを表示する」「投稿ページ本文にアイキャッチ画像を表示する」「ソーシャルアイコンを表示する」の3点がチェックボックスで設定できます。

Social Links

  • フェイスブックなどのURL設定ができますが、上記「ソーシャルアイコンを表示する」をチェックしないとアイコンは表示されません。

ap-header

※ヘッダーには「Top Navigation(メニュー)」「ソーシャルボタン」「サイト名またはサイトロゴ」「キャッチフレーズ」「バナー」「Main Navigation(メニュー)」が設定できます。

ap-footer

※フッターには「Custom Copyright」「Footer Navigation」が設定できます。

 

テンプレート/テーマのTips

  • 記事ページのメイン部分の幅は700pxです。アイキャッチ画像を記事の上に表示する場合はアイキャッチ画像を700px以上で登録することをおすすめします。700px未満の場合は拡大表示されますので画像が荒く表示されてしまいます。
  • 上部のバナーエリアはデフォルトが468px×80pxです。ロゴとのバランスを考えて作成してください。
  • Theme Settingsに直接HTMLを記載します。

今回の作業完了イメージです、「サイド」「フッター(3箇所)」には好みのウィジェットを配置してくださいね。

 ap-15

お店や会社の場合はデフォルトのトップページをBLOGのトップにして、トップページを固定ページで作るのなんかもいいかもしれませんね。(少しテンプレート/テーマの改造が必要ですが)

2015-02-27_011857

日本語化ファイルがダウンロード出来ます、設置方法や内容については下記記事を参考にしてください。

利用規約

記事を共有Share on Google+Tweet about this on TwitterShare on FacebookEmail this to someonePrint this page
この記事は1年以上前に書かれたものです。情報が古い可能性があります、よく調べてから参考にしてください。m(__)m<DIYワードプレス管理者>