SSブログ

最新記事一覧の文字数を増やす [so-netブログカスタマイズ]

左ペインのメニューに「最新記事一覧」というのがありますが、記事のタイトルが長いので、全部同じ文字になっています。
これでは具合が悪いので、文字数を増やしてみます。

続きを読む


カテゴリー一覧を表示させる [so-netブログカスタマイズ]

so-netブログはカテゴリーのタイトルをクリックすると、通常のトップページのように記事が冒頭から「続きを読む」までが表示されます。
これを、タイトルの一覧が頭に並ぶようにして、目的の記事がすぐ見つかるように変えてみます。


続きを読む


so-netブログカスタマイズ その7 微調整 [so-netブログカスタマイズ]

さて、ほとんど完成に近づいてきました。あとは細かいところの修正です。
まず、タイトルがオレンジ色のような文字で、右側に入っているのでほとんど判別がつきません。
タイトルを左側にもってきて、色も変えてみましょう。
39行に text-align: right;
53行に text-align: right;
という記述があります。これがタイトルの文字を右寄せにしています。
このrightをleftに変えます。

続きを読む


タグ:ブログ

so-netブログカスタマイズ その6 画像の適用とレイアウトの修正 [so-netブログカスタマイズ]

終盤に近づいてきました。
まず、作成した画像を表示させます。

最初に記事管理→ファイル管理から、前回作成した画像を全部アップロードします。

次に、CSSをテキストエディターで開き、banner_bg.jpgというファイル名があるところを探します。
ツールバーに検索窓を表示させておくと便利です。
33行目くらいに、background:url("/_common/skins/854/images/banner_bg.jpg") no-repeat 0px 0px; という行があるはずです。

画像のリンク先の記述をみつけたら、アップロードした画像のURLを探します。
記事管理→ファイル管理のところにある画像のファイル名(banner_bg.jpg)をクリックします。「元ファイルを見る」をクリックすると画像が表示されますので、ブラウザーのURL欄を見て、『https://blog.so-net.ne.jp/_images/blog/_○○○/○○○○○○○/banner_bg.jpg』の『/_images』以降をコピーします(下線部)。

続きを読む


so-netブログカスタマイズ その5 背景画像を拡大する [so-netブログカスタマイズ]

さて、本題に戻ります。
前々回の操作”幅を広げる”で、幅だけ広がってレイアウトが崩れました。
画像の幅は固定なので、当然の結果です。
今回は画像を拡大します。

ブログの枠の部分(影のように見えるところ)は、最初から作成してもいいのですが今回はこのテンプレートのものをそのまま使います。

続きを読む


so-netブログカスタマイズ その4 ここでひと休み テキストエディターのカスタマイズ [so-netブログカスタマイズ]

さて、ここまでいかがでしたか?
とめどない疲労感に襲われている方、ご安心ください。
まだ序の口です(笑

ここでちょっとブログから離れて、テキストエディターを少しカスタマイズしてみましょう。

続きを読む


so-netブログカスタマイズ その3 ブログを設置して、幅を大きくしてみる [so-netブログカスタマイズ]

下準備ができたら、ブログのカスタマイズに入ります。
すでにブログを設置している方は「続きを読む」まで飛ばしてください。
まだブログの設置をしていない人はここからとりあえずクレジットカードを登録しない方でコンテンツコースに入会し、ブログを設置してね。
ブログを開始すると最初にデザインを選ぶ画面が出ますので、ここでは「田舎」の3ペインを選んでください。

次にURL(http://○○○○○.blog.so-net.ne.jp/ の○○部分)を入力します。これがあなたのURL。サイトの名前と同じか、関連したものにするとよいでしょう。次はタイトルとブログの紹介文を入力。紹介文はタイトルの下に表示されます。タグは検索されやすくなったりしますので、ブログの記事に関連するキーワードを入れます。

ここまでできたら、下のデザインテンプレートの変更を飛ばして先に進んでください。


続きを読む


so-netブログカスタマイズ その2 テキストエディター、画像処理ソフトを用意する [so-netブログカスタマイズ]

今日はテキストエディター、画像処理ソフト編です。
テキストエディターは「秀丸」を、画像処理ソフトは「Photoshop」をインストールしてください。

終わり。

え、短すぎる?
しょうがないな...もう少し書くか。

テキストエディターはスタイルシートとかの編集に使います。ブラウザーに表示されているのをそのまま編集することもできますが、700行くらいあって目的の場所を探すのが大変だし、一気に置換したりもできません。
能率よくカスタマイズするにはスタイルシートをテキストエディターで行うほうが簡単です。ついでにバックアップもできるしね。


続きを読む


so-netブログカスタマイズ その1 ブラウザーを4つインストールする [so-netブログカスタマイズ]

Hi There!

so-netブログで記事を書きつつ、カスタマイズの方法も書いていきます。
今回はso-netのテンプレートにある「田舎」を「都会」にします。
具体的には、これを

first.jpg

こうします。
↓↓↓↓↓

続きを読む


この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。