casiope > 【m-single】トップ画面のスライダー画像部分の編集 @ 2014/10/24 19:39
初めてbaserCMSを利用しています。 CMSについてのスキルは殆どありません。 CSSについては何となく理解できるレベルで、Javascriptについては素人です。現在テーマ「m-single」を利用しているのですが、TOP画面のスライダー画像の部分をスライド機能を使わずに、ひとつの画像を固定で使いたいのですが、どの部分を編集すれば宜しいかわかる方いらっしゃいましたら、お教え願います。なお、スライダー画像の左右に出る送りボタンや、下部の現在画像の位置を示す黒丸ボタン等も取り去りたく思います。どうかよろしくお願いいたします。

casiope > 【m-single】トップ画面のスライダー画像部分の編集 @ 2014/10/24 19:39

初めてbaserCMSを利用しています。

CMSについてのスキルは殆どありません。
CSSについては何となく理解できるレベルで、Javascriptについては素人です。

現在テーマ「m-single」を利用しているのですが、TOP画面のスライダー画像の部分を
スライド機能を使わずに、ひとつの画像を固定で使いたいのですが、どの部分を
編集すれば宜しいかわかる方いらっしゃいましたら、お教え願います。

なお、スライダー画像の左右に出る送りボタンや、下部の現在画像の位置を示す
黒丸ボタン等も取り去りたく思います。

どうかよろしくお願いいたします。

tecking > Re: 【m-single】トップ画面のスライダー画像部分の編集 @ 2014/10/24 20:34
casiopeさん引用：現在テーマ「m-single」を利用しているのですが、TOP画面のスライダー画像の部分をスライド機能を使わずに、ひとつの画像を固定で使いたいのですが、どの部分を編集すれば宜しいかわかる方いらっしゃいましたら、お教え願います。 /app/webroot/theme/m-single/Layouts/default.php を開き、下記のあたりをカスタマイズされてはどうでしょう。 ●32行目あたり～58行目あたり `<?php if ($this->BcBaser->isHome()): ?> ～ <?php endif ?>` を削除。 ●71行目あたり～147行目あたり `<?php if ($this->BcBaser->isHome()): ?> ～ <?php endif ?>` を `<?php if ($this->BcBaser->isHome()): ?> <?php $this->BcBaser->img('foo.jpg', array('alt' => 'alt属性の文字列')) ?> <?php endif ?>` に差し替え。画像ファイル foo.jpg は /app/webroot/theme/m-single/img/ 内にあることを想定しています。また `array('alt' => 'alt属性の文字列')` は `array('alt' => 'alt属性の文字列', 'class' => 'CSSクラス名', 'height' => '高さ')` といった感じで追記していけるので試してみてくださいね。（念のため、バックアップをとってカスタマイズされますよう）

tecking > Re: 【m-single】トップ画面のスライダー画像部分の編集 @ 2014/10/24 20:34

casiopeさん

引用：

現在テーマ「m-single」を利用しているのですが、TOP画面のスライダー画像の部分を
スライド機能を使わずに、ひとつの画像を固定で使いたいのですが、どの部分を
編集すれば宜しいかわかる方いらっしゃいましたら、お教え願います。

/app/webroot/theme/m-single/Layouts/default.php を開き、下記のあたりをカスタマイズされてはどうでしょう。

●32行目あたり～58行目あたり

<?php if ($this->BcBaser->isHome()): ?> ～ <?php endif ?>

を削除。

●71行目あたり～147行目あたり

<?php if ($this->BcBaser->isHome()): ?> ～ <?php endif ?>

を

<?php if ($this->BcBaser->isHome()): ?>
	<?php $this->BcBaser->img('foo.jpg', array('alt' => 'alt属性の文字列')) ?>
<?php endif ?>

に差し替え。

画像ファイル foo.jpg は /app/webroot/theme/m-single/img/ 内にあることを想定しています。また

array('alt' => 'alt属性の文字列')

は

array('alt' => 'alt属性の文字列', 'class' => 'CSSクラス名', 'height' => '高さ')

といった感じで追記していけるので試してみてくださいね。
（念のため、バックアップをとってカスタマイズされますよう）

casiope > Re: 【m-single】トップ画面のスライダー画像部分の編集 @ 2014/10/24 21:19
tecking さん早速ご指導いただき感謝です！教えて頂いた通りに編集したところ、無事に希望通りの状態でできました。 baserCMSはこのフォーラムのおかげで随分と救われる方がいると噂には聞いていましたが、早速自分がお世話になるとは・・・。これからも切磋琢磨してbaserCMSを使いこなせるように成りたいと思います。本当にありがとうございました。

casiope > Re: 【m-single】トップ画面のスライダー画像部分の編集 @ 2014/10/24 21:19

tecking さん

早速ご指導いただき感謝です！
教えて頂いた通りに編集したところ、無事に希望通りの状態でできました。

baserCMSはこのフォーラムのおかげで随分と救われる方がいると
噂には聞いていましたが、早速自分がお世話になるとは・・・。

これからも切磋琢磨してbaserCMSを使いこなせるように成りたいと
思います。

本当にありがとうございました。

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

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

【m-single】トップ画面のスライダー画像部分の編集

キーワード検索