特に多いご質問
ブログデザインが急に崩れてしまった
デザインを変更したのに反映されない
新着記事

2014年04月25日

ブログのヘッダ画像を変更したのに画像が表示されない

ブログのヘッダ画像を変更したいの記事を読んで、ヘッダ画像差し替えを行ったのに画像が何も表示されない というご質問への回答です。


原因の一例

スタイルシートで書き換えた画像名が、
アップロードした画像のものと一致するかどうかご確認ください。
とくに間違いやすい個所は、拡張子*の部分です。
拡張子の大文字小文字を間違って記述すると画像が表示されません。
(.jpg .JPG .jpegなど)
デジタルカメラなどから取り込んだ画像は、
拡張子が大文字になっていることが多いようですのでご注意ください。

*拡張子とは:画像やファイル名のあとに付いている「.」(ピリオド)で区切られた一番右側の部分です。.jpg .gif .pngなどで、そのファイルの種類を示すものです。
パソコンの設定によっては、拡張子が表示されないことがあります。その場合は、表示する設定にするか、ファイルのプロパティから確認してください。


※なお原則としてHTMLやCSSについての技術的サポートは行っておりません。お問い合わせを頂きましてもお答えできませんのでご了承下さい。
ニックネーム アセラ事務局 at 10:20| デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

2013年05月27日

ブログのヘッダ画像を変更したい

ブログのヘッダ画像を変更するには、
シンプルタイプのテンプレートを適用しヘッダ画像のみ差替える方法が簡単です。



★手順
@シンプルタイプのテンプレートを追加します。
「マイブログ」−「デザイン」−「テンプレート」から
いずれかのシンプルタイプテンプレートを追加してください。
  ・シンプルホワイト (右/幅950px)
  ・シンプルチョコレート (右/幅960px)
  ・シンプルグリーン (右/幅960px)
  ・シンプルグレー (右/幅960px)

Aヘッダ画像を作成します。
お手持ちのフォトレタッチソフト等を使って、
幅960ピクセル、高さ200ピクセル程度の画像を作成します。(解像度は72px/inch)

Bヘッダ画像をアップロードします。
作成したヘッダ画像は
「マイブログ」−「記事投稿」−「ファイルマネージャ」からアップロードしておきます。
※画像名は半角英数文字でつけておいてください。
※アップロードは記事投稿画面内のファイル登録ではなく、
 必ずファイルマネージャから行ってください。

Cスタイルシートに記述します。
「マイブログ」−「デザイン」−「スタイルシート」から、
使用したいテンプレート名をクリックして、
スタイルシート編集画面を表示させます。
『#banner {』で始まるスタイルシート内の1行目に
background-image: url("http://〜〜〜(ブログURL)〜〜〜/image/△△△.jpg");
のように記述します。(△△△はアップロードした画像名を入れてください)

-----------------------------------------------------------
【追記】『シンプルグレー』を選んでいる場合は、
『#banner {』で始まるスタイルシート内の
background-image: url(http://a-thera.com/img/bg/177/header.gif); の記述を
background-image: url("http://〜〜〜(ブログURL)〜〜〜/image/△△△.jpg");
に上書きしてください。
-----------------------------------------------------------

Dスタイルシートを保存します。
『スタイルシートを変更する』をクリックします。
ヘッダ画像がブログに適用されるには少し時間がかかる場合があります。


  ※なお原則としてHTMLやCSSについての技術的サポートは行っておりません。
   お問い合わせを頂きましてもお答えできませんのでご了承下さい。
ニックネーム アセラ事務局 at 10:39| デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

2011年04月05日

ブログの記事幅を広げたい

スタイルシートを編集して、記事表示の横幅を広げる手順についてご説明します。

サイドバーが左右にあるタイプ(3カラム)のテンプレートをご利用の場合、
記事横幅が狭いためブログデザインが乱れてしまう場合などにお試し下さい。

「マイブログ」−「デザイン」−「スタイルシート」画面より、
ご利用中のテンプレート名を選択し、スタイルシート編集画面を表示させます。

記事幅を広げるには2ヶ所変更が必要です。

■ブログの全体の横幅を広げる
#container{
margin:0px auto 0px auto;
padding-right:0px;
width:780px;
padding-left:10px;
text-align:center;
color:#6D6E71;
}

