デモサイトの動作環境

こちらのデモサイト環境について

 さくらのレンタルサーバ スタンダード

  Apache:2.4.33

  PHP :7.3.9

  MySQL:5.7

  NC3.3.1(2020/04/01 バージョンアップ済み)

お知らせ

NetCommons3.2.0が公開されたことを機に、EddyKではデモサイトを公開させていただきました。

NetCommons3をちょっとカッコよくしたいっといった気持で作成したテーマをご紹介していこうと思います。

また、その中でわたしの知りえる限りの作成方法なんかも公開できればと思います。

今後のテーマ公開・配布もご期待ください!

新着
この週末、仕事もあったのですが、それを早々に切り上げEddyKのサイト(https://www.eddy-k.jp)のトップページを変更しました。 もともとEddyKのサイトではスタイル関係をテーマ作成ではなくカスタマイズしており、今回トップページのみテーマを作成しテーマにて画面の体裁を替えています。 また、テーマにはjavascriptも組込みスクロールした場合メニューが画面最上段に表示する仕組みも組込みました。このメニューも普通にメニュープラグインを追加したものをスタイルシート(css)で最初は非表示にしておき、javascriptでスクロールを判断し特定のスクロール位置にきたとき画面最上段に表示させるようにしています。 大枠の体裁はカスタマイズで、また細かな体裁はテーマでと使い分ければ本当に自由にデザインができるのではと思います。 テーマにご興味がある方はブラウザの開発ツール(F12)を使用しながら是非一度、御覧ください。 EddyKのサイト(https://www.eddy-k.jp)
コロナで家から出れず、お客さんのNCサイトを朝から作成していたのですが、それもひと段落したので、ちょっと試しにこの「デモ」サイトで実験 ヘッダーに「お知らせ」プラグインを追加し以下の内容をhtml記述で登録 するとスクロールしたら右下に「ページトップ」ボタンが表示されます 当然のことですが、今まではテーマを作成し、全てのページにテーマを適用したりページのベースに組み込むカスタマイズをし実現していましたが、もっと手軽に「お知らせ」プラグインの追加で実現してみました。 これはちょっと縦長のページの場合、便利なものでどなたでも欲しい機能ではないでしょうか。 もちろん、scriptの記述権限を設定した後でないとhtml記述でscriptの登録はできませんが、これも管理メニューからの設定で管理者であれば可能です。 一度試されてみてはいかがでしょうか。問題があれば、そのフレーム(コンテンツ)を削除すればもとにもどるはずです。 ■以下がhtmlの記述内容 <style>p#to_top { position: fixed; bottom: 20px; right: 20px; font-size: 90%; display: none; z-index: 99;}p#to_top a { background: #666; text-decoration: none; colo...
先日久しぶりにNCの公式サイトを覗いたらNC3.3.1がリリースされていました。 そこで、ダウンロード・バージョンアップしました。 ドロップダウンメニューもカスタマイズを適用したら問題なく使用できました。とりあえず無事バージョンアップを完了しました。 めでたし、めでたし!
公式サイトにてwysiwygエディタにてonclickなどのスクリプト呼び出しを記述したいといった投稿がありましたが、「TinyMCE」の仕様(NCも使用している以上その仕様に合わせている?)上、記載できなくしているようです。 ちょっと興味があり確認がてらカスタマイズしてみた内容を掲載しました。 でも、これについてはNCの仕様から外れることになると思うのであまり良いことではないかなあと思いつつ・・・ ご興味ある方は、一度ご覧ください。 /setting/for_check/onclick
公式サイトのトラブル報告にて「フォトアルバムの表示タイプ「写真の一覧表示」エラー 」が上がっておりちょっと気になり調べてみました。 一応解決できたので、確認ページでご確認いただけます。「フォトアルバム一覧表示」
テーマの小技

テーマのちょっとしたTips、かなあ?

最近サイトをデザイン・作成していて困ったことが1ページ中にこの部分はAのテーマ、この部分はBのテーマを使えればっといったことがあります。

基本テーマはページに設定します。(サイト自体に設定もできますが、それは(ページを)まとめて設定しているにすぎない?)

ですので、1ページ1テーマなのです。

 

っで、その場合は、2つのテーマを合体させ独自のテーマを作成します。

CSSなどstyle.cssファイルは重なるので、どのようにするかはstyle.cssの中身を合体させるのです。

合体した後、セレクタ名(id名、class名)が被った場合、その部分が一意になるように上位のセレクタ名をつけるのです。

.a {  }  ・・・ヘッダー部で使用 1

.a {  }  ・・・Bプラグインで使用 2

こういった場合、

1は、.header .a {  }

2は、.BPlugin .a {  }

といった具合に記述すれば、ヘッダー部で使用する.a、Bプラグインで使用する.aと区別することが可能です。

何を言っているかわからないかも?

まあしかし、このようなことをしようする方であれば、html・cssは理解されていると思うので、説明は端折ります。

 

っということで、すでに既存のテーマあれば、それを合体させた自分専用のテーマを作成できるのです。

 

独自テーマを作成し、自分なりのNC3にデザインしてみてはいかがでしょうか?

テーマを作ることにより、標準のプラグインの画面もちょっとしたボタン配置を変えることもでき、jsの組み込みもできるので、自分なりの使用方法も考え作ることができ、便利になるかもです。

 

時間があるときに挑戦してみてはいかがでしょうか!