• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン
虹色ミツバチ

> Entry >freo>freoテンプレート>プラグイン用テンプレート> freoアルバムプラグインで漫画を表示してみるカスタマイズとテンプレート

【freo】【freoテンプレート】【プラグイン用テンプレート】freoアルバムプラグインで漫画を表示してみるカスタマイズとテンプレート

当サイトで配布しているアルバムプラグインで漫画を表示してみるカスタマイズ例とテンプレートです。

サンプル

こちらで実際の動きをご確認いただけます。

「種類」オプションを登録しよう

まずは、アルバムの「種類」オプションを登録します。

管理画面→設定管理→プラグインの設定→アルバムプラグイン→オプションで

  • オプション01の名前…「種類」
  • オプション01の種類…「セレクトボックス」
  • オプション01の初期値…「イラスト,漫画」(ここではわかりやすく「,」で区切っていますが本来は改行で区切って下さい)

を登録してください。

テンプレートをアップロードしよう

「種類」に「漫画」と登録されたアルバムを漫画っぽく表示するためにテンプレートを適用してください。

ダウンロード
導入方法
  1. 上記ファイルをDLして解凍する。
  2. [freo]フォルダに[templates]フォルダをアップロードする。
  3. [freo/css/plugins/album.css]の最後に下記のように加筆してアップデートする。。
    /* ################################################################################ */
    /*      0.アルバム漫画表示
    */
    /* ################################################################################ */
    #comic_block{text-align: center;}
    .comic_item{margin-bottom: 300px;}
    

「漫画」のアルバムを登録しよう。

オプション01「種類」を「漫画」と設定したアルバムを登録します。

  • 画像はファイル名順に表示されます。一番上に置きたい画像(=表紙)は、ファイル名が一番上にくるように調整してください。
  • 次画像があると自動的に次画像へのリンクをはります。
  • 最後の画像の場合「最初へ戻るリンク」を下部につけます。

サンプルのとおりに動けば成功です。

更新履歴

2015/05/05 表紙画像が他の画像と並ぶように修正しました。
テンプレートの必要箇所に「|smarty:nodefaults」がついていなかった不具合を解消しました。
2015/05/07 漫画表示時のリンクが一部不正であったエラーを解除しました。
2016/02/26 アルバムプラグインVer.3_0_0に対応しました。

ページ移動

関連記事

ページ上部へ