*

[第5回] G/Afをコンクリ5.7に改造する[Concrete5]

公開日: : 最終更新日:2017/02/06 分類してもしょうがないもん

だいぶ間が空いたが前回の続きをやっていきたい。

前回はギャラリーページを作ったので、その一覧ページを作っていく。
なるべくページテンプレートを作りたくないので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的には問題ない筈。

関連記事

千値練 ダンテ レビュー

人気シリーズDevil May Cryの最新作5準拠のダンテが立体化。今までこのスケールの

記事を読む

CTCシリーズF-16レビュー

昨日に引き続き国際通信社のボードゲームF-16ファイティングファルコンをレビュー。 自分は戦闘

記事を読む

エースコーポレーション F-14トムキャット

大雑把な調整だけすまして部品を取り付け。 細かい調整が終わったら完成という形だが、やす

記事を読む

no image

不審者の翼〜RRデッキ

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

記事を読む

figma BRSBレビュー

huke氏の画集BLKのfigma同梱版を購入した。 BLKそのものは既に持っていたのだが、fig

記事を読む

no image

反逆できない翼RR

以前のものからブラッシュアップ。COREの発売で本格的に純RRが組めるようになったわけで。 しかし

記事を読む

世間が剣盾で盛り上がる中XYのローカルを遊ぶ三十路男

剣盾では今シーズンオンライン対戦において禁止伝説が1体まで解禁されて魔境の様相を示しているようだが

記事を読む

no image

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

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

記事を読む

会社辞めたから壮絶だった研修の話してみたい

この冬4年勤めた会社を退職し、新たに就職活動を始めることとした。 理由は2つある。 一つ

記事を読む

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

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

記事を読む

Message

メールアドレスが公開されることはありません。

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

ダンジョンダイスモンスターズ レビュー

「クソゲーをプレイするのです。」以前この俺にクソゲーをレビュ

現行Concrete cmsのダッシュボードにデフォルトでは日本語化設定がないよっていう話

急速に時間が出来てきたので前回のお蔵入りから久しぶりにconcret

千値練 ネロ レビュー

Devil May Cryシリーズはナンバリングと名倉DmC

遊戯王DM7 決闘都市伝説

虹天使アルシエル先輩から新しい遊戯王クソゲーをやれと言う天啓が降りた

ACFUN 神道物語シリーズ 織田奈々

FAガールに始まる美少女プラモデルが中々最近熱い。可動フィギ

→もっと見る

PAGE TOP ↑