WordPress テーマ : Celtis-one

WordPress テーマ Celtis-one

Celtis-oneテーマは、ブログやギャラリーサイトの構築に向いている、日本語版の見やすくてシンプルでモダンなレスポンシブテーマです

テーマというと、サイトのデザインイメージを切り替える為のものと思われるでしょうが、このテーマは Celtispackプラグインと組み合わせて機能的な部分を充実しながら高速に表示を行うことを目的に開発しています

そう言う意味では通常のテーマとちょっと違う方向性を持っているかも知れませんが、デザイン的にはシンプルなので、カスタマイズ用ベースとするのに向いているのではないかと思っています

 

Celtis-one テーマと Automatic の _s をベースに自作第二弾の Celtis_s テーマを作成しました

WordPress 4.1 以上をお使いならば WordPress テーマ : Celtis_s がお勧めです (^^)

 

充実した機能

ブログを行っている人にとっては、定番と言える Googleの アドセンス、カスタム検索、アナリティクス も簡単に利用できるようにサポートしています

また、アイキャッチを設定していなくても、記事中に画像があればサムネイル表示を行う等、画像を効果的かつ効率良く使用するための様々な機能を持っています

テーマ単独でサポートしているのは下記機能です

  • パンくずリスト
  • ページナビゲーション
  • タイトル前に投稿フォーマットタイプのアイコン表示
  • 追尾型のサイドバーエリア
  • サイドバーの左右切り替え
  • ギャラリー、動画投稿フォーマット時の全幅表示
  • カスタマイズ画面からメニュー色、リンク色を簡単に設定
  • Googleカスタム検索サポート
  • サイトマップ

Celtispackプラグインでは下記機能をサポートしていますので、合わせて使用して下さい (^^)

  • アクセス集中時用の負荷低減用のページキャッシュ機能
  • 翻訳ファイルの読み込み禁止機能
  • プラグインのロード条件設定による高速化機能
  • js, css ファイルの統合と縮小化機能(head cleaner の簡易版)
  • アイキャッチ未設定時の代替サムネイル機能
  • サムネイルの再作成機能
  • jpeg 画像の画質指定
  • png画像のサムネイルを jpg形式へ変換する機能
  • 画像の遅延ロード (Unveil.js) 機能
  • ギャラリーのスライダー表示機能
  • youtube 等の動画のレスポンシブ対応機能(FitVids)
  • トップへ戻る及びスクロールアップ、ダウン
  • シンタックスハイライト google-code-prettify サポート
  • 記事タイトル後、モアタグ後、コンテンツ後にウィジェットエリア設置
  • ウィジェットのロード表示条件設定機能
  • AdSense ウィジェット
  • 関連記事ウィジェット(画像付)
  • 新着/更新記事ウィジェット(画像付)
  • ページビューと人気記事ウィジェット(アナリティクスデータ使用)
  • 関連記事対象としたダイナミックタグクラウド
  • Googleアナリティクストラッキングコード設置
  • jQuery[1.11.1] を Microsoft Ajax CDN からロード
  • description meta タグの出力(SEO)
  • スクリプトとスタイルシートの ?Ver 情報を取り除く
  • テキストウィジェットでショートコードの使用許可
  • セルフピンバックの禁止
  • ファビコン、ウェブクリップアイコン設定
  • OGPを使ったブログカード機能
  • 記事の複製や予約更新機能

 ダウンロード

無料で公開しています。下記リンクからダウンロードして使用して下さい

Celtis one 最新版 2014/11/6 Version 2.0.0

Celtis one Ver2.0.0 (WordPress テーマ)

Download973 downloads

 

Celtis one 子テーマ 2014/6/18 Celtis one child
カスタマイズする場合のベースとして使用して下さい

Celtis one child (Celtis one 子テーマ)

Download607 downloads

 

Celtis one をパワーアップする機能満載のプラグインパックも合わせてお試し下さい

Celtispack プラグイン のダウンロードは WordPress Plugin : Celtispack ページから行うことが出来ます

WordPress Plugin : Celtispack
WordPressでブログをしているなら絶対おすすめの Celtispack プラグインパックの紹介です。高速化や画像最適化など様々な機能が満載です。このプラグインと Jetpack を組み合わせて使用して頂ければ、必要なものはほとんどカバー出来ます (^^)…