この部分の「width:780px;」は、ブログ全体の横幅を表します。
記事幅を広げる分だけ、数字を足します。
ここでは「100ピクセル」分広げることとし、「width:880px;」に変更します。

■記事の横幅を広げる
#content {
margin-bottom:30px;
margin-left:20px;
float:left;
width:370px;
text-align:left;
}

この部分の「width:370px;」が、記事表示部分の横幅を表します。
ここでは先ほど広げた「100ピクセル」分を広げ、「width:470px;」に変更します。

■変更を保存します。
「スタイルシートを保存する」をクリックして修正が完了します。

ポイントは、ブログ全体の横幅を広げた数字(今回は100ピクセル)と、
記事の広げる横幅を同じ数字にすることです。


【注意】
今回の方法で記事幅を広げた場合、テンプレートにより対応できない場合がございます。
「のんびりレトリバー」や「プリティプードル」など、
日付や記事タイトルの背景に画像を使用しているテンプレートの場合、
記事幅を広げても背景画像が広がらずに、デザインが乱れてしまいます。

今回の方法では、日付や記事タイトルの背景が画像でない場合のみご利用いただけます。
背景画像を使ったテンプレートの場合は、背景画像を変更していただく必要がございます。

※今回の方法で記事幅を広げることのできないテンプレート(3カラム)
「プリティプードル」
「のんびりレトリバー」
「グッピーブルー」
「オカメインコ」
「ガーリーラビGr」
「セレブ犬ピンク」
「幸せの青い鳥」
「セレブ犬イエロー」
「バナナンさる」
「K&K」
「ガーリーラビ」
「なごみ猫」
「BLUE FISH」
「お散歩パピヨン」

※HTMLやCSSの編集についての技術的サポートは行っておりません。
お問い合わせを頂きましてもお答えできない場合がございますのでご了承下さい。

ニックネーム アセラ事務局 at 11:45| デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

ブログの背景を変更したい

ブログの背景画像を設定、変更する方法についてご説明します。

【一つの小さな画像をタイルのように連続して貼り付けていく方法】

★手順

@背景画像を準備します。

A背景画像をアップロードします。
作成した背景画像は
「マイブログ」−「記事投稿」−「ファイルマネージャ」からアップロードしておきます。
※画像名は半角英数文字でつけておいてください。(ここではhaikei.gifとします)
※アップロードは記事投稿画面内のファイル登録ではなく、
 必ずファイルマネージャから行ってください。

Bスタイルシートに記述します。
「マイブログ」−「デザイン」−「スタイルシート」から、
適用したいテンプレート名をクリックして、
スタイルシート編集画面を表示させます。
『body』で始まる記述を見つけて、{ }の中の行に
background-image: url("http://〜〜〜(ブログURL)〜〜〜/image/haikei.gif");
を追加します。

※ここでは例としてhaikei.gifと記載しておりますが、
ご使用の背景画像がJPG形式の場合は拡張子はJPGにしてください。

変更したスタイルシートは下記のようになります。

body {
font-family: Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
text-align:center;
background-color:#FFF;
background-image:url("http://〜〜〜(ブログURL)〜〜〜/image/haikei.gif");
}

Cスタイルシートを保存します。
『スタイルシートを変更する』をクリックします。
ヘッダ画像がブログに適用されるには少し時間がかかる場合があります。


  ※なお原則としてHTMLやCSSについての技術的サポートは行っておりません。
   お問い合わせを頂きましてもお答えできませんのでご了承下さい。
ニックネーム アセラ事務局 at 11:35| デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

ブログの文字色・背景色を変更したい

スタイルシートで設定する際の色(カラー)についてご説明します。

記事内の特定のテキストの文字色変更は、
記事入力欄下のカラーパレットボタンで指定していただくことができますが、
記事のデフォルト(初期値)文字色設定や、ブログの背景色、
サイドバータイトルに画像を使っていない場合の背景色などを設定する際は、
スタイルシートで指定していただく必要があります。

テンプレート(SimpleWhite3)での色指定についてご説明します。

以下の赤字で表示されている箇所の数値を変更する事で
色の変更が可能となっております。

【参考】WEB色見本
http://www.colordic.org/

■ブログ全体の背景色
body {
font-family: Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
text-align:center;
background-color:#FFF;
}

■リンクテキスト色
a {
color:#6D6E71;
}
a:hover{
color:#000;
}

