simple2016 のテーマをマルチブログ化する方法
a-blog cms に標準で用意されているテーマ simple2016 は 1つのブログと複数のカテゴリーでサイトを構成しています。コンテンツ毎に記事を書くユーザーを分けたり、少し規模の大きなサイトを作る場合にはマルチブログ化する必要が出できます。また、マルチブログ化したとしてもテーマは共通部分が多くテーマの継承機能についての知識も必要になってきますので、その部分を今回は解説してみたいと思います。
site2016 でインストールされている場合には、テーマを simple2016 に変更するだけでも大丈夫です。
この説明としては、 http://localhost で実践するように書かれていますが、以下のフォームから実際に作業をするサーバーのURLを入れていただく事で、自分のサイトのURLに書き換えて読み進める事ができるようになっておりますのでご活用ください。
- マルチブログ化のメリット
- カテゴリーをブログに変更する
- テーマを設定する
- モジュールID の グローバル化
- 記事の移行
- テンプレートを切り替え
- グローバルメニューのリンクを修正
- ピックアップリストを修正
- トピックパスを修正
- トップページのお知らせコンテンツを表示
- 最後に
1. マルチブログ化のメリット
マルチブログ化する際のメリットとしては、一覧とトップページのテンプレートが分けられる事や、子ブログ側にユーザーを作る事で、その子ブログのみ記事を書く事ができるようになるという権限分けができるようになります。
例えば、お知らせ(news)のみ管理ができるユーザーを作りたいという事であれば、この子ブログにユーザーを作る事により、このお知らせ(news)のみが管理が可能になります。
今回は、カテゴリーとして設定されている news をブログに変更してみる事にします。今回は、お知らせのみを子ブログにしますが、必要に応じて他のカテゴリーも子ブログ化する作業を行ってみてください。
2. カテゴリーをブログに変更する
管理ページ ＞ カテゴリー にアクセスします。そこでカテゴリーで利用されているカテゴリーコードで、子ブログを作成する事はできません。ですので、この段階では news を news_c と名前を変更します。
次に 管理ページ ＞ ブログ より、ブログの管理ページから右下にある 子ブログを作成 をボタンクリックし コードネーム news でブログを作ります。
これにより、http://localhost/news/ という子ブログができます。
3. テーマを設定する
この段階で http://localhost/news/ にアクセスすると、blog2016 のテーマが設定されているハズです。ここに新しいテーマを設定します。
メインのテーマが /themes/simple2016 を利用していますので、お知らせ(news)のテーマは news@simple2016 というテーマ名にします。 /themes/news@simple2016 という空のフォルダを用意してください。
その後、管理ページ ＞ コンフィグ ＞ テーマ設定 で news@simple2016 を選択して保存してください。
テーマは news@simple2016 で設定されていますが、現時点ではヘッダーのナビゲーションやサイト情報が正常に表示されていません。
また、表示中のテンプレートは /themes/simple2016/top.html という表示になっています。 news@simple2016 のフォルダ内は空ですので、親テーマ側の simple2016 のファイルが利用されます。
4. モジュールID の グローバル化
モジュールID は、初期状態では設定されているブログの中でのみ利用ができるようになっています。しかし、グローバル化することで、下の階層のブログでも利用する事ができるようになります。
まずは 管理ページ ＞ モジュール ID から、Navigation モジュール id="global_navi" の（設定）をクリックし、グローバル「下の階層のブログが利用することを許可する」のチェックボックスをチェックし保存します。これでグローバル化の設定ができた事になります。これでナビゲーションが表示できるようになります。
http://localhost/news/ を表示するとナビゲーションが表示されるようになりました。
次に、サイトタイトルやフッター部分を子ブログ ( http://localhost/news/ ) で表示するためには、Blog_Fieldモジュールをグローバル化する必要があります。
simple2016 のテンプレートでは事前に準備として /include/header.html について Blog_Field についてはモジュールIDが設定されていますので、管理画面のモジュールID から新しく Blog_Field のモジュールID に global を作成してください。この際に、モジュール IDの条件に bid=1 を指定してください。
フッター部分については、ヘッダーのように id="global" が書かれていないので、Blog_Field にモジュールID を追記してください。
- /include/footer.html
- /include/footer/suggest.html
これで、ヘッダー・フッターをサイト全体で表示できるようになりました。
5. 記事の移行
管理ページ ＞ エントリー管理 を利用して記事をまとめて子ブログ側にエントリーを移動します。絞り込み機能を利用してカテゴリーの「お知らせ」を選択して検索してください。
お知らせだけの一覧が表示された後に、ヘッダー部分のチェックボックスにチェックをつける事で、すべてのエントリーにチェックがつきます。
表示順となっているプルダウンをブログに変更する事で、ブログ一覧が表示されますので、今回は「お知らせ」ブログに設定をして変更ボタンを押してください。
6. テンプレートを切り替え
今回は top.html を利用する事なく index.html とします。管理ページ ＞ コンフィグ ＞ テーマ設定 から設定を変更します。
テーマフォルダ内に template.yaml というファイルを用意する事で、管理ページ上に設定する事なくテーマを選択するだけで各種テンプレートファイルを指定できますが、今回は設定のyamlファイルを利用しないのでチェックを外します。
/themes/simple2016/news/index.html と /themes/simple2016/news/entry.html を news@simple2016 にコピーします。
http://localhost/news/ で確認してみると以下のような表示になります。残り修正しないといけない点が3点見つかりました。
- グローバルメニューのリンクが、お知らせの時に正しいリンクになっていない。
- ピックアップリストが関係無いものが表示されている。
- お知らせの時にトピックパスに HOME が出てこない。
7. グローバルメニューのリンクを修正
管理ページ ＞ モジュールID から Navigation id="global_navi" の設定を確認してみると URL に %{BASE_URL} というグローバル変数が指定してある事で、子ブログで利用する際にURLがおかしくなっています。 %{HOME_URL} に変更します。
8. ピックアップリストを修正
管理ページ ＞ モジュールID から Entry_Summary id="pickup_list" の設定を変更します。ブログID(bid)の設定と、階層の設定を変更し、下層のブログも含めると指定する事で、お知らせの子ブログのエントリーにチェックがあった際にも表示されるように指示しておきます。
9. トピックパスを修正
管理ページ ＞ モジュールID から TopicPath id="topicpath" の設定を変更します。 グローバル化し、条件設定で階層の設定を確認してください。「下階層のブログも含める」「下階層のカテゴリーも含める」と設定しておかないと、トピックパスの階層構造を表示できませんので注意して下さい。
表示設定については、以下のように設定を行います。
10. トップページのお知らせコンテンツを表示
管理ページ ＞ モジュールID から Entry_Headline id="top_headline" の設定を変更します。当初はカテゴリーがお知らせ(cid:2)と指定されていたところを、ブログをお知らせ(bid:2)に変更します。
11. 最後に
ここまでやって最初のカタチと一緒ですね。 a-blog cms ではカテゴリーや子カテゴリーのようなカタチと同様にブログを階層化する事が可能です。他のカテゴリーについても、同様にブログ化していく事もできるかと思います。 どこをブログにして、どこをカテゴリーのままでいいのかはCMSの設計次第です。
子ブログのステータスをシークレットとすることで、その子ブログ自体を会員制コンテンツとして運用することもできますし、子ブログ単位でユーザーを作ることで部分的な更新担当を設定することもできるようになります。
子ブログ化することでテーマを分ける必要があるので少しだけ手間が増えますが、設定できる範囲も増えることから、こうしたい！という要望を解決しやすくなります。グローバルメニュー単位で子ブログ化することも多いです。ぜひ、ご活用ください。
