デモサイトの動作環境

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

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

  Apache:2.4.33

  PHP :7.2.1

  MySQL:5.7

  NC3.2.1(2018/11/04 バージョンアップ済み)

お知らせ

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

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

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

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

新着
ページスタイルテーマ「EddyKFrame」の修正を行いました。 左カラムがありでメインカラムに「EddyKFrame」の6L・6Rのフレームのみを配置した場合、特定の条件(ブラウザの幅)にて配置していたコンテンツが表示されないといった事象がありました。 また、6Lのフレームを設定し次に6Rのフレームを設定する際も異様な表示内容になりました。 以上のような事象になるにもかかわらず、公開していたことをお詫び申し上げます。 これにより登録したコンテンツがつぶれるといったことはありませんが、設定に戸惑われた方もおられると思います。 本当に申し訳ございませんでした。 以上の表示内容がおかしいといった事象を今回修正しましたので、ご使用いただけるのであれば、ご利用ください。 今後ともよろしくお願いいたします。
珍しくちょっとカッコいい系のテーマを作ってみました。 最近のサイトで背景画像を写真にし、1ページもののサイトをよく見かけます。 そのようなサイトもNC3でも作成できるといった例として写真背景画像のテーマを作成しました。ここでは背景画像のスクロールスピードも他コンテンツより遅くするスクリプトも追加しています。 一度、ページスタイル-背景画像のページをご覧ください。
本日は天気も良かったのですが、家人が風邪をひきどこにも行けないので新しいテーマ(tanzaku)を作成してみました。 tanzakuテーマとはwordpressのテーマの一つでひとつの投稿を小さなブロックでブラウザの幅により配置を自動的に変更するテーマ。そのテーマがカッコよくNC2のときも似たものを作成していました。 そのNC2で作成していたtanzakuテーマ(NC2の時代はテンプレートとして作成していました)をNC3向けに作成。 汎用DBの一覧表示項目を画像の上に表示するもの。またブラウザの幅により横幅での表示個数を変更するもの。 一度ご覧ください。 NC2で作成したときは幅により配置機能はjqueryにて作成しておりカッコよかったのですが、今回NC3ではもともとがレスポンシブなのでqjueryは使用せずグリッドにて実装。  
NC3の公式サイトのトラブルにて掲載されていた「フォトアルバム投稿時のパーミッションがおかしい(?)」でこちらのデモサイトにて確認したら確かに内部エラーとなりました。 っで、ちょっと調べてみたらrenameのところで落ちているようです。 そこで調べ解決策を見つけたのでこちらの確認用ルーム・フォトアルバムのページでご確認いただけます。
新しいカスタマイズには関係ないのですが、dropdownメニューの表示確認のための多階層のページを追加しました。 プラグインカスタマイズのdropdownメニューにて確認用ルーム・メニュー階層をオンマウスしていただけたら多階層でも表示されることが確認できます。
テーマの小技

テーマのちょっとした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の組み込みもできるので、自分なりの使用方法も考え作ることができ、便利になるかもです。

 

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