デモサイトの動作環境

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

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

  Apache:2.4.33

  PHP :7.2.1

  MySQL:5.7

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

お知らせ

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

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

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

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

新着
短冊のテーマを追加してみました。 汎用DBの一覧表示をbootstrapのThumbnailsを使用したものです。一覧表示でひとつのコンテンツをThumbnailsのタグに合わせてhtmlを吐き出すものです。 テーマを作るだけでちょっとデザイン的になります。 tanzaku2 一度ご覧ください。
レイアウトの乱れ確認の続報 投稿者の方が自己解決されました。すばらしぃ! 乱れの原因は登録内容だったようです。登録内容に全角空白文字をいくつも連続して入力した場合、適正な幅による改行がなされないようです。それで表示の際コンテンツの内容がブロックの幅を超えて表示されていたようです。 では、なぜ通常の文字では適正な幅で改行され全角空白は改行されないかといった疑問を持ってしまいます。 まあ、連続した全角空白を登録しないようにすれば問題ないということで、「めでたし、めでたし」でしょう。   ちなみにこのサイトの確認ページでも同じような登録をしてみたら、同様のレイアウトの乱れが起こりました。気持ちい~ぃ! 「レイアウトの乱れ確認」ページ っで、自己解決されたということですが、わたしの解決策として汎用DBのtableタグにtable-layoutを追加したテーマを作成しそれを適用したページを作成しました。同じ内容ですがレイアウトの乱れをなくしています。 「レイアウトの乱れ確認 table-layout:fixed」 一度ご覧ください。また、使用したテーマを公開しています。ダウンロードし一度ご覧いただければ簡単さがご理解いただけるのでは。自分...
NC3の公式サイト?にて「汎用データベースがおかしい」といった投稿があり、ちょっと気になりこちらのサイトでも同じようなページを作成してみました。 確認用ルームの「汎用DBのレイアウト乱れ」です。 しかし、事象はあらわれません。 なぜなんでしょうか。 投稿を揚げられていた方のサイトを見るとFirefoxでは問題なく、MicrosoftEdge、Chromeでは乱れることがわかりました。 乱れの原因は不明ですが、解消方法はわかりました。 tableタグのスタイルシートに table-layout:fixed; を追加すれば解消します。 ただ、これを実装する方法は独自テーマを追加するか、汎用DBのスタイルシートをカスタマイズするか、使用している標準テーマのcssに追加するかしか無いかなあっと! このサイトで問題なく投稿者はダメというのもおかしいですね。 相違するのはこちらの環境はNC3.2.1ぐらいであとは同じかなあ??????
ページスタイルテーマ「EddyKFrame」の修正を行いました。 左カラムがありでメインカラムに「EddyKFrame」の6L・6Rのフレームのみを配置した場合、特定の条件(ブラウザの幅)にて配置していたコンテンツが表示されないといった事象がありました。 また、6Lのフレームを設定し次に6Rのフレームを設定する際も異様な表示内容になりました。 以上のような事象になるにもかかわらず、公開していたことをお詫び申し上げます。 これにより登録したコンテンツがつぶれるといったことはありませんが、設定に戸惑われた方もおられると思います。 本当に申し訳ございませんでした。 以上の表示内容がおかしいといった事象を今回修正しましたので、ご使用いただけるのであれば、ご利用ください。 今後ともよろしくお願いいたします。
珍しくちょっとカッコいい系のテーマを作ってみました。 最近のサイトで背景画像を写真にし、1ページもののサイトをよく見かけます。 そのようなサイトもNC3でも作成できるといった例として写真背景画像のテーマを作成しました。ここでは背景画像のスクロールスピードも他コンテンツより遅くするスクリプトも追加しています。 一度、ページスタイル-背景画像のページをご覧ください。
テーマの小技

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

 

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