ブログテンプレ『starry sky』カスタマイズ
2011.07.13 20:44｜カスタマイズ｜
いつもご利用ありがとうございます。
◎2カラムと3カラムの可変につきまして
『25_starrysky』は2カラムのつもりで制作しましたが、3カラムにもなります。
プラグインのカテゴリで切り替えることができます。
左から、メイン記事、プラグインカテゴリ1、カテゴリ2と表示されるように並んでおり、
カテゴリ2にプラグインが設定されていなければ2カラムになります。
3カラムは狭い画面では右側にスクロールが必要になりますのでご了承ください。
◎文字なし背景へのカスタマイズ
『25_starrysky』の月のところに入っている「Pray for JAPAN」の文字ですが、文字なしバージョンの背景もあります。
もし、文字なしのほうがいいケースがありましたら、カスタマイズしてください。
■修正箇所
テンプレートのスタイルシート編集になります。
基本設定の中に背景画像に関する記述があります。
■ファイル名を書き換える
画像のファイル名を「25_bg_japan.jpg」から
「25_bg.jpg」に変更。
これだけです。
テンプレート自体は→こちらから
◎2カラムと3カラムの可変につきまして
『25_starrysky』は2カラムのつもりで制作しましたが、3カラムにもなります。
プラグインのカテゴリで切り替えることができます。
左から、メイン記事、プラグインカテゴリ1、カテゴリ2と表示されるように並んでおり、
カテゴリ2にプラグインが設定されていなければ2カラムになります。
3カラムは狭い画面では右側にスクロールが必要になりますのでご了承ください。
◎文字なし背景へのカスタマイズ
『25_starrysky』の月のところに入っている「Pray for JAPAN」の文字ですが、文字なしバージョンの背景もあります。
もし、文字なしのほうがいいケースがありましたら、カスタマイズしてください。
■修正箇所
テンプレートのスタイルシート編集になります。
基本設定の中に背景画像に関する記述があります。
/*--------------------------------------------------
基本設定
--------------------------------------------------*/
（中略）
body {
background: #f5f6f7
url(http://blog-imgs-44.fc2.com/u/r/a/uraraka01/25_bg_japan.jpg) fixed no-repeat top left;
（続く）
■ファイル名を書き換える
画像のファイル名を「25_bg_japan.jpg」から
「25_bg.jpg」に変更。
これだけです。
テンプレート自体は→こちらから
- 関連記事
-
- ブログテンプレ『starry sky』カスタマイズ
- 虹のブログテンプレ『after the rain』の最新記事表示欄について
- ブログテンプレ『sky』カスタマイズについて
変更できなくて・・・・
25_starryskyの上記のファイル名を変更したんですが、
どうしても数分経っても、２カラムのままなのですが・・・
３カラム版を出していただけないでしょうか？
どうしても数分経っても、２カラムのままなのですが・・・
３カラム版を出していただけないでしょうか？
Re: 変更できなくて・・・・
葵 様
お問い合わせありがとうございます！
カラムの変更ですが、
ファイル名の変更ではなく、
環境設定／プラグインの設定 で、サイドバーの内容を
プラグイン1とプラグイン2に振り分けてみてください。
1が真ん中、2が右側のカラムに該当します。
つまり、テンプレート自体は3カラムなんです。
それを2カラムでも使えるよというだけです。
もし、うまくいかなければまたこちらにでもご質問くださいね。
よろしくお願いいたします。
お問い合わせありがとうございます！
カラムの変更ですが、
ファイル名の変更ではなく、
環境設定／プラグインの設定 で、サイドバーの内容を
プラグイン1とプラグイン2に振り分けてみてください。
1が真ん中、2が右側のカラムに該当します。
つまり、テンプレート自体は3カラムなんです。
それを2カラムでも使えるよというだけです。
もし、うまくいかなければまたこちらにでもご質問くださいね。
よろしくお願いいたします。
No title
うららん様
すばやいお返事とても感謝です。
３カラムになりました。
ところで、あともうひとつなんですが・・・
記事を真ん中に持ってくることは可能でしょうか？
○■○
■が記事です。
出来ますでしょうか？
質問多くてすみません・・(・。・;
すばやいお返事とても感謝です。
３カラムになりました。
ところで、あともうひとつなんですが・・・
記事を真ん中に持ってくることは可能でしょうか？
○■○
■が記事です。
出来ますでしょうか？
質問多くてすみません・・(・。・;
カラムの入れ替えについて
葵 様
再びのご質問ありがとうございます！
結論からいうと、カラムの入れ替えは可能です。
デザイン上、簡単に入れ替えられないものもありますので、
通常は個別カスタマイズとしてサポート外にさせてもらっていますが、
このテンプレートに関しては簡単なのでアドバイスとしてお答えしますね(●＾o＾●)
テンプレートのHTML編集では表示順に
メインコンテンツ（記事）、サイドバー1、サイドバー2の順に記述されています。
それを
サイドバー1、メインコンテンツ（記事）、サイドバー2にしていただければOKです。
具体的には
<!--サイドバー1ここから-->
～
<!--サイドバー1ここまで-->
をまるごと
<!--ラップここから-->
<div id="wrap">
のすぐ下、
<!--メインコンテンツここから-->
のすぐ上に移動していただくとできます。
これでなんのことか全くわからない感じでしたら、
無理にカスタマイズはおすすめしません(＊>.<＊)
いかがですか？
ぜひお試しくださいね。
再びのご質問ありがとうございます！
結論からいうと、カラムの入れ替えは可能です。
デザイン上、簡単に入れ替えられないものもありますので、
通常は個別カスタマイズとしてサポート外にさせてもらっていますが、
このテンプレートに関しては簡単なのでアドバイスとしてお答えしますね(●＾o＾●)
テンプレートのHTML編集では表示順に
メインコンテンツ（記事）、サイドバー1、サイドバー2の順に記述されています。
それを
サイドバー1、メインコンテンツ（記事）、サイドバー2にしていただければOKです。
具体的には
<!--サイドバー1ここから-->
～
<!--サイドバー1ここまで-->
をまるごと
<!--ラップここから-->
<div id="wrap">
のすぐ下、
<!--メインコンテンツここから-->
のすぐ上に移動していただくとできます。
これでなんのことか全くわからない感じでしたら、
無理にカスタマイズはおすすめしません(＊>.<＊)
いかがですか？
ぜひお試しくださいね。
No title
ありがとうございました。
なんとか出来ました。
黒だけででなく、
色を８色、(緑、青、紫、黄、赤、黒、オレンジ、ピンク)分けて使うので、
どの色も映える背景でいい感じのを探してて、
25_starryskyだと全部見え易い色で、きれいな背景だったので・・・
長々と質問にお付き合いいただき、ありがとうございました。
なんとか出来ました。
黒だけででなく、
色を８色、(緑、青、紫、黄、赤、黒、オレンジ、ピンク)分けて使うので、
どの色も映える背景でいい感じのを探してて、
25_starryskyだと全部見え易い色で、きれいな背景だったので・・・
長々と質問にお付き合いいただき、ありがとうございました。
テンプレお借りします。
テンプレートお借りします。初めてのブログなのであまりうまく使える気がしませんが、お許しください。
頑張ってください！それでは失礼します。
頑張ってください！それでは失礼します。
Re: テンプレお借りします。
MeidoInJP 様
はじめまして。
初めてのブログでテンプレを見つけていただけて嬉しいです♪
ブログがMeidoInJPさんの居場所のひとつとして、心地いい空間になるよう祈っています。
今後ともよろしくお願いいたします。
はじめまして。
初めてのブログでテンプレを見つけていただけて嬉しいです♪
ブログがMeidoInJPさんの居場所のひとつとして、心地いい空間になるよう祈っています。
今後ともよろしくお願いいたします。
タイトル文字と文章の文字の大きさ、色について
うららん様
はじめまして。Noahと申します。
うららん様のStarryskyが素敵で使用させていただいております。ありがとうございます。
さて、お伺いしたいのですが、タイトルの文字および、文章の文字の大きさや色を変更することは可能でしょうか？
一部、ブログ読者様から、白い文字と背景の色がかぶってしまい霧がかかったようになって読みずらいのです・・・とのご指摘がありました。
が、うららん様のこのテンプレートがとっても気にいっているので、どうしても他のものを使用することは・・・嫌なんです。ブログの雰囲気にとってもあってると思っているので。。不躾な質問で申し訳ございませんが、変更の仕方がございましたら、教えていただければ幸いです。
これからも素敵なテンプレート、期待してます！よろしくお願いいたします。
はじめまして。Noahと申します。
うららん様のStarryskyが素敵で使用させていただいております。ありがとうございます。
さて、お伺いしたいのですが、タイトルの文字および、文章の文字の大きさや色を変更することは可能でしょうか？
一部、ブログ読者様から、白い文字と背景の色がかぶってしまい霧がかかったようになって読みずらいのです・・・とのご指摘がありました。
が、うららん様のこのテンプレートがとっても気にいっているので、どうしても他のものを使用することは・・・嫌なんです。ブログの雰囲気にとってもあってると思っているので。。不躾な質問で申し訳ございませんが、変更の仕方がございましたら、教えていただければ幸いです。
これからも素敵なテンプレート、期待してます！よろしくお願いいたします。
Re: タイトル文字と文章の文字の大きさ、色について
Noah 様
はじめまして♪
ダウンロード、コメントありがとうございます。
お返事が遅くなって申し訳ありません。
文字色の変更ですが、
このテンプレートでは全体を一括で指定しています。
記事のタイトルなどはリンクになっているので、リンク箇所の色の指定（こちらもサイト内一括指定）で変更することになります。
文字サイズもサイト全体の基本サイズを変更してしまった方がいいと思いますので、
スタイルシートの次のところで直してください。
現在は12px（75%）に指定しています。
標準は16px（100%）なので、ちょこっと計算してみてくださいね。
/*--------------------------------------------------
基本設定
--------------------------------------------------*/
（略）
body {
background: #f5f6f7
url(http://blog-imgs-44.fc2.com/u/r/a/uraraka01/25_bg_japan.jpg) fixed no-repeat top left;
color: #f5f6f7;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 75%;
overflow:visible;
}
/* for without IE6&IE7 */
html>/**/body {
font-size: 12px;
}
/* for IE7 */
* + html body {
font-family: "メイリオ","Meiryo";
}
/* for IE6&MACIE5 */
* html body {
font-family:'ＭＳ Ｐゴシック';
font-size:75%;
}
（略）
/*--------------------------------------------------
リンク
--------------------------------------------------*/
a {
text-decoration: none;
}
a:link,
a:visited {color: #fdf9bb; }
a:hover,
a:active { color: #fdf9bb; text-decoration: underline; }
背景をスクロールしないで固定していて濃紺部分で本文を読んでもらうようデザインしているのですが、
スマフォやiPadは固定するスタイルシートが効かないので見づらいのかなあ。
それとも星のせいでしょうか？？
よろしくお願いいたします。
はじめまして♪
ダウンロード、コメントありがとうございます。
お返事が遅くなって申し訳ありません。
文字色の変更ですが、
このテンプレートでは全体を一括で指定しています。
記事のタイトルなどはリンクになっているので、リンク箇所の色の指定（こちらもサイト内一括指定）で変更することになります。
文字サイズもサイト全体の基本サイズを変更してしまった方がいいと思いますので、
スタイルシートの次のところで直してください。
現在は12px（75%）に指定しています。
標準は16px（100%）なので、ちょこっと計算してみてくださいね。
/*--------------------------------------------------
基本設定
--------------------------------------------------*/
（略）
body {
background: #f5f6f7
url(http://blog-imgs-44.fc2.com/u/r/a/uraraka01/25_bg_japan.jpg) fixed no-repeat top left;
color: #f5f6f7;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 75%;
overflow:visible;
}
/* for without IE6&IE7 */
html>/**/body {
font-size: 12px;
}
/* for IE7 */
* + html body {
font-family: "メイリオ","Meiryo";
}
/* for IE6&MACIE5 */
* html body {
font-family:'ＭＳ Ｐゴシック';
font-size:75%;
}
（略）
/*--------------------------------------------------
リンク
--------------------------------------------------*/
a {
text-decoration: none;
}
a:link,
a:visited {color: #fdf9bb; }
a:hover,
a:active { color: #fdf9bb; text-decoration: underline; }
背景をスクロールしないで固定していて濃紺部分で本文を読んでもらうようデザインしているのですが、
スマフォやiPadは固定するスタイルシートが効かないので見づらいのかなあ。
それとも星のせいでしょうか？？
よろしくお願いいたします。
テンプレートお借りいたします。
初めまして、sizukaと言います。
とっても素敵なテンプレートで、探し求めていた雰囲気そのままで嬉しくなってお借りいたしました。こんな素敵なテンプレートのイメージを崩さないようにブログ頑張ります！とは言っても、始めたばかりで、右も左も分からないのですが…。
これからも、どうぞよろしくおねがいします。
とっても素敵なテンプレートで、探し求めていた雰囲気そのままで嬉しくなってお借りいたしました。こんな素敵なテンプレートのイメージを崩さないようにブログ頑張ります！とは言っても、始めたばかりで、右も左も分からないのですが…。
これからも、どうぞよろしくおねがいします。
ありがとうございます！
うららん様、お忙しいところ文字色、文字の大きさの変更について、ご返答いただきましてありがとうございました。お礼が遅れて申し訳ありません。
早速チャレンジしてみます。
もし、また伺いたいことがございましたら、お願いいたします。
ありがとうございました☆
早速チャレンジしてみます。
もし、また伺いたいことがございましたら、お願いいたします。
ありがとうございました☆
Re: テンプレートお借りいたします。
sizuka 様
はじめまして♪
嬉しいコメント、ありがとうございます。
これからブログを始められるということで、楽しみですね！
こちらこそどうぞよろしくお願いいたしますm(_ _)m
はじめまして♪
嬉しいコメント、ありがとうございます。
これからブログを始められるということで、楽しみですね！
こちらこそどうぞよろしくお願いいたしますm(_ _)m
テンプレートお借りしています
うららん様
はじめまして。
爽やかで、やさしい雰囲気のテンプレートに一目惚れしてテンプレートをお借りしています。
この度、アフィリエイトの設定でテンプレート設定のところをいじってしまったら、サイドバーの位置が
左脇から下と移動してしまいました。
とてもお気に入りにテンプレートなので元に戻したいのですがどこにどんなソースを入れたら良いのか？
不慣れなのもで、お伺いしたいのですが。テンプレートの再配布不可の作品でいらしたので、このような
質問で申し訳ございませんが、何卒宜しくお願い致します。
はじめまして。
爽やかで、やさしい雰囲気のテンプレートに一目惚れしてテンプレートをお借りしています。
この度、アフィリエイトの設定でテンプレート設定のところをいじってしまったら、サイドバーの位置が
左脇から下と移動してしまいました。
とてもお気に入りにテンプレートなので元に戻したいのですがどこにどんなソースを入れたら良いのか？
不慣れなのもで、お伺いしたいのですが。テンプレートの再配布不可の作品でいらしたので、このような
質問で申し訳ございませんが、何卒宜しくお願い致します。
Re: テンプレートお借りしています
琴音 様
はじめまして♪
ダウンロードありがとうございます。
再配布というのは、カスタマイズしたテンプレートを共有するような行為のことなので、
再ダウンロードはしていただいて大丈夫ですよ！
その際、同じテンプレート名だとできないと思いますので、
削除するかテンプレート名を変更してからお願いします。
それでもうまくいかないようでしたら、またお問い合わせ下さい。
よろしくお願いいたします。
はじめまして♪
ダウンロードありがとうございます。
再配布というのは、カスタマイズしたテンプレートを共有するような行為のことなので、
再ダウンロードはしていただいて大丈夫ですよ！
その際、同じテンプレート名だとできないと思いますので、
削除するかテンプレート名を変更してからお願いします。
それでもうまくいかないようでしたら、またお問い合わせ下さい。
よろしくお願いいたします。
ありがとうございました^^
うららん様
こんばんは。
早速、再ダウンロードしてみました。無事に元に戻せて良かったです。
本当にありがとうございました。
これからも多くの方に見ていただけるようなblogに出来たらと思います。
素敵なテンプレートありがとうございます^^。
今後とも、どうぞよろしくお願いします。
こんばんは。
早速、再ダウンロードしてみました。無事に元に戻せて良かったです。
本当にありがとうございました。
これからも多くの方に見ていただけるようなblogに出来たらと思います。
素敵なテンプレートありがとうございます^^。
今後とも、どうぞよろしくお願いします。
変更の仕方、教えてください。
うららん様、こんにちは。
美しい星空のテンプレートに一目惚れし、使わせていただいております。
当ブログに来て下さっている方からも好評ですし、本当に理想的です！
いつもステキな壁紙をありがとうございます。
早速で申し訳ありませんが、質問させてください。
ブログのコメント欄の文字色を変更したいのですが、変更可能でしょうか？
当サイトでも上記にありましたように、iPad使用の方から画面が白くなってしまって読めないとご指摘をいただいて本文の色は直したのですが、コメント欄の色を変更できずにおります。
colorのところをいじってみても変わらなかったので、こちらの変更の仕方に問題があるのだと思うのですが…。
不慣れなもので、基本的な質問だとは思いますが、教えていただけると助かります。
お手数ではございますが、宜しくお願いいたします。
美しい星空のテンプレートに一目惚れし、使わせていただいております。
当ブログに来て下さっている方からも好評ですし、本当に理想的です！
いつもステキな壁紙をありがとうございます。
早速で申し訳ありませんが、質問させてください。
ブログのコメント欄の文字色を変更したいのですが、変更可能でしょうか？
当サイトでも上記にありましたように、iPad使用の方から画面が白くなってしまって読めないとご指摘をいただいて本文の色は直したのですが、コメント欄の色を変更できずにおります。
colorのところをいじってみても変わらなかったので、こちらの変更の仕方に問題があるのだと思うのですが…。
不慣れなもので、基本的な質問だとは思いますが、教えていただけると助かります。
お手数ではございますが、宜しくお願いいたします。
Re: 変更の仕方、教えてください。
眞智 様
ご利用ありがとうございます。お返事が大変遅くなりまして、申し訳ありません。
このテンプレは背景固定にしていますが、iPadやスマフォではそのCSSが利かないので縦に長いとグレー部分になってしまい、読みにくくなってすみません。
あくまでもPC用に作っているのでご理解くださいね。
コメントの文字色変更は以下のcolor設定してあるところでできます。
だいたい白#ffffffにしていますので、そこをお好きな色にしてもらえるといいと思います。
/*--------------------------------------------------
コメント、トラックバック
全記事一覧、検索結果一覧
--------------------------------------------------*/
#tb, #cm, #tl, #sa {
width: 100%;
}
p.sub_header {
text-align: left;
margin: 30px 20px 10px 20px;
font-size: 120%;
color: #ffffff; ←ココ
.colum {
border: dotted 1px #eeeeee;
margin:15px 30px;
}
h3.sub_title {
margin: 15px;
color: #ffffff; ←ココ
font-size: 100%;
border-bottom: dotted 1px #eeeeee;
padding-bottom: 5px;
}
div.sub_body {
margin: 10px 15px;
font-size: 90%;
color: #ffffff; ←ココ
line-height: 1.8em;
}
（以下省略）
よろしくお願いいたします。
ご利用ありがとうございます。お返事が大変遅くなりまして、申し訳ありません。
このテンプレは背景固定にしていますが、iPadやスマフォではそのCSSが利かないので縦に長いとグレー部分になってしまい、読みにくくなってすみません。
あくまでもPC用に作っているのでご理解くださいね。
コメントの文字色変更は以下のcolor設定してあるところでできます。
だいたい白#ffffffにしていますので、そこをお好きな色にしてもらえるといいと思います。
/*--------------------------------------------------
コメント、トラックバック
全記事一覧、検索結果一覧
--------------------------------------------------*/
#tb, #cm, #tl, #sa {
width: 100%;
}
p.sub_header {
text-align: left;
margin: 30px 20px 10px 20px;
font-size: 120%;
color: #ffffff; ←ココ
.colum {
border: dotted 1px #eeeeee;
margin:15px 30px;
}
h3.sub_title {
margin: 15px;
color: #ffffff; ←ココ
font-size: 100%;
border-bottom: dotted 1px #eeeeee;
padding-bottom: 5px;
}
div.sub_body {
margin: 10px 15px;
font-size: 90%;
color: #ffffff; ←ココ
line-height: 1.8em;
}
（以下省略）
よろしくお願いいたします。
承認待ちコメント
このコメントは管理者の承認待ちです
