■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。
このフォーラムは閲覧専用のアーカイブです。

nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】

CoolBeens > nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/4 9:41
nada-iconsを使用してカスタマイズをしています。

トップ画面のスライダーは必要なく、固定の画像に
差し替えたいのですが、何処をいじれば良いのか
解りません。

単純に画像の枚数を1つにすれば良いのかと、
フォーラム既出の手順を試みましたが、1つの画像が
ループしてスライドしてしまう状態です。




おそらくとっても単純な箇所でハマっているのだと
思っているのですが、中々抜け出せません。

どなたかご教示頂けますようお願いいたします。



現状の動作環境は
スマートURL: OFF
設置フォルダ: lolipop
セーフモード:Off
データベース: SQLite
baserCMSバージョン: 3.0.1
CakePHPバージョン: 2.4.3
tecking > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/4 16:23
CoolBeensさん

引用:
単純に画像の枚数を1つにすれば良いのかと、
フォーラム既出の手順を試みましたが、1つの画像が
ループしてスライドしてしまう状態です。


既出の手順を回答したteckingです

固定にされたいのであれば /app/webroot/theme/nada-icons/Layouts/default.php 内の

<?php $this->BcBaser->mainImage(array('all' => true, 'num' => 5, 'width' => 750)) ?>


の代わりに関数 $this->BcBaser->img() を使ってみてはどうでしょう。

[img] 画像読み込みタグを出力する
http://basercms.net/reference_3/archives/75
CoolBeens > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/4 18:03
teckingさん

恥ずかしながら、関数を使用するという概念がありませんでしたが、
早速ご提案の

[img] 画像読み込みタグを出力する
http://basercms.net/reference_3/archives/75

を実施したところ、見事に希望の反映がされました!
結構な時間悩んでしたので、助かりました!

また何かあったらよろしくお願いいたします。

color > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/18 21:05
こちらを読ませていただき、nada-iconsのスライダーを解除し、固定画像にする方法を
やってみましたが、画面が真っ白になり、何も表示されなくなります。

固定にされたいのであれば /app/webroot/theme/nada-icons/Layouts/default.php 内の

<?php $this->BcBaser->mainImage(array('all' => true, 'num' => 5, 'width' => 750)) ?>


の代わりに関数 $this->BcBaser->img() を使ってみてはどうでしょう。



/app/webroot/theme/nada-icons/Layouts/default.php 内を
書き換えて貼り付けたものがこちらです。

BcBaser->mainImage(/app/webroot/files/theme_configs/main_image_1.jpg, 'width' => 750)) ?>


どこが間違っているのかがわかりません。
教えていただきたく、お願い致します。
お世話になります。
HAL > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/18 22:25
color様

main_image_1.jpg という画像を
イメージ一覧(/app/webroot/theme/nada-icons/img/)
にUPしたとして、

/app/webroot/theme/nada-icons/Layouts/default.php 内の

<?php $this->BcBaser->mainImage(array('all' => true, 'num' => 5, 'width' => 750)) ?>


を↓

<?php $this->BcBaser->img('main_image_1.jpg')  ?>


と書き換えれば良いと思います。

■ BaserCMSのバージョン:3.0.6.1
■ レンタルサーバー名:heteml
■ スマートURLの利用: [ON]
■ 利用しているデータベース: [MySQL]
■ PHPスキル(自己評価): [ E ]

color > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/19 0:29
HAL様

教えていただいて、ありがとうございます!
すぐに解決することができました。\(^o^)/

心から感謝致します。
ありがとうございます!!
color > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/21 1:15
先日はありがとうございました。
本日、スマートフォンで確認したところ、nada-iconsのスライダーが解除されてなく、
固定画像になっていませんでした。

PCでは固定されているものが、スマートフォンでは固定されてなく、
どのようにしたらよいのかがわからず、ご質問させていただきました。

よろしくお願い致します。


■ BaserCMSのバージョン:3.0.1
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用:OFF
■ 設置フォルダ:ドキュメントルート
■ 利用しているデータベース:MySQL
■ PHPスキル:全くわからない




n1215 > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/21 2:09
color 様

御存知の通り、baserCMSは携帯サイト、スマートフォンサイト、PCサイトを一括で管理し、
それぞれ別のレイアウトでページを表示することができます。
実際のところは、閲覧している端末に合わせてテーマ内の複数のテンプレートを読み分けることで、表示の振り分けを実現しているのです。

PC用のデフォルトの共通レイアウトテンプレートは下記でしたが
app/webroot/theme/nada-icons/Layouts/default.php

スマートフォン用は
app/webroot/theme/nada-icons/Layouts/smartphone/default.php
となります。

このファイルで同じように
<?php $this->BcBaser->mainImage(array('all' => true, 'num' => 5, 'link' => '')) ?>

を
<?php $this->BcBaser->img('main_image_1.jpg')  ?>

などと書き換えることでお望みの結果が得られると思います。


参考:ケータイ・スマホサイト制作 http://basercms.net/manuals/3/designers/8.html
(テーマ内のテンプレートの位置は携帯サイト用しか書いてないですがスマホサイトも同様のルールです)

Twitter: @n_1215

color > Re: nada-iconsのスライダーを解除し、固定画像にする方法を教えて下さい。【初心者】 @ 2014/2/21 13:04
n1215様

教えていただいて、ありがとうございます!
この度もすぐに解決することができました。\(^o^)/

心から感謝致します。
ありがとうございます!!

そして、参考:ケータイ・スマホサイト制作のページを
教えていただき、ありがとうございます。
しっかりと見たいと思います。