独自のCSSをサイト全体で使えるようにしたい
お世話になります。
concrete5でサイトを構築しております。
concrete5 ver8.3.2
Stucco ver 2.1.4
easy_image_gallery ver 1.4.2
Simple Gallery ver 1.0.7
独自のCSSをサイト全体で使えるようにしたいと思い、いろいろと見て回りました。
以下のページで説明されていましたが、現状はアセットという仕様に変わったとのこと。
http://concrete5.co.jp/blog/add-assets-to-concrete5-theme
説明の通りにしているつもりなのですが、うまくいきません。
public function registerAssets()・・・・・と画面にでてレイアウトが崩れてしまいます。
stuccoテーマを使っている状況で、独自のCSSを追加する場合のファイルの配置と内容はどうすればいいのでしょうか?
各ファイル(3つ)の配置と内容は以下の通りです。
use \Concrete\Core\Asset\AssetList;
use \Concrete\Core\Asset\Asset;
$al = AssetList::getInstance();
$al->register( 'css',
'mon',
'themes/stucco/css/mon.css',
array());
public function registerAssets()
{
$this->requireAsset('javascript', 'jquery');
$this->requireAsset('css', 'mon');
}
(内容は省略)
Re: 独自のCSSをサイト全体で使えるようにしたい
以下の3つのファイルです。
●ファイル1 : application\bootstrap\app.php
use \Concrete\Core\Asset\AssetList;
use \Concrete\Core\Asset\Asset;
$al = AssetList::getInstance();
$al->register( 'css',
'mon',
'themes/stucco/css/mon.css',
array());
●ファイル2 : application\themes\stucco\page_theme.php
public function registerAssets()
{
$this->requireAsset('javascript', 'jquery');
$this->requireAsset('css', 'mon');
}
●ファイル3 : application\themes\stucco\css\mon.css
(内容は省略)
Re: 独自のCSSをサイト全体で使えるようにしたい
Re: Re: 独自のCSSをサイト全体で使えるようにしたい
Re: 独自のCSSをサイト全体で使えるようにしたい
<?php
namespace Application\Theme\Stucco;
use Concrete\Core\Area\Layout\Preset\Provider\ThemeProviderInterface;
class PageTheme extends \Concrete\Core\Page\Theme\Theme implements ThemeProviderInterface
{
public function registerAssets()
{
$this->requireAsset('javascript', 'jquery');
$this->requireAsset('javascript', 'mon');
$this->requireAsset('css', 'mon');
}
protected $pThemeGridFrameworkHandle = 'bootstrap3';
public function getThemeName()
{
以下略
いじる前の元のファイルを参考にしてみてください。
Re: 独自のCSSをサイト全体で使えるようにしたい
追加したいのは『mon.css』に記述しているスタイルだけですか?
それならば、カスタムCSS に記述すれば OK だと思いますが...
ちなみに Stucco のスタイルは『main.less』に各ブロックの less ファイルを読み込み、 concrete5が css ファイルを生成します。
もし、サイト全体のスタイルを変えたいのであれば、それらのファイルを変更する必要があります。
そうではなくて、新しいスタイルを追加したいのであれば、カスタムCSS で対応できると思います。
記述によっては、!important が必要になる場合もありますが...
よろしくお願いします。
Re: Re: 独自のCSSをサイト全体で使えるようにしたい
ありがとうございます。
テーマのカスタムCSSに追記してサイト全体に適用することで出来ました。
ちなみに、テーマのカスタマイズをしたい場合には、
application\themes\stuccoに、
packages\theme_stucco\themes\stuccoの全てのファイルをコピーして、そのファイルをカスタマイズしていくということなのでしょうか?
とすると、以下のページ「concrete5で独自のjavascriptやcssファイルをテーマに読み込む方法」で紹介されている内容はテーマのカスタマイズの方法になるのでしょうか?
http://concrete5.co.jp/blog/add-assets-to-concrete5-theme
Re: 独自のCSSをサイト全体で使えるようにしたい
既存のテーマをカスタマイズする方法は、『テーマ オーバーライド』等で検索してみてください。
また、下記のスレッドも参考になるか知れません。
http://concrete5-japan.org/community/forums/design/post-9074/
ちなみに『mon.css』の記述はカスタムCSSで対応できたみたいですが、ID を使っているのが気になりました。
ID だとページに1つしかボタンを設置できないですが、問題ないですか?
takuro hishikawa
Re: 独自のCSSをサイト全体で使えるようにしたい