xoops123ダウンロード,XoopsCubeLegacy,カスタマイズ,pico:ページネーションと関連記事一覧を追加する

カテゴリカスタマイズ
pico:ページネーションと関連記事一覧を追加する
	バージョン: 1.00 掲載日: 2013/1/18
説明ページ内コンテンツ picoにページネーションと関連記事一覧を追加するカスタマイズ方法 xugj_blockをsmartyプラグインディレクトリにコピー（FTPにて）注意事項 picoにページネーションと関連記事一覧を追加する ※ ダウンロードしたファイルの拡張子が無い場合があります。その場合は、ダウンロードしたファイル名に拡張子「.zip」を追加してください。静的ページ作成に便利なpicoですが、各記事を表示している場合、前後記事とカテゴリトップに戻るリンクが表示されるものの、そのカテゴリにある記事一覧の表示がなく、全体像が把握しにくいですね。ということで、ブログのようなページネーションとか関連記事一覧表示機能を追加してみましょう。 picoのオリジナル状態記事の下に「次の記事」へのリンクがありますが、全体像は掴みにくいですね。もちろん、サイドカラムなどに「コンテンツメニューブロック」を表示させると良いのですが、他のサイトで良く見かけるブログなどのように、その記事ページに関連する記事一覧が出ていると結構便利なこともあるようです。ということで、カスタマイズしてみました。ブログなどでよく見られるような、記事の上に「次の記事」へのリンクを設けました。記事の下には、全記事へのリンクを示すページネーションを追加して、さらにその下に関連記事一覧を表示するようにしています。また、関連記事一覧については、５件ずつ表示、タブで切り替えできるようにしてみました。（jQuery利用）さらに、ページネーションについては、マウスオーバーすると記事の題名をポップアップするようにしているので、結構、把握しやすいのではないかと思います。カスタマイズ方法 Altsysでカスタマイズ用のテンプレートを作成のうえ、picoのテンプレート編集を行います。ダウンロードしたファイルを解凍して、「pico_main_viewcontent.html」と「pico_main.css」をそれぞれ対応するテンプレートファイルに上書きしてください。 Altsysによるテンプレート編集方法はこちらをご覧ください。 xugj_blockをsmartyプラグインディレクトリにコピー（FTPにて）このカスタマイズでは、xugj_blockプラグインを利用していますので、解凍したファイル「function.xugj_block.php」をプラグインディレクトリにFTPソフトなどでコピー（アップロード）してください。 ※ XoopsXではデフォルトでインストール済みのようですので、この作業は不要です。 xoops_trust_path/libs/smartyplugins または xoops_trust_path/libs/smarty/plugins 注意事項また、当サイトで公開している「ページトップに戻るボタンを付加するプリロード」をお使いの場合は、jQueryによる機能のバッティングがありますので、次の箇所（38行目付近）をコメントアウトしてご利用願います。 /** この行を追加 jQuery("a[href^=#]").click(function(){ var Target = $(this.hash); var TargetOffset = $(Target).offset().top - 40; jQuery("html,body").animate({ scrollTop: TargetOffset }, 1000); return false; }); この行を追加 */
[ ファイル名 ] pagenate.zip [ MD5 checksum ] 6a9032ed12e1a5b759833e17dac6c2a4
167 5.84 KB XOOPS Cube Legacy 2.2x GPL v. 2.0 Xoops123

| ファイル破損/リンク切れを報告 | 友達に伝える | コメント (11)

コメント一覧

10件表示 (全11件) すべてのコメント一覧へ

投稿ツリー

Re: pico:ページネーションと関連記事一覧を追加する (pokosuka, 2013/11/25 17:08)

Re: pico:ページネーションと関連記事一覧を追加する (pokosuka, 2013/11/26 8:57)

Re: pico:ページネーションと関連記事一覧を追加する (pokosuka, 2013/11/26 9:29)

Re: pico:ページネーションと関連記事一覧を追加する

返信する

pokosuka 投稿日時 2013/11/25 17:08

素晴らしい機能だと思い、追加してみたのですが白い画面にSQLの表示がズラズラっと並んでしまい、うまく動作しませんでした。
function.xugj_block.phpの追加とテンプレートの変更だけだと思うのですが、他に何かあるのでしょうか？

Re: pico:ページネーションと関連記事一覧を追加する

返信する

marine 投稿日時 2013/11/25 20:31

pokosukaさん、コメントありがとうございます。

しかし・・・う〜ん。。。
xugj_blockとテンプレートだけでOKなんですけど・・・ちょっと考えてみますね。

Re: pico:ページネーションと関連記事一覧を追加する

返信する

pokosuka 投稿日時 2013/11/26 8:57

どうもありがとうございます。
幾つかXoopsのサイトを管理しているのですが、バージョン？により動作ができる場合と出来ない場合がありました。
XOOPS Cube Legacy 2.1.7：動作する
XOOPS Cube Legacy 2.2：動作しませんでした。

Re: pico:ページネーションと関連記事一覧を追加する

返信する

marine 投稿日時 2013/11/26 9:26

そうですか・・・うちは、XOOPS Cube Legacy 2.2（XoopsX）なんですけどねぇ・・・(T-T)

Re: pico:ページネーションと関連記事一覧を追加する

返信する

pokosuka 投稿日時 2013/11/26 9:29

すみません。単純な原因でした。
モジュール名を変えていたので、計２箇所の変更が１つしかしていませんでした。
4行目、file="modules/XXX/blocks/blocks.php"のXXX部分は変更していましたが、
opt="XXX,`$content.cat_id`,o.created_time,`$view_num`,,1"のXXX部分を変更し忘れていました。
動作確認できました。どうもありがとうございます。

Re: pico:ページネーションと関連記事一覧を追加する

返信する

marine 投稿日時 2013/11/26 23:06

pokosuka さん
こういう設定とか、自動で出来ない部分って、結構、トラブルが出やすいですよね。
いずれにしても、解決できたようで、良かったですね〜ヽ(=´▽`=)ﾉ

Re: pico:ページネーションと関連記事一覧を追加する

返信する

taroj 投稿日時 2015/3/12 10:37

利用させていただきたいと思ったのですが、ダウンロードが出来なくなっているようです。配布していただくことは可能でしょうか？
どうぞよろしくお願いいたします。

Re: pico:ページネーションと関連記事一覧を追加する

返信する

marine 投稿日時 2015/3/12 22:30

taroj さん