-
Notifications
You must be signed in to change notification settings - Fork 2
インストール ＆ カスタマイズ
Yuji Takayama edited this page Aug 14, 2013
·
3 revisions
- システムユーザーカスタムフィールドの作成
- テーマの適用
- Facebook App ID ウィジェットの内容に App ID を入力
- 各テンプレートフッター部のソーシャルボタンモジュールで url と title を設定
- Main Index
- Entry
- Page
- Entry Listing
- Search Results
- 再構築
- RSD
- Sitemap
- スタイルシート
- スタイルシートIE用 - IE8 以前のバージョン用フォールバックスタイル
- メインページ
- 最新記事のフィード
- ウェブページ - このブログについて ページの出力に使用する
- ブログ記事
- ブログ記事リスト - ユーザー、カテゴリ、月別アーカイブを出力
- Google Analytics - Google Analytics などのスクリプトコード
- HTML ヘッダー
- Zenback - Zenback のスクリプトコード
- ソーシャルボタン - ページのフッター、各記事に設置するソーシャルボタン群
- ナビゲーション - ページトップのナビゲーション
- バナーフッター
- バナーヘッダー
- フッタースクリプト - ページに読み込むスクリプト群
- ブログ記事の概要
- プロフィール画像 - 投稿者、プロフィール、ユーザー一覧で表示するプロフィール画像を表示するためのテンプレートモジュール
- ページネーション
- ユーザープロフィール - ユーザーのプロフィールブロック
- ダイナミックパブリッシングエラー - 予備
- ポップアップ画像
- 検索結果
- フッターコンテント01 - 広い画面のとき、フッターの右側ブロック、狭い時は上
- フッターコンテント02 - 広い画面のとき、フッターの左側ブロック、狭い時は下
- 関連コンテンツ - 広い画面のときサイドバー
- カテゴリアーカイブ
- サンプルウィジェット01
- サンプルウィジェット02
- ブログメンバー
- 月別アーカイブ
- 月別アーカイブ(ドロップダウン)
- 検索
| 名前 | 種類 | ベースネーム | テンプレートタグ | 必須 |
|---|---|---|---|---|
| 自己紹介 | テキスト(複数行) | cf_author_profile_text | mt:CFAuthorProfileText | 必須 |
| Twitter アカウント | テキスト | cf_author_twitter_account | mt:CFAuthorTwitterAccount | |
| Facebook アカウント | テキスト | cf_author_facebook_account | mt:CFAuthorFacebookAccount | |
| Google+ アカウント | テキスト | cf_author_google_account | mt:CFAuthorGoogleAccount |
このカスタムフィールドはテーマ適用時に作成される
| 名前 | 種類 | ベースネーム | テンプレートタグ | 必須 |
|---|---|---|---|---|
| OGP イメージ | 画像 | cf_entry_thumbnail | mt:CFEntryThumbnail |
記事ごと、ユーザーアーカイブごとに表示する投稿者情報。必須項目以外はがあれば表示する。
| 項目 | フィールド | 備考 |
|---|---|---|
| 名前 | 表示名 | 必須 |
| プロフィール画像 | プロフィール画像 | 未設定の場合は誰やねんアイコン |
| 自己紹介 | カスタムフィールド | 必須 |
| ブログ | ウェブサイト URL | |
| Twitter アカウント | カスタムフィールド | ユーザー名を記入 |
| Facebook アカウント | カスタムフィールド | https://www.facebook.com/XXXXXX |
| Google+ アカウント | カスタムフィールド | https://plus.google.com/XXXXXXX?rel=author |
プロフィール画像の有無を選択できる。
<$mt:Include module="<__trans phrase="Entry Summary">" hide_userpic="1"$>
アイテムを利用して、入れ替えできる。短辺320px以上の画像をアイテムとしてアップロードし、@SITE_ICON タグを設定。直近にアップデートされたものを使用するので、入れ替え時にこれまで使用していたものからタグを削除しなくてよい。設定のない場合は、デフォルトの画像を表示。
- ブログに画像アイテムをアップロード (短辺 320px 以上を推奨)
- アップロードした画像アイテムの編集画面を開く
- タグに @SITE_ICON を設定
- 保存、再構築
ブログ記事アーカイブでは、さらにカスタムフィールドを利用して、記事ごとに og:image を設定できる。短辺 320px 以上の画像をアップロードすることで、自動的に 320x320 の正方形に Crop される。
モジュールを読み込むときに、各ボタンの対象 URL とタイトルを設定できる
<$mt:Include module="<__trans phrase="Social Button">" url="http://blog.sixapart.jp/" title="Six Apart ブログ"$>
内容を入力して公開すると、ブログのナビゲーションにリンクが表示される
- ブログでウェブページを作成、または作成済みのウェブページの編集画面を開く
- タグ @ABOUT_PAGE を設定
- 保存、再構築
ウィジェットは、以下の位置に設置できる。
- サイドバー
- 関連コンテンツ
- フッター部
- フッターコンテンツ01
- フッターコンテンツ02
- ブログに favicon ファイルをアップロード (.ico or .png)
- アップロードした画像アイテムの編集画面を開く
- タグに @SITE_FAVICON を設定
- 保存、再構築
- バナーフッターテンプレートモジュールの編集画面を開く
- テキストを編集
- 保存、再構築
- Zenback テンプレートモジュールの編集画面を開く
- 一行目と最終行のコメントを削除
- 「ここに Zenback の Script コードは貼り付けてください。」の部分を Zenback の Script コードと置き換える
- 保存、再構築
- _basics.scss
- 各要素のスタイルルールを定義、_normalize.scss をインポートしている
- _component.scss
- mixin や プレースホルダーセレクタを使った extend をまとめたパーシャルファイル
- _debug.scss
- 要素に outline を追加するファイル。レイアウト構造のチェックに。普段は読み込まない
- _design.scss
- 色情報などデザインに関するスタイルルールを定義してあるパーシャルファイル
- _function.scss
- 他のファイル内で必要な処理をまとめたパーシャルファイル
- _grid.scss
- レイアウト用グリッドを出力するためのパーシャルファイル
- _icons.scss
- ソーシャルアイコンなどの表示ルールを定義してあるパーシャルファイル
- _layout.scss
- レイアウトルールを定義してあるパーシャルファイル
- _normalize.scss
- normalize.css を scss 化したもの。_basic.scss でインポートしている
- _variable.scss
- 各種変数設定
- ie.scss
- IE 用スタイル出力用
- styles.scss
- styles.css 出力用
THEME_DIR/build/themes/auyantepui/ で実行 (watch オプション)
$ scss --watch scss:../../../themes/auyantepui/static/css