現在デフォルトスキンとして「Season(Spring)」適用中。

ホームのインデックスに固定ページの一覧表示をしたいです | カスタマイズ相談 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。

  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ホームのインデックスに固定ページの一覧...
 
Share:

[解決済] ホームのインデックスに固定ページの一覧表示をしたいです  

  RSS

aosora
(@aosora)
Eminent Member
参加: 3か月 前
投稿: 20
2019年3月1日 22:24  

ホーム画面の投稿一覧の下に、固定ページの一覧表示をしたいと思います。
イメージとしては添付画像のように、アイキャッチ画像と固定ページのタイトルを表示してクリックすると各ページに移動するような感じにしたいです。

色々と自分なりに試してみましたが解決方法が見つかりません。
皆様のお力をお借りできれば幸いです。
お手数をおかけいたしますが、よろしくお願いします。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2501
2019年3月2日 04:35  

ホーム画面の投稿一覧の下に、固定ページの一覧表示をしたい

外観・ウィジェットより、インデックスボトムにウィジェットを入れると良いと思います。

例えば

『新着記事』を入れた場合、『ウィジェットの表示』を『チェック・入力したページで表示』に設定。『固定ページ』タブを開きIDを入力。など

ウィジェットの表示タイプは3種類です。

 

3列にすることも可能だと思います。

例えば、上記説明どおりに出力。その後、表示されたHTMLタグを元に3列に装飾するなど、『カスタムHTML』ウィジェットなどで行うとか。

3列に装飾するのは、Cocoonの記事作成画面上にある『タグ』の『3カラム』を利用するなど、工夫しだいで理想通りになるはずかなっと思いますので、頑張ってください❦


わいひら 件のいいね!
aosora
(@aosora)
Eminent Member
参加: 3か月 前
投稿: 20
2019年3月2日 07:05  

早速のサポートありがとうございます。
ご説明のように設定しました所、インデックスボトムに「[C]新着記事」ウィジェットを設定すると、サムネイルとタイトルの表示ができました。
ただ、「[C]固定ページ」のウイジェットが無いので新着記事しか表示できませんでした。

現在は「固定ページ」ウイジェットを利用して、固定ページのタイトル表示しかできていません。理想は添付画像のように、固定ページのサムネイルとタイトルの3列表示ができればと思います。

お手数をおかけいたしますが、よろしくお願いします。

 


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2501
2019年3月2日 07:16  

3列にすることも可能だと思います。

例えば、上記説明どおりに出力。その後、表示されたHTMLタグを元に3列に装飾するなど、『カスタムHTML』ウィジェットなどで行うとか。

3列に装飾するのは、Cocoonの記事作成画面上にある『タグ』の『3カラム』を利用するなど、工夫しだいで理想通りになるはずかなっと思いますので、頑張ってください❦

上述通りで、工夫が必要です。

それが難しいのであれば、アイキャッチ画像をリンク付きで表示。その下に固定ページのアンカーリンク(テキストのリンク)をつけ、3カラムで表示するなどの工夫をされるのが良いかもしれません。

イロイロ試し、簡単に実装できますように❦


わいひら 件のいいね!
aosora
(@aosora)
Eminent Member
参加: 3か月 前
投稿: 20
2019年3月2日 11:14  

アドバイスありがとうございました。

色々と試してみましたが、まだ知識が浅いので実現が難しいと思いました。
間に合わせでリスト表示を試してみたいと思います。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2501
2019年3月3日 23:08  

投稿画面の下書きで画像にリンクを付ければやりやすいかもしれません。

https://gyazo.com/3228c2ee11e07d2d973c9edac35ec71d

上記のようにメディアを追加画面から、添付ファイルの詳細。下へスクロール。リンク先に記事URLを入れる。

https://gyazo.com/60ee966eb36746827beff9cc3c6c1c44

その下に通常のリンクを入れる感じで。

<a href="記事URL"><img class="" src="アイキャッチのURL" alt="アイキャッチの代替テキスト" width="数値" height="数値" /></a>
<a href="記事URL" target="_blank">記事のタイトルなど</a>

わいひら 件のいいね!
aosora
(@aosora)
Eminent Member
参加: 3か月 前
投稿: 20
2019年3月3日 23:25  

かうたっく様 アドバイスありがとうございました。
下書きで画像にリンクを付ければ、イメージに近づけることが出来ました。
色んなやり方があるのですね。勉強になりました。


わいひら 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年9ヶ月

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:9ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:7ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました