DreamweaverでBlogspotテンプレートを編集する方法

著者: Roger Morrison
作成日: 23 9月 2021
更新日: 6 11月 2024
Anonim
管理画面テンプレートの使い方 CoreUI AdminLTE CSS Template
ビデオ: 管理画面テンプレートの使い方 CoreUI AdminLTE CSS Template

コンテンツ

Blogspotテンプレートは、Bloggerテンプレートとも呼ばれ、Googleでのブログの外観を制御する構造、スタイル、機能を含むファイルです。 HTMLタグ、スタイルシート、およびJavascriptの使用に対する限定的なサポートを使用するという点で、これらはHTMLファイルに似ています。違いは、Blogspotテンプレートはこれらすべての情報を1つのファイルにまとめ、従来のテンプレートは複数のファイルを使用できることです。また、Bloggerの特別なタグを使用して、一連のテキスト、リンク、その他の機能をBloggerアカウントに整理できます。 Dreamweaverでこれらのテンプレートを編集するには、最終的なレイアウトを表示するためにビジュアルエディタを使用することはできないため、HTMLに関する基本的な知識が必要です。


説明書

BlogspotテンプレートとBloggerテンプレートは、BloggerスタイルのCSSとHTML、およびタグを使用して情報を表示します。 (コムストック/コムストック/ゲッティイメージズ)
  1. Dreamweaverのホーム画面で[ファイルを開く]をクリックし、保存したテンプレートファイルの場所に移動します。テンプレートはXMLファイルにする必要があります。 ZIPファイルにダウンロードした場合は、開く前にまず解凍する必要があります。デフォルトでは、ファイルはコードエディタで開きます。

  2. テンプレートが構成されている形式をよく理解してください。 HTML宣言の下およびテキスト内で、「スキン」は「Bloggerタグ」で始まります。msgstr "" "フォントと色のスタイルはすべてCSSクラスにリストされているのではなく、通常変数を使って定義されています。" default "と" value "の設定を変更してください。 )必要な場合新しい値が ";"で終わり、引用符で囲まれていることを確認します。たとえば、次の一連の変数は背景色を黒に設定します。

  3. CSSスタイルを編集または追加します。それらは伝統的な構造に従いますが、タグで囲まれていません。たとえば、右側のサイドバーの長さを120ピクセルに変更するには、次の(または同様の)スタイルステートメントを編集します。

    右サイドバー

    {幅:120ピクセル。 }


    スタイルの最後に到達したら、Bloggerタグを削除または変更してスキンを閉じないように注意してください。これは次のようになります。

  4. 必要に応じてHTMLタグを追加または削除して、文書のHTML部分を編集します。新しいCSSスタイルを作成する場合は、ここからHTMLタグにクラスまたはID値を追加してください。保存する場所へのURLパスを使用して画像を追加することもできますが、編集したテンプレートを有効にした後でBloggerの管理領域にあるテンプレートエディタを使用して視覚的な要素を追加する方が簡単です。

  5. Bloggerタグを使用して、ブロックの背後にあるHTMLのコンテンツ領域を確認します。これらの行を追加、変更、または削除して、ブログの構造と機能に影響を与えることができます。ブロックを移動する場合は、機能を維持するために必ずブロック全体をコピーして貼り付けてください。 Bloggerには、各タグの機能に関する優れた参考文献があります(「参考文献」を参照)。

  6. [ファイル]> [保存]をクリックしてファイルの種類をXMLのままにして、ファイルを保存します。新しく編集したテンプレートをBloggerの管理者ページにアップロードし、それを有効にして結果を確認します。必要に応じて、マイナーパッチや変更にテンプレートエディタを使用します。

どうやって

  • テンプレートを編集する前に、FirefoxのFirebugアドオンを使用してブログのレイアウトの一部を調べてください。アドオンには、クリックした各要素のHTMLブロックとCSSスタイルが表示されるので、変更内容を確認しやすくなります。 Operaブラウザはこの機能を右クリックメニューに組み込んでいます。

お知らせ

  • タグを使わないでください 他のサイトからスタイルをインポートしたり、JavaScriptを使用したり、任意のJavaScriptを直接テンプレートに貼り付けることができます。 Googleでは、プログラムタグを介してテンプレートに埋め込まれているBloggerウィジェットを通じて認定要素を使用することのみを許可しています。