kaetenJOY(カエテンジョイ)アップデート情報まとめ(2015/12/10版)

kaetenJOY(カエテンジョイ)テンプレートのアップデート情報について解説いたします。

はじめに


kaetenJOY(カエテンジョイ)テンプレートが2015年12月10日にアップデートされました。


以下に、主なアップデートの内容を図解入りでご説明したいと思います。


最新アップデート情報


2015年12月10日のアップデートでは以下の内容が修正されました。


  1. ベースカラーの変更箇所が4ヶ所から3ヶ所に簡略化
  2. 記事装飾パーツのカラーの変更箇所が7ヶ所から4ヶ所に簡略化
  3. 文字色、リンク文字色、ホバー文字色、アンダーライン表示、主要箇所の文字の太さ などの変更作業の簡便化
  4. 各ブロックごとの文字サイズを統一するためのCSS変更
  5. グローバルメニュー、記事タイトル、記事一覧などのタイトル、続きを読む、ページナビ、トップに戻る などのデザイン調整のためのCSS変更
  6. 記事装飾パーツのulリスト・olリストの表示調整のためのCSS変更


主なアップデート機能の解説


以下に今回のアップデートでわかりやすい部分の変更箇所をご説明します。


ベースカラーの変更箇所が4ヶ所から3ヶ所に簡略化

kaetenJOY(カエテンジョイ)のベースカラー変更作業は、従来から大変簡単に実施することができていました。


しかし今回のバージョンアップに伴い、修正箇所が4箇所から3箇所に簡略化されました。


basecolor08


記事装飾パーツのカラーの変更箇所が7ヶ所から4ヶ所に簡略化

kaetenJOY(カエテンジョイ)の特徴でもある追加記事装飾パーツのカラーを変更する箇所が7箇所から4箇所に簡略化され、より簡単に設定を行えるようになりました。


partscolor01


過去のアップデート情報(2015年9月17日版)


2015年9月17日のアップデートでは以下の内容が修正されました。


  1. Seesaaのトップ・カテゴリ・過去ログのページの2ページ目以降で重要タグのtitleとdescriptionにページ数が入るようにしました。Googleウェブマスターツールでの重複コンテンツが減るようになります。
  2. 忍者ブログのコメント投稿で非公開コメントにできるチェックボックスを追加しました。
  3. Seesaa・さくら・So-netの重要タグ(title/name keywords/name description/h1/h2)で
    無料ブログ側の変数の利用を整理して記述を変更しました。
  4. メインカラムのコンテンツ間の余白を変更しやすいように記述を変更しました。但し、画面サイズ959px以下では余白は20pxで固定されます。
  5. CSSのサイズ容量を減らすためにページナビ(前後ページ)の記述を変更しました。


主なアップデート機能の解説


以下に今回のアップデートでわかりやすい部分の変更箇所をご説明します。


Seesaaのトップ・カテゴリ・過去ログのページの2ページ目以降のtitleとdescriptionにページ数入力

Seesaaブログにおいては、2ページ目以降のtitleとdescriptionの表記に差がありませんでした。


kaetenjoya24


そのため、Googleのウェブマスターツール上の表記において重複コンテンツとして扱われていました。


しかし、今回のバージョンアップに伴い、各ページ毎にページ数表記が実施されるようになったことで重複コンテンツとして扱われることを回避できるようになりました。


kaetenjoya23


忍者ブログのコメント投稿で非公開コメントにできるチェックボックスを追加

忍者ブログのコメント欄を表示する場合、管理者だけにコメントを公開するためのチェックボックスが追加されました。


kaetenjoya25


過去のアップデート情報(2014年7月16日版)


2015年7月16日のアップデートでは以下の内容が修正されました。


  • Seesaaブログ・さくらのブログの記事一覧のサムネイル画像表示方法変更
  • FC2ブログ・忍者ブログ・FANBLOGの記事一覧のサムネイル画像表示方法変更


主なアップデート機能の解説


以下に今回のアップデートでわかりやすい部分の変更箇所をご説明します。


Seesaaブログ・さくらブログのサムネイル画像表示設定変更

これまでは、Seesaaブログ及びさくらブログの記事一覧を表示した場合、記事本文の最初の位置に画像が設定されていないと、以下の図のように記事本文の最初の一文字が表示される設定になっていました。


kaetenjoya18


サムネイル画像を表記するためには、記事の本文を作成する段階で以下の図のように画像を入れる必要がありました。


kaetenjoya20


画像を入れることで、記事本文の最初の一文字が表示されなくなります。


kaetenjoya21


しかし、今回のバージョンアップに伴い、記事本文の最初に画像を挿入していなくても、自動的にスタイルシートで設定された枠が表示されるようになりました。


kaetenjoya19


これにより、画像を入れていなくても、サムネイル画像の表示位置に一文字が表示されることがなくなりました。


FC2ブログ・忍者ブログ・FANBLOGのサムネイル画像表示設定変更

またFC2ブログ・忍者ブログ・FANBLOGでは、これまではインターネット上に設置されていたNo Imageの画像ファイルを自動的に表示される設定となっていました。


kaetenjoya22


しかし今回のバージョンアップに伴い、Seesaaブログ及びさくらのブログと同様に、スタイルシートで設定された枠が表示されるように変更が行われました。


kaetenjoya19


過去のアップデート情報(2014年7月10日版)


