月別アーカイブが縦に長くなるのでその対策

他のカテゴリーに当てはまらない事柄など。
気軽にどうぞ。

月別アーカイブが縦に長くなるのでその対策

投稿記事by rintaro on 2018年11月08日(木) 00:08

SOY CMSで長い期間サイトを運営していると月別アーカイブの表示がどんどん増え
縦に長くなりすぎてしまい、サイトデザインのバランスが崩れて大変困っております。

既存のブロックではセレクトボタンを使用することもできませんし、なにか良い方法はないものでしょうか。
ちなみに、現在は古い記事を表示しないようにすることで、古い月別アーカイブが表示されないようにしています。
rintaro
 
記事: 3
登録日時: 2018年11月08日(木) 00:02

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by inunosinsi on 2018年11月08日(木) 04:50

jQueryかなにかで、月別アーカイブの個所を折りたたんでみては如何でしょうか?
もし、月別アーカイブの折りたたみで12ヶ月分は出しておいて、それ以外は過去のものを表示したいということであれば、
上記のものが実現できるタグを検討してみます。
SOY CMSの操作に関する質問は下記のページのフォームで受け付けています。
https://saitodev.co/soycms/inquiry

京都でフリーのプログラマをしています。
SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 683
登録日時: 2008年6月12日(木) 20:48

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by rintaro on 2018年11月08日(木) 13:50

inunosinsi様
ご返信ありがとうございます。
なるほどjQueryで折り畳む手がありますね!
ですが、それだと全てが折り畳まれてしまうので、ご提案いただいた12ヶ月分は出しておいて~という形のほうが理想的かなと思いました。
きっと私以外にも同様の問題を抱えている方がいると思いますので、可能であれば、ぜひともSOY CMSのタグでの実現をお願いしたく思います。
rintaro
 
記事: 3
登録日時: 2018年11月08日(木) 00:02

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by inunosinsi on 2018年11月08日(木) 15:27

ご提案いただいた12ヶ月分は出しておいて~という形のほうが理想的かなと思いました


上記の件ですが、私の方から提案しておいてなんですが、初年度のタグで出来るのは初年度の月の表示まででした。

隠しモードとして、
コード: 全て選択
<!--アーカイブの記述-->
<li>
   <h2>アーカイブ</h2>
   <ul>
      <!-- b_block:id="archive" 月別アーカイブ出力-->
      <!-- cms:id="show_year_label" -->
      <!-- cms:id="no_first" -->
      </ul></li>
      <!-- /cms:id="no_first" -->
      <li><a href="javascript:void(0);" id="<!-- cms:id="year" /-->_parent"><!-- cms:id="year*" /-->年</a></li>
      <li><ul id="<!-- cms:id="year*" /-->_child">
      <!-- /cms:id="show_year_label" -->
         <li><a href="#" title="" cms:id="archive_link"><!-- cms:id="archive_month" cms:format="F Y" -->February 2008<!-- /cms:id="archive_month" --></a> (<!-- cms:id="entry_count" -->00<!-- /cms:id="entry_count" -->)</li>
      <!-- /b_block:id="archive" -->
      </ul></li>
   </ul>
</li>
<!--/アーカイブの記述-->


上記のようにタグを挿入すると、

コード: 全て選択
<!--アーカイブの記述-->
<li>
   <h2>アーカイブ</h2>
   <ul>
      <li><a href="javascript:void(0);" id="2018_parent">2018年</a></li>
      <li>
         <ul id="2018_child">                  
            <li><a href="http://localhost:8091/site/blog/month/2018/10" title="">October 2018</a> (1)</li>
            <li><a href="http://localhost:8091/site/blog/month/2018/08" title="">August 2018</a> (2)</li>
         </ul>
      </li>
      <li><a href="javascript:void(0);" id="2017_parent">2017年</a></li>
      <li>
         <ul id="2017_child">
            <li><a href="http://localhost:8091/site/blog/month/2017/11" title="">November 2017</a> (1)</li>
            <li><a href="http://localhost:8091/site/blog/month/2017/09" title="">September 2017</a> (1)</li>
         </ul>
      </li>
      <li><a href="javascript:void(0);" id="2016_parent">2016年</a></li>
      <li>
         <ul id="2016_child">
            <li><a href="http://localhost:8091/site/blog/month/2016/09" title="">September 2016</a> (1)</li>
         </ul>
      </li>
   </ul>
</li>
<!--/アーカイブの記述-->


上記のように出力されるようにしました。
このコードを元にjQueryでアコーディオンを実装してみて下さい。

尚、今回の改修分を利用するためには、
公式パッケージではなく、私がメンテナンスを続けているパッケージまでバージョンアップをして頂く必要があります。
https://saitodev.co/soycms/

もし、SOY CMSとサーバのPHPが古いバージョンである場合、
PHPは最低でも5.6以降、
SOY CMSは下記の記事に従って、段階的にバージョンアップを行って頂く必要がございます。
SOY CMSのバージョンアップについて - saitodev.co

もし、何らかの事情でバージョンアップを行いたくない場合は、修正すべき個所をお伝えします。
SOY CMSの操作に関する質問は下記のページのフォームで受け付けています。
https://saitodev.co/soycms/inquiry

京都でフリーのプログラマをしています。
SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 683
登録日時: 2008年6月12日(木) 20:48

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by rintaro on 2018年11月08日(木) 23:53

隠しモードの実装、早速にありがとうございます!
無事バージョンアップもでき、導入することができました。
お蔭でずいぶんできることの幅が広がりましたので、折りたたみにチャレンジしてみます。

素早い対応、本当にありがとうございました!
今後もどうぞよろしくお願いいたします。
rintaro
 
記事: 3
登録日時: 2018年11月08日(木) 00:02

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by polka on 2018年11月09日(金) 08:57

いつもありがとうございます。

トピックの流れを拝見してふと思ったのですが、

同じような機能をb_block:id="entry_list"内にも

soy:id="not_first"
soy:id="not_last"
soy:id="at_first"
soy:id="at_last"

で用意されていると思います。

https://saitodev.co/article/SOY_CMS_Sho ... F%E3%81%84


今回
cms:id="no_first"
をご用意いただいたのですが、

もし可能であるならば、
cms:id="not_first" あるいは、soy:id="not_first"でも同じ動作をするように
設定を加えて頂けないでしょうか?



表記の統一がされていれば、思い出すのがラクになるのが、
お願いする理由です^.^;

ご検討よろしくお願い致します。
polka
 
記事: 173
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by inunosinsi on 2018年11月09日(金) 11:24

soy:id="not_first"も使用できるようにしました。

他に今回の機能は需要が高そうなので、新規でb_block:id="archive_every_year"というブログブロックを追加しました。
先日の隠しモードの記述よりも若干わかりやすくなったと思います。

詳しくは下記のブログ記事をご覧ください。
SOY CMSのブログで年毎に月別アーカイブのリンクを出力するブログブロックを追加しました - saitodev.co
SOY CMSの操作に関する質問は下記のページのフォームで受け付けています。
https://saitodev.co/soycms/inquiry

京都でフリーのプログラマをしています。
SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 683
登録日時: 2008年6月12日(木) 20:48

Re: 月別アーカイブが縦に長くなるのでその対策

投稿記事by polka on 2018年11月11日(日) 10:25

inunosinsi 様

soy:id="not_first"の反映ありがとうございます。

b_block:id="archive_every_year"のブログ記事を拝見しました。
使いやすそうですね。こちらもありがとうございます。
活用させていただきます。
polka
 
記事: 173
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F


Return to 雑談・その他

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[2人]

cron