WQHD対応のブログテーマ vgrid@blog2014

a-blog cms Training Camp 2014 Autumn の際に欲しいという話がありましたので、私の個人のブログで非公式なものとして公開します。特徴としては、WQHD 2560px までのウィンドウ幅に対応し、Entry_Body を横に3つまで jquery.vgrid.js で並べられるように blog2014 を拡張しています。

エントリーの続きを読む部分・追加でエントリーを読み込む部分は Ajax で読み込む事ができる Post_include 機能を利用しています。個別ページに遷移しませんので、PV数が減る事になりますので Google Analytics の バーチャルページビュー機能を利用するためのタグも書かれています。

ダウンロード

このテーマの使い方については、サポートする事はできませんが、最低限の設定は以下に書いておきました。参考にしてください。(ダウンロード回数

ダウンロード

モジュールIDの設定

テンプレート上、いくつかモジュールIDが設定されていますが、最低限1つだけ設定してないと正常に動作しませんので必ず設定してください。

ogpSummary

Entry_Summary モジュールで ogpSummary という設定を作ってください。OGP の設定のために必要です。引数の設定のところでエントリーIDのチェックを付けてください。これ大事です。


adminLink

管理ページのダッシュボードに Google アナリティクス等のリンクを用意しておくためのモジュールIDの設定です。詳しくは「a-blog cms 2.xのダッシュボード内に管理者用リンク集を設置する」をご覧ください。

ブログの設定

ブログの管理ページのカスタム情報に各種設定があります。こちらも設定してください。


ユーザーの設定

登録したユーザーのカスタム設定にプロフィール情報を登録できるような設定があります。


テーマの継承について

このテーマでは、blog2014 を継承して作られていますので、blog2014 が /themes/ ディレクトリに存在しないと正常に動作しません。 a-blog cms では、vgird@blog2014 のようにアットマーク+テーマ名を後ろにつける事で、そのテーマフォルダ内に存在しない時には、アットマーク以下のテーマの中のファイルを利用する事ができるようになっています。

そのため子テーマや、孫テーマのように関連するテーマを簡単に作る事ができ、違う部分だけのファイルで管理が簡単にできるようになっています。


関連記事

この記事のハッシュタグ から関連する記事を表示しています。

lp@simple2016 2.7対応版を用意しました

ランディングページ用のテーマ lp@simple2016 を作りました

a-blog cms 2.5 で3つのテーマが新しくなりました

site2014のテーマをマルチブログ化する際に大事なのはテーマの継承とモジュールIDのグローバル化

blog2014 のテーマをさらに改造し blog2560 をつくる

blog2014 を2560px対応してみました

最新記事

カテゴリー

アーカイブ

ハッシュタグ