注意:本ソフトウェアを使用した事による、いかなる損害も作者は一切の責任を負いませんので、自己責任の上でご使用下さい

インストール

このテーマは WordPress バージョン3.6 以上、PHPバージョン 5.3.3 以上が必要です

バージョン3.5以下の場合は、先に WordPress のバージョンを上げてからインストールして下さい(WordPress4.0 以上推奨)

バージョン3.6 以上であれば、下記手順でテーマをインストール出来ます
また、既にインストール済みの Celtis one テーマをバージョンアップする場合には、一度違うテーマに切り替えてから古いバージョンの Celtis one を削除してからインストールを行う必要があります

1.WordPress 管理画面を表示します
2.左側のメニューから外観のテーマを選択します
3.表示された画面の上部のテーマのインストールタブをクリックします

image

4.その下の アップロード リンクをクリックします

image

5.ファイル選択ボタンをクリックして、ダウンロードしてある Celtisone_v1.5.0.zip ファイルを選択します

image

6.いますぐインストールボタンをクリックするとインストールが行われます

image

7.有効化リンクをクリックするとインストールした Celtis one テーマに切り替わります

image

以上でこのテーマが使用できるようになります

※うまく動作しないという場合は、PHPの allow_url_fopen, allow_url_include が有効になっているかもご確認下さい

また、カスタマイズする場合は、同様の手順で子テーマをインストールしてからカスタマイズを行います。子テーマに関しては Celtis-one 子テーマについて を参照して下さい

 

設定

次の記事を参照して下さい

Celtis-oneテーマ設定機能
Celtispack プラグインによる設定

Celtis-oneテーマ単体ではちょっと足りない機能を補うプラグインパックです

Googleアドセンスやアナリティクスを使用した人気記事のランキング表示、画像の最適化や高速化の為の機能が沢山詰まっています (^^)

その他の設定は WordPress Plugin : Celtispack ページを参照して下さい

 

未実装の機能

作成したテーマにSNS関連の機能はないので、この部分はお気に入りのプラグインを使用して頂ければ良いのですが、このテーマでは JetPackプラグインとともに使用していただくことを想定しています

JetPackプラグインを導入すると、不足している機能のかなりの部分を解消できます

SNS関連

  • 共有(JetPack)
  • パブリサイズ共有(JetPack)
  • WP .me 短縮URL
  • Google+プロフィール

コメント

JetPackコメントを使用すればSNSのアカウントに対応したコメント入力フォームとなります。標準のコメントフォームより場所も取らないのでお勧めです

画像処理

JetPack のカルーセル、タイルギャラリー等を有効にすれば、いい感じのギャラリーサイトが作成出来ると思います。

JetPack 以外では、下記プラグイン等もお薦めです。

  • Google XML Sitemaps  XMLサイトマップの作成プラグイン
  • Broken Link Checker リンク切れチェックプラグイン
  • WordPress Ping Optimizer ピンバックの最適化
  • MapPress Easy Google Maps 記事へGoogleマップを挿入
  • Back WPup サイトのバックアップ

 SEO

Celtis-one テーマと celtispack プラグインだけでも最低限のSEO対策は行うことが出来ます

また、下記記事にもSEOや記事の書き方について簡単にまとめてあります

Celtis-one テーマで記事を読んでもらう為の Tips

ウェッブマスターツールも大切です

ウェブマスターツール使い始め

 

デモ

今見ている celtislab.net サイトがこのテーマで表示されているので、どんな感じかはわかっていただけると思いますが、ギャラリーや動画の場合のデモページがあります

Jetpack にもスライダー表示機能はあるのですが、celtispack プラグインでもカッコイイ ギャラリースライダー機能がありますの比べてみてください

参照:WordPress ギャラリーを印象的に見せるレスポンシブスライダー(複数設置対応)

パフォーマンス

サイトのパフォーマンスは、使用しているテーマだけで決まるものではありませんが、使用するテーマやプラグインによって大きく影響をうけることも事実です

