2018年7月の記事一覧
dropdownメニューを追加しましたが・・・
本日、dropdownメニューを作成し追加したのですが、デザイン的にはいまいちで以前のものを再現できていません。
また、タブレット・スマホした際の下位ページの表示がドロップダウン形式になっており「もうみっつ」ぐらいです。
(NC2のレスポンシブはCSSフレームワークとしてFoundationを使って実装していたのですが、今回はBootstrapでAnglerJS、やはり難しいですね)
一応、Bootstrapのdropdownリストを使用し作成しているので、メニューのブロックはひとつでレスポンシブ制御しています。
っで、今日はここまで。
本日はちょこちょこと触っていろいろ行いました。
今度また時間を見て、このメニューを完成させま~す。
完成した際にはカスタマイズ方法も掲載したいと思います。
SSL化しました。
さくらの無料のSSLを申請しSSL化してみました。
githubの情報「Let's Encrypt対応」にてスムーズに完了。
https://github.com/NetCommons3/NetCommons3/wiki/Let%27s-Encrypt%E5%AF%BE%E5%BF%9C
フレームのヘッダータイプを追加
フレームヘッダーの色を変えるべく色々とみていたのですが、現在は「none」「default」「primary」「info」「success」「warning」「danger」と7色のみとなっています。
そこで今回は「EddyK」色を追加してみました。
トップページの新着とこの「NC3移行の記録」に適用してみました。
このフレームのスタイルでレスポンシブスタイルのグリッドの制御ができればと考えフレームを見だしたのですが、今は色だけでとどまりました。
多分、フレームのスタイルの指定ができるので、ここでの制御が可能になるのではと考え中!
/app/Plugin/Frames/View/Elements/setting_frame.ctpをコピーし
/app/View/Plugin/Frames/Elementsに配置
headerTypesの指定の部分に「EddyK」を追加
cssは独自のcssを/app/webroot/css/EddyKに追加
フッターをカスタマイズしてみました
昨日、NC3のフッターとユーザーが自由に設定できるフッター領域をページの一番下に表示されるようにカスタマイズしてみました。
たぶん、皆さんのページもフッターは一番下に表示できているので、何をいまさらと思われるかもしれませんが、
ページに表示する情報がない場合、標準で「Powered by NetCommons」のフッターもブラウザの一番下に表示されないと思います。これを一番下にもってくるカスタマイズを行いました。
(試しに「ホームページ作成」の下のページにある「フッターが一番下に」のページをご覧ください)
また、フッターとしてNCメニュー同様横幅一杯にし、背景色を移行元サイトと同じようにしてみました。
/app/Plugin/Pages/View/Layouts/default.ctpをコピーし、
/app/View/Plugin/Pages\Layoutsに配置
cssリンクを独自のcssをlinkiするように追加など画面全体の大きなくくり(ヘッダー・メイン・フッターのくくり)を変更
独自のcssは/app/webroot/css/EddyKに配置
はじめどこを触ればよいかを分からず、いろいろな文言をgrepしあたりをつけ、変更を繰り返しやっと雰囲気がつかめたかなあ?
作業時間は、これだけでおよそ5時間もかかってしまった!
次はメニューをドロップダウン化しようかなあ。
以前3.1.4の時に作成しているので、そのまま動けばよいのですが、メニューは頻繁に変更がはいっているので、その差分を確認し、再作成かなあ?