*

[第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のセール中に押し売りされることとなった。 これが

記事を読む

[感想]遊戯王封印されし記憶を運でクリアした

結論から言うと、いろいろ惜しいゲームだと思った。 クリア時のデッキはこの通り。 ポケステ無し

記事を読む

何十年かぶりにヨーヨーを買ったら激ハマりしてしまった

小学校の頃にハイパーヨーヨーのブームがあったのを覚えてる。 僕にとっては小さいころの思い出

記事を読む

ギルベイダー レビュー

レビューに入る前に僕とギルベイダーについて語っておきたいと思う。 ギルベイダーが初めて登場

記事を読む

no image

そういえばWP始めてから模型の記事を一つも作ってなかった。

溜めた模型ならある。今積んでいる模型はこんな感じ。 レンジャー(制作中) ラ・フェラーリ(一

記事を読む

閃刀入門

チラ裏に近い記事は書かない・書いていても公開しないつもりだったけど幾つかメモにしたいことと

記事を読む

no image

ギャラクシーデッキ改良

以前のものをブラッシュアップ。 メタカードに出会う事を意識するよりは純粋に破壊力を重視した。

記事を読む

遊戯王の思い出話

社会人になってから久しく姉以外との対人戦を経験していない。 学生時代の友人たちが遊戯王をやらなくなっ

記事を読む

no image

不審者の翼〜RRデッキ

このデッキの最新版を見たい方はこちらへどうぞ 大学を出てからデッキは魂からファッションに格下げ

記事を読む

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

タキオンデッキ

(記事はまだ更新予定です。) https://twit

閃刀入門

チラ裏に近い記事は書かない・書いていても公開しないつもりだっ

MD魔術師S23レポ

前回の記事を書いた時からデビューしたマスターデュエル。ただ、

マスターデュエルにてやっとプラチナに上がれた話

ネットの友人にモチベを掛けられてマスターデュエル参入。リンク

太陽の帝国、大鷲の群れに挑まんとす(ゲームジャーナル39号 真珠湾強襲リプレイpart:1)

初め半年や1年の間は随分暴れてご覧に入れる。然しながら、2年3年と

→もっと見る

PAGE TOP ↑