2015年7月10日のアップデートでは以下の内容が修正されました。


  • ブログヘッダーの記述変更
  • それに伴う 追加ソース_ヘッダーフリースペース用_ の記述
  • CSSでヘッダー画像を設定したとき スマホ・タブレットでの表示調整がしやすいようにCSSを変更
  • 記事一覧の「記事を読む」の表示位置の修正と全体的な修正
  • ページナビ3(前後記事)のリンクを青文字に変更とデザイン調整
  • 記事装飾パーツの追加
  • 記事装飾パーツのulリスト・olリストの表示調整


主なアップデート機能の解説


以下に今回のアップデートでわかりやすい部分の変更箇所をご説明します。


記事一覧を2段組み表示

これまでは、記事一覧を表示した場合、以下の図のように横に一列で表示されていました。


kaetenjoya11


今回のアップデートでは、以下の図のように2段組表示を行えるようになりました。


kaetenjoya12


2段組み設定は以下のページに対して行うことが可能です。


  • トップページの記事一覧
  • カテゴリページの記事一覧
  • 月別ページの記事一覧
  • 個別記事ページの記事一覧
  • 検索結果ページの記事一覧
  • タグページの記事一覧


2段組みに関する詳細な設定方法については、以下の記事を参照して下さい。


「kaetenJOY(カエテンジョイ)テンプレートの記事一覧を2段組み表示する設定方法」


ページナビ3(前後記事)のリンクを青文字に変更とデザイン調整

これまでは、前後の記事に移動するためのページナビは以下の図のように、リンクであることがわかりづらいデザインとなっていました。


kaetenjoya16


今回のアップデートでは、リンクされている文字の表示を青色に変更することで、リンクであることがわかりやすく変更されました。


kaetenjoya17


記事装飾パーツの追加

カエテンジョイは、多様な装飾パーツがすでに備わっていますが、さらに追加となりました。


◆シンプルなBOX
kaetenjoya13

◆H3タグ(2種類)
kaetenjoya14


kaetenjoya15


過去のアップデート情報(2014年4月9日版)


アップデートでは以下の内容が修正されました。


  • フッターフリースペースの幅が自動調整されるリキッドレイアウトに対応。中央と右側は固定で、左側幅が画面サイズで自動調整
  • 右下に表示されるページトップとホームのリンクのデザイン調整とスマホ・タブレットで無料ブログ側の広告が自動表示されるときの表示位置の調整
  • ページナビの表示調整
  • アイキャッチバナー画像を、CSS側で指定したときに、画像がセンタリングにならない点を修正
  • HTMLに画像ソースを入れたとき、画像の横幅の自動調整
  • 独自にtableタグを組んだときに指定したデザインが反映されるように修正
  • フッターの注意書きの文言
  • 画面サイズ959px以下でレスポンシブ対応の1カラムになるように調整
  • FC2で、一部のPC環境で、ページナビのjavascriptが正しく読み込まれない点を修正
  • JUGEMで、記事一覧ページの個別記事内のフリースペースの表示調整
  • FANBLOGで、個別記事内に表示される関連記事の表示調整


主なアップデート機能の解説


以下に今回のアップデートでわかりやすい部分の変更箇所をご説明します。


フッターフリースペースのリキッドレイアウト対応

従来まではフッタースペースは固定になっており、画面幅を変更しても変化はありませんでした。


しかし、今回のアップデートに伴い、以下の赤枠で囲まれた部分が自動的にサイズ調整を行い、最適な表示を行えるようになりました。


kaetenjoya09


実際に画面幅を変更すると、矢印で示した箇所が自動的にサイズ調整を行ってくれます。


kaetenjoya10


この機能の追加により、表示される文字の位置も自動的に調整してくれます。


画面サイズが959px以下で1カラム表示される

従来までは1000pxより小さい画面幅になると1カラム表示がされていました。


kaetenjoya08


今回のアップデートで960pxより小さい幅になると1カラム表示がされるように変更されました。


kaetenjoya04


これまでよりも自分が表示させたいカラム数での表示条件の幅が拡大されることになります。


右下のページトップとホームのリンクのデザイン調整

これまでのデザインが以下のように横幅が広めとなっていました。


kaetenjoya05


今回のアップデートでは以下の図のように横幅サイズが小さくなりました。


kaetenjoya06


まとめ


今回は主なアップデートされた機能のみをご紹介いたしました。


kaetenJOY(カエテンジョイ)テンプレートはユーザーの意見を反映させながら、継続的にバージョンアップがされています。


今後も更に使いやすいアップデートが行われると思われます。


無料ブログ用のテンプレートとしてはレスポンシブWebデザイン対応及びSEO強化が図られている点を考慮した場合、他の無料ブログ用テンプレートと比較しても大変有用なテンプレートであると言えるでしょう。


参考サイト


以下に、kaetenJOY(カエテンジョイ)テンプレートの機能を詳細に解説したサイトがありますので、活用の際に参考にしていただければと思います。


「kaetenJOY(カエテンジョイ)テンプレート詳細解説サイト」



コメントを残す

*

サブコンテンツ

プロフィール

こんにちは、やまてつです。

やまてつ

自分らしい生き方がしたいと思い、脱サラしてネットビジネスで独立を果たしました。

現在は自分の望んだ通りの自由で幸せな人生を歩んでいます。

詳しいプロフィールについてはこちらから。

お問い合わせ

疑問や質問などがございましたら、こちらからお問い合わせをお願いいたします。

お問い合せ

questionbutton

このページの先頭へ