■配置「メイン」の背景色
#container{
margin:0px auto 0px auto;
padding-right:0px;
width:780px;
padding-left:10px;
text-align:center;
color:#6D6E71;
}

■ブログタイトルの文字色
h1 a{
color:#6D6E71;
font-family:arial, Helvetica;
text-decoration: none;
font-weight:bolder;
}
h1 a:hover{
color:#6D6E71;
}

■記事タイトルの文字色
h3 a{
padding: 0px;
font-weight:bolder;
color:#6D6E71;
}
h3 a:hover{
color:#6D6E71;
}

■ブログ説明の文字色
.description {
color:#6D6E71;
margin:0px 0px 0px 0px;
font-size:12px;
font-family:sans-serif;
font-weight:bolder;
}

■投稿日時の文字色
.date{
font-size: 14px;
color:#6D6E71;
font-weight:bolder;
padding:5px 0px 5px 10px;
margin:10px 0px 0px 0px;
border-top:1px solid #6D6E71;
border-left:1px solid #6D6E71;
border-right:1px solid #6D6E71;
}

■カレンダーの年月文字色
.calendarday {
font-size:12px;
font-weight:normal;
background-repeat:no-repeat;
background-position:center;
padding:4px ;
color:#6D6E71;
}

■カレンダーの日付の文字色
.calendarday a{
color:#000;
}

この他にも色設定できる部分がありますので、是非お試しください。

※HTMLやCSSの編集についての技術的サポートは行っておりません。
お問い合わせを頂きましてもお答えできない場合がございますのでご了承下さい。

ニックネーム アセラ事務局 at 11:22| デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

2009年09月30日

テンプレート(スタイルシート)の編集はどこから行えばよいですか?

テンプレート(スタイルシート)の編集は
「マイブログ」-「デザイン」-「スタイルシート」
から、使用中のテンプレート(スタイルシート)を選択して行って下さい。

※HTMLやCSSの編集についての技術的サポートは行っておりません。
お問い合わせを頂きましてもお答えできない場合がございますのでご了承下さい。

ニックネーム アセラ事務局 at 18:09 | TrackBack(3) | デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

HTMLを変更できますか?

アセラブログではHTMLの変更はできません。
CSS(スタイルシート)のみ変更可能です。



ニックネーム アセラ事務局 at 18:08| Comment(0) | TrackBack(0) | デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする

デザインを変更したのに反映されない

テンプレートを変更したのに前のデザインのままだったり、 デザインが崩れたようになっている場合は、 可能性として以下の2点が考えられます。

@サーバー負荷状況によって、テンプレートの変更から反映までに 時間がかかっている場合

ブラウザの更新ボタンを押しても投稿した記事がブログに反映されない場合には、 反映されるまでお待ち頂くか、下記の手順で操作を行って下さい。

1.マイ・ブログにサインインする。
2.反映したいブログの設定メニュー内「ブログ設定」に移動する。
3.ブログ設定の項目内にある「最新の情報に更新」の実行ボタンをクリックする。
4.「ブログ設定が完了しました」と表示されたら、ブログを確認する。


Aブラウザに残っている「キャッシュ(インターネット一時ファイル)」が 表示されている場合

ブラウザ上に「キャッシュ(インターネット一時ファイル)」と呼ばれるデータが 蓄積されると、データが新しいものが表示されず古いものが表示されてしまったり、 動作が重く感じられたりする場合がございます。

そういった場合、
定期的に「キャッシュをクリア(削除)」していただくことで、 解決することがございます。

 【キャッシュクリアの方法】   以下のキーボード操作をお試しください。      ⇒ブラウザのキャッシュをクリアしてリロードするショートカットキー      ●IEの場合    ctrlキーを押してから、F5キーを同時に押す
              (それでも変わらなければ、「一時ファイルの削除」を
              行ってから再度ショートカット操作を行ってみてください)

       ●Firefoxの場合  ctrlキーを押してから、shiftキーと Rキーも同時に押す
     ●Google Chromeの場合 ctrlキーを押してから、F5キーを同時に押す
     ●Safariの場合  ctrlキーを押してから、shiftキーと Rキーも同時に押す

   ※詳しいキャッシュクリアの方法は、各ブラウザのヘルプを参照ください。

ニックネーム アセラ事務局 at 18:06 | TrackBack(0) | デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする