[第5回] G/Afをコンクリ5.7に改造する[Concrete5]
公開日:
:
最終更新日:2024/01/18
分類してもしょうがないもん
だいぶ間が空いたが前回の続きをやっていきたい。
前回はギャラリーページを作ったので、その一覧ページを作っていく。
なるべくページテンプレートを作りたくないのでDefault.php上にカスタムテンプレートを配置していく。
一覧ページというと結局のところはアーカイブページということになる。
現在のデザインはこんな感じである。↓
車なのでメーカー別に完成記事を置いていく感じにしていた。
右側に洒落た背景画像を設定していたが、今回はこれを省略。
ただ、ちょっと格好付けてサムネイル画像を表示させたいのでページリストブロックを作っていく。
コードを一部抜粋
<div class="col-sm-2"> <a href="<?php echo $url ?>" target="<?php echo $target ?>"> <img src="<?php echo $thumbnail_image_src; ?>" class="img-responsive"> </a> </div> <div class="col-sm-10"> <a href="<?php echo $url ?>" target="<?php echo $target ?>"> <p class="page_list_title"> <?php if($page_head_title){echo $page_head_title;}else{echo $title;} ?> </p> </a> <p class="page_list_description"> <?php if ($includeDate): ?> 投稿日:<?php echo $date?><br> <?php endif; ?> <?php echo $description ?> </p> </div>
何が何だかわからんすね。
自分のポリシーみたいなものも合わせて解説。
/*サムネイル画像を取得*/ $thumbnail_image = $page->getAttribute('thumbnail_image'); if($thumbnail_image) { $thumbnail_image_src = $thumbnail_image->getRelativePath(); }
前回設定した画像タイプのページ属性を取得している。
本来concrete5にはthumbnailという属性を指定するよう指示があるのだが、
ページリストの編集時に「サムネイルを表示する」というチェックマークにチェックを入れてなくて
『この一覧にサムネイルが表示されてないんですけど!!!(怒)』というクライアントからの怒りの電話がかかってくることがある。
サムネイルの有無を選択させる必要があれば仕様をしっかり説明する必要があるのだが、
今回のように絶対的にサムネイルを表示させる必要があればテンプレート上にこのチェックの有無での分岐をなくしてしまいたい。
サムネイルがなければない時の分岐を作るかNoImageを表示させるようにテンプレートに書けば済む話である。
また、ユーザー指定のページ属性にしておけばHTMLタグをゼロから書ける。
デザインからコーディングまで全部自分がやっているのであれば良いのだが、
僕の場合コーダーからHTMLソースを受け取り、それをCMSのテンプレート上に落とし込む仕事のスタイルなので、
コーダーの癖のあるソース(例えばLi上にdivがあったりとか。)を再現しようと思ったらCMSが提供するライブラリのタグ生成では再現できないことがあるので、
画像パスだけ受け取れるこのページ属性にしておきたい。
というか<img>くらいライブラリなんか使わなくても自分で書くっつーの。
<?php if($page_head_title){echo $page_head_title;}else{echo $title;} ?>
前回代替えタイトルを表示するページ属性を書いたので、その分岐を書いておく。
で、完成したのがこれ。
うん。まあ、今数が4つだからそんな気にならないけど、これが20とかになったらページの長さがヤバイことになるよね。
ページングをつければ問題ないけど、ブログじゃないから過去に追加したものにもアクセスできるようにしたいよね。
ってことでサイトマップ構造を少し変更する。
↓変更後
車ならばメーカー別にカテゴリ化しているが、航空機は車と比べて桁違いにライフサイクルが長いので一社当たりがリリースする製品数は少ない。
模型になればより少なくなり、自分が製作するという括りになればさらに少なくなる。
よってメーカー別にしてしまうと、模型を作るたびにいちいちメーカーページを追加し、第一階層にページリストを追加する作業が多くなってしまうのでページリスト化して自動化する意味がなくなる。
なので国別にカテゴリ化していく。
そして、トップ階層では最新記事だけ置いて、第二階層の国別ページで全て表示させる形を取っていこうと思う。
で、完成したのがこのページ。
各国の最新3記事を表示させて、あとはそのアーカイブページへと更に誘導するというスタイルを取る。
トップ→航空機トップ→国別アーカイブ→記事
と、記事にたどり着くまでの階層がかなり深くなってしまったが、
新規ユーザーは最新記事だけが見れれば良いだろうから第二階層から直接記事に飛ばせるようにすればUI的には問題ない筈。
関連記事
-
Air BnB泊まった感想
9月の連休中に福岡の拠点に出張に行っていた。目的は現地のネットワーク工事の手伝い。 連休前に妙に仕
-
初心者Hoi4プレイ日記 ヨスプ・スターリンの野望part1
姉がHoiのプレイ動画が大好きで、先日のSteamのセール中に押し売りされることとなった。 これが
-
[感想]遊戯王封印されし記憶を運でクリアした
結論から言うと、いろいろ惜しいゲームだと思った。 クリア時のデッキはこの通り。 ポケステ無し
-
何十年かぶりにヨーヨーを買ったら激ハマりしてしまった
小学校の頃にハイパーヨーヨーのブームがあったのを覚えてる。 僕にとっては小さいころの思い出
-
ギルベイダー レビュー
レビューに入る前に僕とギルベイダーについて語っておきたいと思う。 ギルベイダーが初めて登場
-
そういえばWP始めてから模型の記事を一つも作ってなかった。
溜めた模型ならある。今積んでいる模型はこんな感じ。 レンジャー(制作中) ラ・フェラーリ(一
-
ギャラクシーデッキ改良
以前のものをブラッシュアップ。 メタカードに出会う事を意識するよりは純粋に破壊力を重視した。
-
不審者の翼〜RRデッキ
このデッキの最新版を見たい方はこちらへどうぞ 大学を出てからデッキは魂からファッションに格下げ
- PREV
- CTCシリーズF-16レビュー
- NEXT
- 会社辞めたから壮絶だった研修の話してみたい