カエテンジョイ(kaetenJOY)テンプレートの全体幅及びサイドバー幅を自由に変更する方法

カエテンジョイ(kaetenJOY)テンプレートの全体の幅とサイドバーの幅を自由に設定変更する方法の詳細について解説いたします。

はじめに


カエテンジョイ(kaetenJOY)テンプレートは、製作段階からテンプレートのサイズを自由に変更できるように作成されています。


kaetenjoywidth03


そのため、以下の図のように自分の好きなサイズでサイトを表示することが可能です。


kaetenjoywidth06


しかし、テンプレートの全体の幅やサイドバーの幅の設定を変更するためには、複数箇所の編集作業だけではなく、変更する数値の計算を行わなければなりません。


そのため、1箇所でも修正箇所や数値計算を間違えると、すぐにテンプレートが正しく表示されなくなってしまうという悩みが起きます。


そこで、テンプレートの全体の幅とサイドバーの幅を自由に設定変更するための数値自動計算ツールを作成しました。


以下に、設定方法と数値自動計算ツールの利用方法についてご説明いたします。


ツールの適用範囲


カエテンジョイ(kaetenJOY)テンプレートでは、以下の2種類のサイズ変更が可能となっています。


  • 幅固定で変更する場合
  • メインカラム幅を画面幅に合わせて自動調整(リキッドレイアウト)に変更する場合

今回の特典では、「幅固定で変更する場合」の変更箇所の数値を自動計算するツールをご提供いたします。


ツールの対応するカラム


このツールでは、以下の3種類のカラムに対応しています。


  • 2カラム右サイドバー
  • kaetenjoywidth08

  • 2カラム左サイドバー
  • kaetenjoywidth09

  • 3カラム両サイドバー
  • kaetenjoywidth07


ツールの対応するブログ


このツールは、以下のブログに対応しています。


  • Seesaa(シーサー)ブログ
  • さくらのブログ
  • FC2ブログ
  • 忍者ブログ
  • So-net(ソネット)ブログ
  • livedoor(ライブドア)ブログ


設定方法及び自動計算ツールの利用方法


全体の幅及びサイドバーの幅の変更を行う際には、スタイルシートの編集画面上で行います。


kaetenjoytoc04


幅を変更するためには、利用するテンプレートで設定箇所が全て異なります。


そのため、利用したいカエテンジョイ(kaetenJOY)の3つのバージョンのどれであるかを必ず確認して下さい。(2カラム右サイドバー、2カラム左サイドバー、3カラム)


確認が完了しましたら、設定したいバージョンの自動計算ツールの場所へ移動します。


以下の図のように、全体の幅とサイドバーの幅を設定する入力欄がそれぞれありますので、設定したい数値を入力して下さい。


入力の際には、初期値の値を確認し、初期値よりも大きな値を入れると幅は大きくなり、初期値よりも小さい値を入れると幅は小さくなります。


入力が完了しましたら、「計算する」ボタンをクリックして下さい。


kaetenjoywidth01


計算するボタンをクリックすると、以下の図のように赤文字で表示されている数値が自動計算されますので、修正箇所の表示に沿ってソースコードを修正します。


kaetenjoywidth02


スタイルシートの編集画面上で、数値の設定変更作業を実施して下さい。


全ての設定変更作業が完了しましたら、「保存」ボタンをクリックして下さい。


kaetenjoywidth05


以上で、サイドバーの幅を設定する作業は完了です。


設定作業後は、正常にサイトが表示されているかを確認して下さい。


この数値自動計算ツールを利用することで、およそ5分程度で自由にテンプレートのサイズ変更設定を行うことが可能となります。


ツールを利用する方法は?


この自動計算ツールは、やまてつから「カエテンジョイ(kaetenJOY)」を購入してくれた方に特典としてお渡ししております。


すでにやまてつから「カエテンジョイ(kaetenJOY)」をご購入された方には別途メールにて、設定に関する詳細な情報をご連絡いたしますのでご安心ください。


その他のやまてつからの「カエテンジョイ(kaetenJOY)」に関する購入者特典の詳細に関しましては、以下のサイトをご参照ください。


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


やまてつからカエテンジョイ(kaetenJOY)ご購入頂いた方には、今後も継続して特典を追加していく予定にしていますので、期待してお待ち頂ければと思います。


カエテンジョイプラス購入者専用のツールも追加


カエテンジョイ及びカエテンジョイプラスの両方をやまてつからご購入された方の特典として、カエテンジョイで利用できる全てのカラム(5種類)と全ブログ(9ブログ)に対応したツールも作成しました。


※すでにカエテンジョイ及びカエテンジョイプラスをやまてつからご購入いただいた方には、メールにて特典に関するご連絡をしておりますのでご確認をお願いいたします。


対応しているカラム(5種類)


  • 2カラム右サイドバー
  • kaetenjoywidth08

  • 2カラム左サイドバー
  • kaetenjoywidth09

  • 3カラム両サイドバー
  • kaetenjoywidth07

  • 3カラム変形右サイドバー
  • kaetenjoywidth10

  • 3カラム変形左サイドバー
  • kaetenjoywidth11


対応しているブログ(9ブログ)


  • Seesaa(シーサー)ブログ
  • さくらのブログ
  • FC2ブログ
  • 忍者ブログ
  • So-net(ソネット)ブログ
  • livedoor(ライブドア)ブログ
  • JUGEM(ジュゲム)ブログ
  • FANBLOG(ファンブログ)
  • みぶろぐ




One Response to “カエテンジョイ(kaetenJOY)テンプレートの全体幅及びサイドバー幅を自由に変更する方法”

  1. あとむ より:

    こんにちは、あとむです。

    ランキングから参りました。
    お世話になります。

    カエテンジョイは、良くわかりませんが、テンプレートのサイズなどの変更など詳しく書いて、スタイルシートも分かりやすく説明して頂いたので参考になります。

    また伺います。

    応援完了

コメントを残す

*

サブコンテンツ

プロフィール

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

やまてつ

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

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

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

お問い合わせ

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

お問い合せ

questionbutton

このページの先頭へ