そこで、パフォーマンスを良くするにはどうすれば良いのか、また、このテーマを使うとどの程度のパフォーマンスが期待できるのか確かめてみました (^^)

WordPress Celtis-one テーマのパフォーマンスを測定してみる

高 速化のアプローチとしてはプラグインは必要最低限のものだけ利用すると言うのはお決まりですが、便利なプラグインも沢山あるのでついつい導入してしまいま す。そこで考え方を変えてプラグインが多数使っていても表示するページ毎に読み込み条件を設定できればいいんじゃないかということです

WordPress プラグインロードに条件分岐を使い高速化する方法

うまく設定できればけっこう高速化出来ます

 

テーマ開発の励みにもなるので、クールなサイトが出来たら教えて下さい (^^)

Have a good fun!  ヽ(^o^)丿

 

履歴

2013/12/17 Version 0.4.0
テストバージョン公開

2013/12/24 Version 0.5.0
アドセンスウィジェット等を一部修正

2013/12/27 Version 0.6.0
動画の埋め込み表示を  FitVids(jQuery) を使用してレスポンシブ対応
 投稿フォーマットのギャラリー、画像、動画用に、全幅表示のオプション追加

2013/12/31 Version 0.6.1
アドセンスウィジェットのバグで画面が表示されない場合の対策

2014/1/17 Version 0.7.0
Favicon, WebClipIcon 設定機能追加
ホームページの記事の並びを公開順から更新順へ変更するオプション追加
更新順指定時には date タグへの出力も公開日から更新日に変更
テーマ設定画面の修正
CSSの微調整

2014/1/30 Version 0.8.0
主にサムネイル関連の変更による高速化への対応
サムネイル作成条件オプション追加
・サムネイルの再作成をサポート
・サムネイル作成時の jpeg 画質指定
トップメージのサムネイルをスマートフォン時に小さいものを使用するよう修正
最新/更新投稿記事ウィジェット追加
関連記事ウィジェットを高速化するための修正
CSSの微調整
WordPress3.8 での動作確認

2014/2/18 Version 0.9.0
ページビューと人気記事ウィジェットを追加
(google analytics データを使って人気記事を表示します)
CSSの微調整

2014/2/19 Version 0.9.1
記事内の画像からサムネイル作成時にバグがあったので修正

2014/3/26 Version 1.0.0
画像の遅延ロード (Unveil.js) 機能追加
png画像のサムネイルを jpg形式へ変換して作成する機能
ギャラリーの表示スタイルを Twenty Forteen スタイルふうに変更
ギャラリーのカラム数自動調整機能追加
トップページのレイアウト修正
サイドバー表示有無のオプションを画像、ギャラリー、添付、動画フォーマットに分ける
トップぺージ、メニュー等で transient api を使い高速化を試みる
js, css ファイルの統合と縮小化機能(head cleaner の簡易版)
jquery, jquery-migrate, jquery-ui の読み込みを cdn サイトに変更
hentry entry-title, author, updated マークアップの修正
CSSの微調整

2014/4/8 Version 1.1.0
シンタックスハイライト google-code-prettify 機能追加
TinyMCE に pre コード挿入用ボタン追加
関連記事、新着記事ウィジェットに抜粋表示 ON/OFF 設定追加
footer.php DBへのクエリ数確認用コードを設置
Bug fix
google visualization ライブラリを未使用時にもロードしていたのを修正
webフォント genericons 更新
jQuery 読み込みタイミング add_action の init から template_redirect へ修正
single.php $content_width 設定部分を修正
home.php デバッグ用コードを削除

2014/5/1 Version 1.2.0
アナリティクスコードを head に戻す(ウェッブマスターのサイト所有者の確認の為)
jquery の読み込みを head に戻す(プラグインによってはエラーとなる為)
comment-reply スクリプトの読み込みをフッター部へ移す
人気記事ウィジェットの google visualization ライブラリのロード位置を変更
人気記事ウィジェットのデータ取得を wp_cron 使用に変更
wp_cron の http リクエストトランスポート ’curl’, ‘streams’ 優先順位の指定機能追加
TinyMCE pre コード挿入用ボタン処理を TniyMCE4 対応へ修正
WordPress3.9 動作確認

