メニュー

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

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

2014/08/12 23:51|タグ:アルバムプラグイン漫画プラグインオプショングッジョブ表示 33

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

サンプル

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

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

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

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

  • オプション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に対応しました。

ページ移動

関連エントリー

コメント

なな

いつもプラグインやtipsにお世話になっております。
こちらのカスタマイズを試すうえで、疑問ができましたのでコメントさせて頂きます。
アルバムプラグインのver.3を導入したのですが、漫画表示の解説で表紙イラストに勧められている「アルバムイメージ」の項目を見つけることが出来ませんでした。
以前のバージョンには確かにあったと記憶しているのですが…。
このバージョンではなくなっているのでしょうか。
アルバムイメージがない場合、例えば添付ファイル一枚目を表紙にするにはどのようにしたら良いでしょうか。
ご教示頂ければ幸いです。よろしくお願いいたします。

  • 2016/04/27 21:09:21

ミツ@32877

こんにちは。
アルバムプラグインのバージョンアップ(Ver.3_0_0以上)に伴い、「アルバムイメージ」を撤廃しました。
アルバムはファイル名順に表示されるので、アルバムの表紙に添付ファイル一枚目を利用するには、例えば「0.jpg」などファイル名が一番上に来るようにしてください。

古い解説がのこっていたので修正しました。
混乱を招き申し訳ありませんでした。

  • 2016/04/27 21:54:48

なな

こんにちは。
新バージョンの仕様なのですね。了解しました。
ご説明くださった方法を参考にさせていただきます。
お忙しい中迅速にご対応くださり、ありがとうございました。

  • 2016/04/28 21:51:18

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