NaoLightは、私「エンジニア婦人」が作成したWordPressのテーマです。
エンジニア婦人ノートはこのテーマをベースにカスタマイズを入れています。
現在、通常版、シンプル版共に「お問い合わせを頂いた方にテーマ一式をメールに添付して販売」しております。
ご依頼、ご質問などはお問い合わせフォームよりお願いいたします。
NaoLightの特徴
NaoLightは制作者の目線で作られたテーマです。
WordPress制作において、「制作する人」が一番大変なのは何でしょうか。
デザイン？機能の実装？サイトの構成？
その答えは、「全部」。1つに絞れるものではありません。
WordPressはGPLライセンス。基本無料で使えますし、無料で使えるテーマも多くありますが、実際に「サイト（ホームページ）を制作するとき」に大変なことは、なんでしょうか。
それは「どこに何があるのかがわかりにくい」ということです。
多機能であればあるほど、その機能がどこにあるのかを探し当てるまでに時間がかかってしまうのです。
サイト（ホームページ）を制作してお客様に納品する側として、工数がかかるのは避けたいことですよね。
NaoLight -NAOT-は、これを極力回避できるように、シンプルさを目指して制作しました。
それに加えて、サイトではよく使う「ぱんくずリスト」「お問い合わせ」「サイトマップ」「画像拡大」「遅延読み込み」の機能などが入っています（※SIMPLE Versionにはないものもあります）。
基本無料なのに、カスタマイズがほぼ必要になる理由
サイト制作を請け負い、それがWordPressの案件だった場合、「既存テーマのソースを全く触らないで納品」というのは、ほとんどないと思います。
どこかしら、ソースを改修して機能を実装しています。
何も触るのはPHPファイルだけではありません。
CSSも、全く触らないで、ただテーマを適用して文章を入れただけで納品する業者があるでしょうか？
そう、基本は無料で使えたとしても、要望に沿うためには何かしらの改修が入るのがWordPressサイトです。
手軽に始めたい！という「個人のユーザー」は、既存の有料テーマ（SANGO / AFINGER / SWELL など）を使った方がいい結果が得られると思います。
これらのテーマは（使用したことはないので憶測になりますが）PHPファイルなどを触らなくても諸々実装できるように洗練されているからです。
それとは異なり「どこかに納品する制作者」のあなた。
今の納品するベーステーマに、満足していますか？
ヘッダの色を1つ変更するだけだったとしても、カスタマイズする前提のものの場合、作りこまれている素晴らしいテーマであればあるほど、追加のカスタマイズが入れにくくなるジレンマがあります。
NaoLightは、追加のカスタマイズがしやすいように、極力シンプルになるように作りました。
- カスタマイズ前提のWordPress案件をお持ちのサイト制作者様
- WordPress案件の納品を生業としている企業様
にぜひ、お勧めしたいテーマです。
NaoLightを、納品するベーステーマの1つに、加えてみませんか？
楽しい物造りを
自分のブログやサイトを、楽しく作ってもらえたら。
プログラムを使って望み通りに、拡張しやすく、自分の思うように。
できたときに、すごく楽しい！と思ったら。
控えめに言って、「最高です」。
NaoLight -NAOT-（なおらいと、なおと、と呼んでください）はそんな思いをカタチにする、WordPressのテーマです。
Nao Light -NAOT-の機能
- 表示速度が、とにかく速い
- テンプレート機能
- アイキャッチ画像の自動設定
- ありそうでない機能たち
- 基本的なSEO対策
- 導入推奨プラグイン
- レスポンシブ対応
テンプレート機能
固定ページのテンプレート機能を利用し、投稿一覧ページ、問い合わせページ、サイトマップページを作成できます。利用方法は固定ページを作成し、テンプレートを選択するだけ。
※SIMPLE Versionには搭載されていない機能です。
Nao Lightではサイトによくある、必要度の高いページだけれど、導入にはカスタマイズやプラグインを導入しなければならない機能を固定テンプレートとして提供しています。
※SIMPLE Versionには搭載されていない機能です。
WordPressをお使いの方は既にご存じかと思いますが、Wordpressには所謂ブログ投稿として記事を投稿していく「投稿」と、トップページやサイトマップなど、サイトにはあったほうがいいけれど、そう頻繁に変更することはない「固定ページ」の2種類があります。
この「固定ページ」はテンプレートを自作することができます。
自作したテンプレートを固定ページを作成するときに指定することで、より自由な表示が可能になります。
いずれも見た目や色はテーマ内CSSで調整できます。
投稿一覧
名前の通り、投稿ページの一覧を表示するテンプレートです。
投稿された内容を1ページに10件、ページャー付きで表示します。
※表示件数はテーマ内設定ファイルから変更できます。
サイトマップ
自動でサイトマップを生成するテンプレートです。
並び順は固定ページの「並び順」項目に準じます。
投稿ページも「投稿一覧」を親として生成されます。
※投稿一覧ページがない場合、投稿ページは表示されません。
お問い合わせ
お問い合わせフォームを表示するテンプレートです。
問い合わせの画面はjsで行うため、スマートな画面遷移ができます。
「名前」「お問い合わせ内容」「メールアドレス」がデフォルトで設定されています。各種エラーチェックがついています。
CSRF、XSS対策済みです。
その他の項目を追加したい場合はPHPとHTMLの知識が必要ですが、可能です。
お問い合わせを送信すると、お問い合わせをした人と、管理者宛（※メールアドレスの設定が必要です）にメールを送信します。
※確認画面はありません。
※プライバシー観点から、お問い合わせ内容をデータベースやファイルに保存はしていません。
アイキャッチ画像の自動設定
設定しておいたほうがいいとはわかっていても、設定するのを忘れてしまったり、固定ページに至ってはどの画像にしようか悩んでしまう、アイキャッチ画像。
テーマのデフォルト画像を使用し、リンク共有時に常に画像を表示します。
また、テーマにあるデフォルト画像を変更することで、表示のデフォルト画像を変更できます。
ありそうでない機能たち
ぱんくずリスト、画像拡大、画像遅延読み込みなど…WordPressには標準でありそうでない機能があります。
その機能をプラグインなしで、テーマのみで実装しています。
※SIMPLE Versionには搭載されていない機能があります。
ぱんくずリスト
※SIMPLE Versionには搭載されていない機能です。
今自分がサイトのどの位置のページを見ているかがわかる、ナビゲーション機能です。
画像の赤枠の部分が該当します。
固定ページ、投稿ページ、カテゴリーアーカイブ、タグアーカイブ、日付アーカイブなど、すべてのページに自動対応します。
SNSボタン
Nao Lightではデフォルトで投稿ページに「Twitter」「Facebook」「LINE」「はてなブックマーク」の4つのSNSボタンをサポートしています。
Twitterは記事をツイートするときに@メンションをつける設定を加えることができます。
※@メンション先の指定はPHPの設定ファイルで行います。
目次自動生成機能
※SIMPLE Versionには搭載されていない機能です。
投稿ページで見出しがある場合、その見出しを元に目次（緑枠の部分）を自動生成します。
これはjavascriptで動作しています。jsファイルの該当部分を削除することで、機能をオフにすることができます。
画像遅延読み込み
※SIMPLE Versionには搭載されていない機能です。
よくサイトを早く表示するためには、画面の下のほうにある画像は遅延読み込みをさせて…というのはよく聞く話です。
スピーディなNao Lightでは、もちろんこの画像遅延読み込みはデフォルトで組み込まれています。Lazysizesを使用しています。
この機能を使用するために、記事を書く上では特に何も気にする必要はありません。
クリックで画像を拡大
※SIMPLE Versionには搭載されていない機能です。
記事内の画像をクリックすると、画像が拡大表示されます。拡大中、背景は黒色になります。拡大されている画像以外の黒い部分をクリックすることで拡大表示が元に戻ります。
各種ナビゲーションの生成
上にはグローバルナビゲーション、下にはフッターナビゲーション。どちらも一緒の内容にしたい。
どれも変更したくなることもあるかと思いますが、テーマファイルに直接書いてしまうと「ここだけ変えたいのに！」というときにちょっとややこしい。
そんなナビゲーションは、WordPress管理画面の「外観＞メニュー」から変更できるようになっています。
設定位置は
「グローバルナビゲーション」
「フッターナビゲーション」「コピーライト」
「スマートフォン用の固定メニュー」
の4か所です。
基本的なSEO対策
descritionの設定や、SNS表示用のmetaタグを自動生成します。
出力するmetaタグ
NaoLightでは赤枠で囲まれたmetaタグの出力を行います。
description
ページの説明文です。検索結果のリード文に表示される内容を設定します。
NaoLightでは記事を公開するときに自動で本文から160文字抜粋し、登録します。
もちろん、ページごとに自分で設定することもできます。
自分で設定する場合は各投稿ページの下に、サイト説明文のボックスがあるので、そこに内容を入力します。
SNS関連タグ
NaoLightでは「Twitter」「Facebook」「LINE」「はてなブックマーク」に対応しています。
それぞれに該当するOGPタグを自動で出力します。
Twitterはユーザーアカウントを設定すると、共有リンクに「@xxxから」とリンクにつくようになります。
※設定していない場合は「@xxxから」はつかず、リンクのみが共有されます。
GoogleAnalytics
GoogleAnalyticsを利用する設定になっている場合、指定のタグを出力します。但し管理画面にログインした状態では出力されません。これは管理者が使用している間の閲覧情報を分析結果から除外するためです。
利用する設定になっていてもコードが登録されていない場合、アナリティクスコードが空の状態で出力されます。
この設定はテーマ内設定ファイルで行います。
norobot設定
ページによっては、検索結果に表示してほしくないもの、表示するには望ましくないものがあります。例えば、アーカイブページなどがそれに該当します。
Nao Lightでは各アーカイブページ、新着情報一覧テンプレート、404ページにnorobot、nofollowを入れています。
導入推奨プラグイン
テーマ内ですべて解決することは望ましくありません。SiteGuardなど、セキュリティプラグインなどはどんどん活用するべきです。
プラグインはサイトの運営状況によって、必要なものを取捨選択していきたいですね。
SiteGuard WP Plugin
WordPressのサイトを作るなら、黙って入れておいてくださいというセキュリティプラグイン「SiteGuard WP Plugin」です。
管理画面のアドレスと、ログインの画像認証を入れてください。このプラグインがあるのとないのでは大違いです。
Imsanity
画像の方の視線がちょっと怖いですが、とても優秀なプラグイン「Imasanity」です。
画像をアップロードするときのサイズを設定できます。巨大画像のアップロードをしても、ここで設定した通りの最大サイズに変換してくれます。
既にあるサイトの場合でも、今ある画像の圧縮処理をする機能もついています。
WordPressでサイトを運営しているとどうしても直面する「画像の容量問題」。これを導入してすべて解決、とはなりませんが問題になるまでの時間を長くすることができます。
適宜、サイトも整理整頓はしましょう。
サーバーの容量に悩んでいる方は…
画像削除の方法はこちらを参考に…
画像のご利用は計画的に！WordPressサーバーのお掃除方法
※何事も削除は慎重に…実行時と今は時が経っています。参考にしてください。このやり方でサイトが復旧できなくなったとしても責任は負えません。
WP Multibyte Patch
「WP Multibyte Patch」要は日本語対応プラグインです。
Nao Lightを見ている時点で日本語ユーザーでしょうし、日本語のサイトを作るのだと思いますので、これも問答無用で入れておいてください。
TinyMCE Advanced
エディタの拡張プラグイン「TinyMCE Advanced」です。入れておいて損はないでしょう。
Google XML Sitemaps
検索エンジンのためのサイトマップを自動生成する「Google XML Sitemaps」です。
よきにはからってくれます。サイトを更新するとこちらも自動で更新されるので、設置後は特に意識する必要はないでしょう。
これも是非入れておきたいプラグインです。
Simple Page Ordering
管理画面の記事一覧ページの表示順をドラッグ＆ドロップで入れ替えることができます。
「Simple Page Ordering」はあると直感的に操作できるので便利です。
RINKER
アフィリエイトブログをやる人は御用達、「RINKER」です。商品リンクを商品画像付きで表示できる優れものです。
レスポンシブ対応
昨今はモバイル端末でも崩れることなくサイトを閲覧できて当たり前。
Nao Lightも例外なく、レスポンシブ対応済みです。
通常版とSIMPLE Versionの機能比較
通常版とSIMPLE Versionでは搭載機能が異なります。
| 機能名称 | 通常版 | SIMPLE版 |
| ぱんくず | 〇 | × |
| お問い合わせ | 〇 | × |
| サイトマップ | 〇 | × |
| 新着一覧 | 〇 | × |
| 画像拡大 | 〇 | × |
| 遅延読み込み | 〇 | × |
| 目次機能 | 〇 | × |
| サイト高速表示 | 〇 | 〇 |
| SNS対応 | 〇 | 〇 |
| アイキャッチ画像 | 〇 | 〇 |
| メニュー | 〇 | 〇 |
| 投稿日時表示（投稿） | 〇 | 〇 |
| カテゴリ表示 （投稿） | 〇 | 〇 |
| サイト内検索 | 〇 | 〇 |
対応WordPress
WordPress5.2以上 ※5.2以下でも動作する可能性はありますが、保証はできません。
販売料金
通常版
販売金額：15,000円
※GPLライセンスという仕様上、一度テーマをご購入頂ければ、いくつでも同じテーマを利用して頂いて全く問題ありません。カスタマイズして別のお客様へ納品して頂いても問題ありません（但し、著作権を放棄するものではありません。）そのための料金を予め上乗せしているので、他テーマよりも高額設定となっております。
SIMPLE version
通常版よりも機能を絞ったものです。
販売金額：無料
お問い合わせで入力されたメールアドレス宛にファイルの一式を添付送信致します。
テーマ適用サービス
ご購入いただいたNao Lightテーマを、あなたのサイトに適用する作業を行います。
- テーマの購入をして、とりあえず初期適用までお任せしたい！
- できたらすぐに記事を書いてみたい！
という方は、こちらがお薦めです。
適用料金：25,000円（テーマ代金を含む）
テーマ適用の場合、以下の物をご用意ください。
- 構築するサイトのサーバー
- 構築するサイトのファイルをアップロードできるアカウントのユーザー名とパスワード
- サイトのURL
- サイト名称
- WordPressのインストールディレクトリ（※）
- WordPressログイン情報（管理者）
- トップのヘッダー画像（既に用意がある場合）
- 導入したいプラグイン（決まっていなければ当方推奨のプラグインをデフォルトでインストールしておきます）
※新規構築案件のみとさせて頂きます。
※細かなカスタマイズや色の指定などを承ることはできません。
※WordPressをインストールするところから行う場合、追加5,000円を頂戴いたします。その場合はWordPressユーザーで使用するメールアドレス、ご希望のユーザーID、ユーザー名をお伺いします。
WordPressサイトのカスタマイズ
- カスタム投稿を使って別記事の作成をできるようにしたい
- トップページをこのデザインにしたい
- カレンダーを表示したい
などのご相談を承ります。こちらはNao Lightテーマを利用していなくても、承ります。
最低金額：200,000円～要相談
ご依頼の際は、以下のご用意をお願いいたします。
- 構築するサイトのサーバー
- 構築するサイトのファイルをアップロードできるアカウントのユーザー名とパスワード
- サイトのURL
- サイト名称
- WordPressのインストールディレクトリ（※）
- WordPressログイン情報（管理者）
- トップのヘッダー画像（既に用意がある場合）
- 導入したいプラグイン（決まっていなければ当方推奨のプラグインをデフォルトでインストールしておきます）
- 構築するサイトのデザイン及びその作成するページのコーディングされたHTML、CSS（※）
内容をご相談の上となりますので、相応のお時間を頂くことになります。利用開始時期から余裕をもったスケジュールでご依頼ください。
※WordPressをインストールするところから行う場合、追加5,000円を頂戴いたします。
※当方はWebデザイナーではありません。デザインは承ることはできません。
※ページのHTML、CSSがない場合は当方にて作成することもできますが、非常に長いお時間を頂くことになると予想されます。
ご依頼、お待ちしています
ご依頼、ご質問などはお問い合わせフォームよりお願いいたします。
お待ちしております。