カテゴリー:カスタマイズ

  • はじめに(カスタマイズについて)

    当テンプレートのCSS(スタイルシート)はユーザーが分りやすいように、各ブロック毎に整理して、記述しています。■ベースカラー■記事装飾パーツのカラー■文字色■背景色■基本レイアウト(全体の幅・余白)■文字サイズと行の高さ■各ブロックのデザイン設定(ヘッダー・フッター・サイドバー・記事など)■表示制御...

    記事を読む

  • 1.ベースカラー

    ※クリックすると該当箇所に移動します1.ベースカラーの変更2.ベースカラーに薄い色を設定したときの文字色の修正3.フラットデザインにする主要部分のベースカラー(色)を変更することでデザインに使っているグラデーション背景やボーダーをお好みの色で設定できます。1.ベースカラーの変更CSS の ■ベースカ...

    記事を読む

  • 2.文字サイズ・文字色

    ※クリックすると該当箇所に移動します1.文字サイズの変更2.文字色の変更 2-1.主要部分 2-2.サイドバー 2-3.サブ部分 2-4.リンク文字 2-5.訪問済みリンク文字 2-6.ホバー時リンク文字3.文字の太さ・影4.ベースカラー部分1.文字サイズの変更CSS の ■文字サイズと行の高さ の...

    記事を読む

  • 3.ブログ背景色

    ※クリックすると該当箇所に移動します1.ブログ背景色の変更2.変更例サンプルブログ背景色の変更CSS の ■背景色 の次の記述を変更してください。/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■背景色━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*ボディ*/bod...

    記事を読む

  • 4.ヘッダー

    ※クリックすると該当箇所に移動します1.CSSでヘッダー画像を入れる2.HTMLでリンクありヘッダー画像を入れる3.タイトルと説明文を横並びにする4.検索BOXを非表示にする5.ヘッダーナビを固定表示にする1.CSSでヘッダー画像を入れるCSS の ●ヘッダー&グローバルメニュー の次の記述を変更し...

    記事を読む

  • 5.記事一覧・関連記事

    ※クリックすると該当箇所に移動します1.デフォルト表示2.表示されるサムネイル画像について3.サムネイル画像のサイズ変更4.サムネル画像の非表示5.記事リストに背景をつける6.記事タイトルに記事装飾パーツのulリストを使う7.記事リストの表示件数8.抜粋文の文字数変更1.デフォルト表示記事一覧記事リ...

    記事を読む

  • 6.個別記事・記事一覧の表示制御

    ※クリックすると該当箇所に移動します0.デフォルト表示1.トップページで個別記事を非表示にする2.トップページで記事一覧を非表示にする3.記事一覧ページで個別記事を非表示にする4.記事一覧ページで記事一覧を非表示にするデフォルト表示個別記事・記事一覧の表示はデフォルトでは次となります。ページ表示内容...

    記事を読む

  • 7.テンプレートの表示幅

    ※クリックすると該当箇所に移動します1.レイアウト毎の表示幅(デフォルト)2.メインカラム表示幅の変更方法 2-1.幅固定で変更する場合 2-2.メインカラム幅を自動調整(リキッドレイアウト)に変更する場合1.レイアウト毎の表示幅(デフォルト)メインカラム・サイドバーの表示幅は次のようになっています...

    記事を読む

  • 8.記事装飾パーツ

    ※クリックすると該当箇所に移動します1.概要2.記事装飾パーツを利用する方法3.記事装飾パーツの記述方法・種類・色(マニュアル)4.記事装飾パーツのカラー変更1.概要次の 記事装飾パーツ をご用意しています。H2 タグH3 タグul・ol タグ テーブルタグ引用タグパーツタグ個別記事 ・ サイドバー...

    記事を読む

  • 9.スマホ・タブレットでの表示

    スマホ・タブレットでPC用テンプレートを 強制表示させるスクリプト ( プログラム ) の設定方法を説明します。ユーザー様の便宜を図るためにの情報を提供しますが当ページの内容は【 サポート対象外 】になります。また、端末やブラウザ環境により正しく動作しない場合もあります。予めご了承ください。概要説明...

    記事を読む

  • 10.PCとスマホでの広告表示切替

    ※クリックすると該当箇所に移動します1.概要2.記述方法3.分岐点の変更4.ご注意(アドセンス)1.概要無料ブログには同一HTML内でそのような切替をする機能はありませんのでデバイスの画面サイズで切り替えを行う方法となります。画面サイズ671px以上のデバイスだけで表示 主にPC・タブレット画面サイ...

    記事を読む

  • 11.管理者コメントの区別表示

    ブログ管理者のコメントはデザインを区別して表示することができます。デザインを区別して表示させるにはCSSの変更が必要です。変更方法CSS の ●管理者コメント の次の記述を変更してください。/*---------------------------------●管理者コメント------------...

    記事を読む

  • 記事装飾パーツ一覧

    ※クリックすると該当箇所を表示します基本パーツ■H2・H3・ul・ol・文字だけ見出し・引用■画像回り込み■テーブル■ボックス追加パーツ■H2 タグ■H3 タグ■ul タグ(番号なしリスト)■ol タグ(番号ありリスト)■パーツ■記述方法(例)入力するソース<h2 class="h2-01-m...

    記事を読む

Copyright (C) 2020 カエテンジョイ マニュアル Seesaa All Rights Reserved.

テキストや画像等すべての転載転用・商用販売を固く禁じます