• MENU ●●●●
  • シリウスサイトマップ構成を解り易くするカスタマイズ方法


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    当該サイトコンテンツ関連記事

     スポンサーリンク

    サイトマップの見ずらさを見やすいスタイルに変更する方法

    シリウスのデフォルト構成のサイトマップページの編集画面は用意されて
    おらず 全然編集など行わない方は多くおられるかと思います

     

    しかし コンテンツが増えた時点でサイトマップを確認してみると
    何とも整列が不自然でどれがどれやらと認識ずらい構成ですね

     

    ならば 読者様に情報はここにあるぞと
    解り易くスタイルをカスタマイズしましょう

     

     

    2015 0222
    シリウス機能カスタマイズ サイトマップ編

     

    シリウスのデフォルトサイトマップは 読者からすれば求める情報を
    一覧できることでは必要なページですが 行間が狭いため
    見ずらくて情報を探しずらいという事情があります

     

    その見ずらを見やすくすることはスタイルシートの一部改行で行えます

     

     

    そこで 申し訳ありませんが あくまでサイトマップであるので
    デザインなど気にせず 見やすくするのみに視点を当てた範囲の
    簡単カスタマイズの方法をご案内します

     

    こちらは当サイト例のサイトマップですが 変更後です
    元画像は切りとり忘れ

     

     

    今回したことは カテゴリーのタイトルメニュー内の文字に制限があり
    途中までの尻切れ で意味が理解できない事もあるので

     

    文字線を通常サイズにして出来る限り 枠内に文字が入るようにしました
    また左スペースぎりぎりまでスタート位置を移動

     

    テキストメニューの左位置移動
    テキストメニュー事の上下のスペースを空けて分類確認できるようにと
    致しました

     

    改行はスタイルシートのサイトマップ項目からです

     

     

    /* サイトマップ */

     

    #sitemaps{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    }

     

    #sitemaps ul{
    margin:0;
    padding:0;
    }

     

    #sitemaps li{
    list-style-type: none;
    list-style-image: none;
    }

     

    #sitemaps .sbox1, #sitemaps .sbox2 {
    width: 47%;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0px;
    }

     

    #sitemaps .sbox1 {
    float: left;
    clear: left;
    }

     

    #sitemaps .sbox2 {
    float: right;
    clear: right;
    }

     

    #sitemaps .l1 {
    background-image: url(./img/sitemap_l1.jpg);
    line-height: 26px; メニューの高さ位置
    height: 26px;メニューの高さ位置
    font-weight: bold; カテゴリーメニューのフォントサイズ
    margin-bottom:2px; メニューの下 テキストのスペース
        margin-top:0px;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 7px; メニューの左スタート位置
    overflow: hidden;
    }

     

    #sitemaps .l2 {
    background-image: url(img/sitemap_l2.jpg);
    background-repeat: no-repeat;
    background-position: left 4px;
    line-height: 20px;
    text-indent: 2px;
    margin-left: 2px; テキストの左スタート位置
    margin-bottom: 13px; 上下のスペース
    }

     

    #sitemaps .l3 {
    background-image: url(img/sitemap_l3.jpg);
    background-repeat: no-repeat;
    background-position: left 4px;
    line-height: 20px;
    text-indent: 25px;
    margin-left: 18px;
    margin-bottom: 10px;
    }
    ここまで

     

     

     

    上記の赤指定箇所を変更すればカスタマイズは完了します
    青指定は参考までにです

     

     

     

    カテゴリーメニューのフォントサイズを変更する場合は 
    以下の記述を

     

    font-weight: bold; カテゴリーメニューのフォントサイズ

     

    font-size: 12px;
    数値は好みに変更してください

     

    スポンサーリンク

     

     

    シリウスサイトマップ構成を解り易くするカスタマイズ方法記事一覧

    シリウスマップページはカスタマイズが必要か?チビットカスタマイズ

    シリウスのサイトマップページは殺風景なので 読者様へのあいさつ記事は配置できないか? 画像は掲載できないかとサポートへ質問がよせられておりますが はてさて如何なものでしょうか?あまりのカスタマイズは 何ともどうかとも判断付かずですが若干程度でしたら良いのかなと?ですが 無理にはお勧めいたしません事情...

    ≫続きを読む

     

    シリウスのサイトマップを単体ではなく記事説明も入れ込み構成する

    シリウス機能で表示することが出来るデフォルトのサイトマップページはヘッダータイトルは表示されるものの ページ内すべてにサイト内のページメニューの一覧が表示されます2カラム3カラムのサイドメニューは 通常道理表示されます基本的にデフォルト設定では記事挿入は出来ない模様ですしかし メニューのみでは何とも...

    ≫続きを読む

     

     

     

    シリウスサイトマップ構成を解り易くするカスタマイズ方法
    シリウスカスタマイズトップ

     

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト