Webクリエイターな備忘録このサイトはフリーランスでWeb制作をするクリエイターの備忘録なメモサイトです。Webサイトを作る際に気になった事やjavaScriptなどのライブラリの事などWebサイト制作に関する事、また気になるでき事、日常の事などを気ままに勝手に書き綴っています。concrete5-5.7最近、私の地域(広島市)で話題になっているconcrete5を使ってみたので個人的な備忘録として掲載します。concrete5は、かなり前に一度、メインCMSの選定の時に使ってみたことがあるくらいで、詳しくは知らない状態です。今回は、新ヴァージョンの5.7とBootstrapを使用してテーマ等を作ってみたいと思います。次回は...テーマの制作の準備まずはconcrete5の公式サイトを参考に5.7のテーマを制作してみたいと思います。公式サイトによると、下記構成ファイルを作り所定の場所に設置するとテーマファイルとして認識してくれるようです。特定ページタイプ専用のテーマファイル今回のテーマは、Bootstrapを使用して作成したいので、デフォルトでconcrete5の中に入っている「elemental」テーマを参考にさせもらいます。トップページには、スライドショーを設置したいのでトップページのみ専用のテーマファイルを作成したいと思います。できたのが下記構成ファイルの一覧です。【concrete5ディレクトリー】/application/theme/【任意の半角英数字ディレクトリー】/にアップロードすると管理画面から認識させることができます。以下の点に注意が必要です。ディレクトリー以下のテーマファイルは絶対に変更しない。ディレクトリ名は、半角英数字のみが使用できます。今回はテーマにBootstrap3を使用したいと思いますので下記サイトを参考にさせて頂き、テーマを制作していきます。部分はテーマによって異なります)。{}▼クラスファイルに次の行を追加してください。'bootstrap3';注意しないといけないのは、Bootstrap3をテーマで使用する場合、Ver5.7ではコアでBootstrapを使用している為、テーマ内にBootstrapの記述をすると競合が発生しイロイロと不具合が発生するようです。これを回避する為に、上記のコードに以下を追記します。'bootstrap/*');}上記の記述で、コア内のBootstrapのjsファイル及び、cssファイルを読込まないようになるので、テーマ内に各Bootstrap関連のjsやcssファイルの読込み記述を追記すると、正常動作するようです。次回は...今回は長くなりましたので、このへんで...次回は、Bootstrapのドロップメニューを実装した事を備忘録として残したいと思います。コメントは受け付けていません。「いいなぁ」と思ったら、ソーシャルメディアでの共有をお願いします。このサイトの使用を継続することで、その使用に同意したとみなされます。コントロール方法を含む詳細についてはこちらをご覧ください。