2014/6/18 Version 1.3.0
翻訳(MO)ファイルの読み込み禁止機能(高速化)
カスタマイズ画面からの リンク色、メニュー色の設定機能追加
タイトル前に投稿フォーマットタイプ(ギャラリー、画像、動画等)のアイコンを表示してそのアーカイブへのリンクを設定
パンくずリストで一部にアイコンを表示するよう修正
CSSの微調整
Bug fix
トップページで編集リンクがログインの有無にかかわらず表示される場合があったので修正
その他開発時のデバッグ用機能追加
ローカル環境のデバッグ用として localhost を指定固定アドレスに置き換える機能を追加

Version: 1.4.0 2014/7/15
プラグインにロード条件を設定して高速化する機能を追加
ウィジェットの表示条件を設定できる機能を追加
ギャラリー(標準タイプ)表示で transient api を使い高速化
Bug fix
トップページの一覧表示でギャラリーが含まれている場合に表示が遅くなる場合があった
日付アーカイブでアイコンが2重表示していたので修正

Version: 1.5.0 2014/8/29
プラグインのロード条件設定に jetpack のモジュールロード条件追加
js, css ファイルの統合と縮小化による高速化機能の修正
ヘッダー部側はページ毎に transient キャッシュすることで若干高速化
フッター部側は高速化への効果が低いので統合と縮小化処理を止める
アクセス集中時用の負荷低減ページキャッシュ機能追加
ギャラリーをスライダー表示にする機能追加
添付画像(image.php)テンプレートの修正
画像の前後リンクとパンくずリストを止め、画像の影と Exif情報を見やすく変更
footer.php にある Celtis-one リンクに rel=”nofollow” 設定
CSSデバッグ用にウィジェット等のTransient キャッシュのクリア機能追加
CSSの微調整
Bug fix
日付アーカイブでレイアウトが崩れるバグを修正
plugin-load-filter の添付ファイルの判断バグを修正

Version: 2.0.0 2014/11/6
テーマのサポート機能をデザインやスタイルの関連機能に限定して整理
他の機能は Celtispack というプラグインパックに分けた

テーマでサポートしている機能

  • パンくずリスト
  • ページナビゲーション
  • タイトル前に投稿フォーマットタイプのアイコン表示
  • 追尾型のサイドバーエリア
  • サイドバーの左右切り替え
  • ギャラリー、動画投稿フォーマット時の全幅表示
  • カスタマイズ画面からメニュー色、リンク色を簡単に設定
  • Googleカスタム検索サポート
  • サイトマップ

Celtispack プラグインへ機能を分けてテーマから削除した機能

  • アクセス集中時用の負荷低減用のページキャッシュ機能
  • 翻訳ファイルの読み込み禁止機能
  • プラグインのロード条件設定による高速化機能
  • js, css ファイルの統合と縮小化機能(head cleaner の簡易版)
  • アイキャッチ未設定時の代替サムネイル機能
  • サムネイルの再作成機能
  • jpeg 画像の画質指定
  • png画像のサムネイルを jpg形式へ変換する機能
  • 画像の遅延ロード (Unveil.js) 機能
  • ギャラリーのスライダー表示機能
  • youtube 等の動画のレスポンシブ対応機能(FitVids)
  • トップへ戻る及びスクロールアップ、ダウン
  • シンタックスハイライト google-code-prettify サポート
  • 記事タイトル後、モアタグ後、コンテンツ後にウィジェットエリア設置
  • ウィジェットのロード表示条件設定機能
  • AdSense ウィジェット
  • 関連記事ウィジェット(画像付)
  • 新着/更新記事ウィジェット(画像付)
  • ページビューと人気記事ウィジェット(アナリティクスデータ使用)
  • 関連記事対象としたダイナミックタグクラウド
  • Googleアナリティクストラッキングコード設置
  • jQuery[1.11.1] を Microsoft Ajax CDN からロード
  • description meta タグの出力(SEO)
  • スクリプトとスタイルシートの ?Ver 情報を取り除く
  • テキストウィジェットでショートコードの使用許可
  • セルフピンバックの禁止
  • ファビコン、ウェブクリップアイコン設定