サイト管理者のGigo(ジーゴ)です(*^^*)
Googleが提供している無料ブログサービス「Blogger」について、「使い方とカスタマイズ方法」をまとめています。
他にも詳しく無料ブログのBloggerをまとめている方がいらっしゃるので、その方たちのサイトと合わせてご利用いただければと思います(^^)
今回は、設定するHTMLとCSSのソースコードの検索方法について説明していきます。
設定するHTMLとCSSのソースコードの検索方法
Vaster2のテンプレ―トをカスタマイズしていく場合、そのほとんどを ”HTMLとCSSの書き換え” を行うことで作業を行っていきます。
「HTMLとCSSの書き換え」と聞くと難しく聞こえますが、実際行うのは目的のソースコードを見つけて、そのソースコードを書き換える作業を行っていくだけです。
このソースコードの検索する作業は、Vaster2を使用していない場合でも同様です。
サイトの細かいレイアウトを自分好みに変更する場合には、HTMLやCSSの書き換えが必要になります。
ソースコードを表示するまでのながれは下に記載した通りです。
- ブログ管理画面:「テーマ」をクリック
- 「HTML」をクリック
- ソースコードの枠内にカーソル移動
- 「Ctrl」+「F」:検索窓を表示
- ソースコードの検索
①ブログ管理画面メニューの「テーマ」をクリック
ブログ管理画面メニューの「テーマ」をクリックします。
![Bloggerで始める無料ブログ:設定するHTMLとCSSのソースコードの検索方法【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-l9TXMQJqGyI/XFKwnua8vVI/AAAAAAAALaM/u1kzASG98GApDTRvpJ4nt4iu4danABiwACK4BGAYYCw/s640/2%25E5%25B9%2585.jpg)
②「HTML」をクリック
画面下の方にある「HTML」をクリックします。
![Bloggerで始める無料ブログ:設定するHTMLとCSSのソースコードの検索方法【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-ABEusEz27Bw/XFKwqTanklI/AAAAAAAALaU/6JuUJKLGL6M9B5o6rqhWBdvVrG6C3MdhQCK4BGAYYCw/s640/3%25E5%25B9%2585.jpg)
③ソースコードの枠内にマウスのカーソルを移動
ソースコードの表示されている枠内を一度クリックし、マウスのカーソルをソースコード内に移動します。
![Bloggerで始める無料ブログ:設定するHTMLとCSSのソースコードの検索方法【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-EsNfxSz-BXk/XFk2PLOEh_I/AAAAAAAALnQ/9FV08eJXNToV6Supqguo5cprmBRhgakTACK4BGAYYCw/s640/4SNS.jpg)
④「Ctrl」+「F」で検索窓を表示する
「Ctrl」+「F」を押し、ソースコードの枠の右上に検索窓を表示します。
![Bloggerで始める無料ブログ:設定するHTMLとCSSのソースコードの検索方法【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-OLI-K54zvPc/XFk2S7xtNZI/AAAAAAAALnY/8_iZi-1IaM8oQoWnRAfPzLbU-quEyjyzwCK4BGAYYCw/s640/5SNS.jpg)
⑤検索窓で目的の部分を検索
右上に表示した「検索窓」。
この部分に検索したいソースコードを入力し「Enter」を押すと、そのソースコードの部分を表示することができます。
まとめ:今回のおさらい
Vaster2のカスタマイズは、「HTMLとCSS」を書き換えることによって行っていきます。
基本的には、目的のソースコードを書き換えることによって作業を行うのですが、多くのソースコードを一つ一つ見て探すのは無理があります。
そのため、目的のソースコードを検索して、書き換えを行うソースコードを見つけます。
ソースコードを見つける作業は、検索窓に目的のソースコードを入力するだけなのでとても簡単な作業です。
カスタマイズを行うのなら多用する作業なので、しっかり覚えておきましょう(*^^*)