新着
エディ・ケイの公式サイト?の「Web制作実績」でも使用しているのですがvgridテーマを表示速度改善ということで少し改修しました。
このテーマ、画像を多く使用することが想定されるのですが、そういったページは表示速度が遅くなりがちです。そういったページにうってつけの仕組みが既に存在したのです。今更なのですが・・・
<img>タグに「loading="lazy"」を追加するだけで画像の読込を表示されるもののみ早く、表示されない画像は後回しするといったものです。
体感的にずいぶんスムーズにページ表示されると思われます。
こちらのvgrid(https://demo-nc3.eddy-k.jp/tanzaku/vgrid)の紹介ページ、エディ・ケイのサイト「Web制作実績」で体感ください。
すみません。わたくし事ですが、左カラムに広告を載せました。
これも左カラムの編集部分のカスタマイズで可能です。「お知らせ」プラグインで追加しようとしたのですが、正しくスクリプトが編集されなかったので、左カラムの編集部分に直接AdSenseのスクリプトを埋め込みました。
邪魔になるかもしれませんがお許しください。
こちらのデモサイトではないのですが、EddyKのサイト(https://www.eddy-k.jp)のWeb制作実績のページですが、作成しなおしました。以前のものは「NC2」のものしかなかったのですが今回は「NC3」のものも含めご紹介しています。
以前のページでは「お知らせ」プラグインを使用しどちらかというとHTMLベタのページでしたが、今回は「汎用DB」プラグインを使用しこちらのデモサイトでも紹介している「Vgrid」テーマを採用。これによりウィンドウ幅によりカラム位置を自動に変更するページとなっています。
また、これに加えウィンドウ幅によりひとつのカラム幅も変更し、タブレット・スマホでも見やすいように工夫しています。(つもりです?)
是非一度ご覧ください。
EddyKのWeb制作実績:https://www.eddy-k.jp/homepages/examples
今日は仕事もそこそこにテーマを作ってみました。
以前NC2でも作成していた汎用DBのテンプレートをテーマにしました。
Vgridのテーマを作成してみました。ブラウザの幅の変更により表示カラムが自動に入れ替わるものです。
レシポンシブのグリッドとはちょっと違う方法ですがカラムが動くのがわたし的には気に入っています。
一度ご覧ください。
https://demo-nc3.eddy-k.jp/tanzaku/vgrid
この週末、仕事もあったのですが、それを早々に切り上げ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
公式サイトのトラブル報告にて「フォトアルバムの表示タイプ「写真の一覧表示」エラー 」が上がっておりちょっと気になり調べてみました。
一応解決できたので、確認ページでご確認いただけます。「フォトアルバム一覧表示」
以前公式サイトのヘルプデスクにあった「他言語ページの作成」ボタン押下時、「不正リクエスト」といったエラーとなるといった投稿が気にはなっていたのですが、ちょっと調べてみてこれかなあといったところをご紹介しています。
このサイトも英語対応サイトにしたのですが、英語の内容は何もありません。このトラブルの確認のためだけなのでお許し下さい。
こちら「確認用ルーム/他言語ページの作成」でご確認いただけます。
{{item.Topic.display_publish_start}}
{{item.Topic.display_summary}}
アクセスカウンター
8
0
5
9
2
4
9