color > スマホサイトのsideboxの表示について @ 2014/4/25 15:40
いつもお世話になっております。スマホサイト制作について教えてください。 PCトップページのsideboxの１と２をスマホのトップページのwidgetAreaの下に表示させるための smartphone/default.phpの書き方がわかりません。 PCのdefault.phpと見比べてみたのですが、わからず、ご質問に至りました。何卒、よろしくお願い致します。 URL　http://hermitage-1.com/ ■ BaserCMSのバージョン：3.0.2 （3.0.1からアップデート） ■ レンタルサーバー名：ロリポップ ■ スマートURLの利用：OFF ■ 設置フォルダ：ドキュメントルート ■ 利用しているデータベース：MySQL ■ PHPスキル：わからない ■ テーマ：nada-icons

color > スマホサイトのsideboxの表示について @ 2014/4/25 15:40

いつもお世話になっております。

スマホサイト制作について教えてください。

PCトップページのsideboxの１と２を
スマホのトップページのwidgetAreaの下に表示させるための
smartphone/default.phpの書き方がわかりません。

PCのdefault.phpと見比べてみたのですが、わからず、ご質問に至りました。

何卒、よろしくお願い致します。

URL　http://hermitage-1.com/

■ BaserCMSのバージョン：3.0.2 （3.0.1からアップデート）
■ レンタルサーバー名：ロリポップ
■ スマートURLの利用：OFF
■ 設置フォルダ：ドキュメントルート
■ 利用しているデータベース：MySQL
■ PHPスキル：わからない
■ テーマ：nada-icons

n1215 > Re: スマホサイトのsideboxの表示について @ 2014/5/2 16:01
color　様こんにちは。サイトを拝見しましたが、こちらの件はもう自己解決されましたか？ nada-iconsのテーマではサイドバーのグローバルメニューやリンクは、 `<?php $this->BcBaser->element('sidebox') ?>` の部分で、 app/webroot/theme/nada-icons/Elements/sidebox.php を読み込んで表示させています。なので、サイドバーの中身はこちらのファイルを参考にしていただくとよくわかると思います。 <div id="sidebox"> <div id="sidebox-bnr"> <?php $this->BcBaser->img('./sidebox/icons_banner_01.png', array('url' => '/#')); ?> </div> <div id="sidebox-bnr2"> <?php $this->BcBaser->img('./sidebox/icons_banner_02.png', array('url' => '/#')); ?> </div> </div> <div id="sidebox"> <div id="sidebox-bnr3"><?php $this->BcBaser->img('./sidebox/sidebox_logo.png'); ?></div> <div id="sidebox-txt" class="sidebox-text">baserCMS</div> <div id="sidebox-bnr4"> <?php $this->BcBaser->link($this->BcBaser->getImg('./sidebox/sidebox_contact.png', array('title' => 'お問い合わせ', 'alt' => 'お問い合わせ')), '/contact'); ?> </div> <div id="sidebox-txt"> <p class="sidebox-telfax">TEL:092-000-55555</p> <p class="sidebox-text">受付時間平日9:30～18:30</p> <p class="sidebox-telfax">FAX:092-000-55555</p> <p class="sidebox-text">受付時間 24時間</p> </div> </div> このあたりが該当する部分ですね。なお、スマートフォン版テンプレートでPC版同様にエレメントを読み込む仕様にするには app/webroot/theme/nada-icons/Elements/smartphone/sidebox.php にスマートフォン用のサイドバーを書いておけばOKです。 `<?php $this->BcBaser->element('sidebox') ?>` と同じコードで読み込めるはずです。 Twitter:　@n_1215

n1215 > Re: スマホサイトのsideboxの表示について @ 2014/5/2 16:01

color　様

こんにちは。
サイトを拝見しましたが、こちらの件はもう自己解決されましたか？

nada-iconsのテーマではサイドバーのグローバルメニューやリンクは、

<?php $this->BcBaser->element('sidebox') ?>

の部分で、

app/webroot/theme/nada-icons/Elements/sidebox.php

を読み込んで表示させています。
なので、サイドバーの中身はこちらのファイルを参考にしていただくとよくわかると思います。

	<div id="sidebox">
		<div id="sidebox-bnr">
			<?php $this->BcBaser->img('./sidebox/icons_banner_01.png', array('url' => '/#')); ?>
		</div>
		<div id="sidebox-bnr2">
			<?php $this->BcBaser->img('./sidebox/icons_banner_02.png', array('url' => '/#')); ?>
		</div>
	</div>


	<div id="sidebox">
		<div id="sidebox-bnr3"><?php $this->BcBaser->img('./sidebox/sidebox_logo.png'); ?></div>
		<div id="sidebox-txt" class="sidebox-text">baserCMS</div>
		<div id="sidebox-bnr4">
			<?php $this->BcBaser->link($this->BcBaser->getImg('./sidebox/sidebox_contact.png', array('title' => 'お問い合わせ', 'alt' => 'お問い合わせ')), '/contact'); ?>
		</div>
		<div id="sidebox-txt">
			<p class="sidebox-telfax">TEL:092-000-55555</p>
			<p class="sidebox-text">受付時間 平日9:30～18:30</p>
			<p class="sidebox-telfax">FAX:092-000-55555</p>
			<p class="sidebox-text">受付時間 24時間</p>
		</div>
	</div>

このあたりが該当する部分ですね。

なお、スマートフォン版テンプレートでPC版同様にエレメントを読み込む仕様にするには
app/webroot/theme/nada-icons/Elements/smartphone/sidebox.php
にスマートフォン用のサイドバーを書いておけばOKです。

<?php $this->BcBaser->element('sidebox') ?>

と同じコードで読み込めるはずです。

Twitter:　@n_1215

color > Re: スマホサイトのsideboxの表示について @ 2014/5/10 8:34
n1215様、ありがとうございます。お世話になります。お礼が遅くなって大変申し訳ありません。自己解決はできておりませでした。ウィジェットエリアの中にバナーを入れて表示させておりました。取り掛かり、後日ご報告をしたいと思います。

スレッド表示 | 新しいものから

前のトピック | 次のトピック | トップ

スマホサイトのsideboxの表示について

キーワード検索