新潟 ホームページ制作「ZANMAI株式会社」ホームページ修正・更新代行サービス「サブスクメンテ」

スキルブログ

ホームページ制作実績に関連実績を追加しました


関連情報を追加したページ

当社のサイトは「a-blog cms」という非常にカスタマイズに優れている国産のCMSで、ホームページを構築しています。
いろいろな機能をもったプログラムが備わっていますし、それをカスタマイズするのもプログラムの知識がなくてもできることも大きな特長です。

そこで、当社の「ホームページ制作実績」の詳細ページの下部に、その実績に関連するホームページ制作実績を呼び出して、スライドで紹介できるようにしました。

この関連とは何をもって関連なのか?ですが。
今回は各ホームページ制作実績に「タグ」をつけています。
たとえば「ホームページ制作」「a-blog」「コーポレート」とか・・。

それと同じようなタグが入っている、ホームページ制作実績から同じようなタグをつけている情報を自動的に読み込んでくるモジュールがあります。
それは「Entry_TagRelational」というモジュールです。


そのスニペットは、こんな感じです。(デフォルトのスニペット)


<!-- BEGIN_MODULE Entry_TagRelational -->
<div class="acms-margin-bottom-medium">
@include("/admin/module/setting.html")
	<div class="acms-grid">
		<!-- BEGIN entry:loop -->
		<div class="acms-col-md-4 js-autoheight-r">
			<div class="acms-thumbnail">
			<!-- BEGIN_IF [{path}/nem] --><img src="%{ROOT_DIR}{path}" alt="{alt}"><!-- ELSE --><img src="/images/default/noimage.gif" alt="" class="acms-img-responsive" /><!-- END_IF -->
				<div>
					<h3>{title}</h3>
					<p>{summary}</p>
					<p class="acms-text-muted">関連度: {grade}</p>
					<p><a href="{url}" class="acms-btn acms-btn-primary" role="button">詳細をみる</a></p>
				</div>
			</div>
		</div>
		<!-- END entry:loop -->
	</div>
</div>
<!-- END_MODULE Entry_TagRelational -->

このタグをカスタマイズして、「ホームページ制作実績」の詳細ページの下部にスライダーとして取り付けているわけです。

この関連実績のスライダーを取り付けることで、ユーザーが「ホームページ制作実績」のページを閲覧した際の「回遊性」が高まることが期待されます。