menu
閉じる
  1. Affiliater’s Guild blog更新!
  2. 新しいiPhoneは?Appleの発表会を見た感想
  3. お名前.comでドメイン取る時の注意点
  4. 人気ブログランキングのあるジャンルで1位になった件
  5. ネガティブ思考でアフィリエイトは稼げないから
閉じる
閉じる
  1. ネガティブ思考でアフィリエイトは稼げないから
  2. Affiliater’s Guild blog更新!
  3. 人気ブログランキングのあるジャンルで1位になった件
  4. お名前.comでドメイン取る時の注意点
  5. 時間に対する意識を変えて効率よく活動しよう
  6. スタレジェ引いてみた!ぐらぶるのSSRは何が当たる?
  7. SSレアが絶対に手に入る!グラブルの素敵ガチャが9/11 19時に登場…
  8. 新しいiPhoneは?Appleの発表会を見た感想
  9. 超激レア、バハムートが来たぁ!【グランブルーファンタジー】
  10. TCD・CUBEYに変更してデザインリニューアル
閉じる

ひすいちの時間と自由を求めるブログ

賢威6.1 最新記事カテゴリのアイコンサイズ変更

  • このエントリーをはてなブックマークに追加
賢威6.1 最新記事カスタマイズ

 

賢威6.1を使っていてずっと思っていたんだけど、

記事のカテゴリ文字数が多いからか…

 

新着記事アイコンに6文字しかカテゴリ名が表示されず、

ぶつ切り状態でもどかしかった。

 

 

色々調べていたけど、

該当する記事がなかなか見当たらないので、

思い切って自分でカスタマイズにトライしてみた。

 

よければ参考にしてみてほしい。

 

 

賢威6.1 最新記事カテゴリのアイコンサイズ変更

 

 

まず、

実践前にかならず注意しておくことを伝える。

 

 

CSSをいじる場合、思いもかけない影響が出ることがある。

下手にいじって、元に戻せなくなることも当然ありえる。

 

 

そのため、

いじるページの全文をメモ帳などにコピーしておくこと。

 

 

そうすれば、もし異常な状態になっても、

コピーしておいた全文を貼りつけ直せば元通りになる。

その部分だけは徹底して欲しい。

 

 

 

じゃあ早速始めてみる。

作業自体は結構簡単だからご安心を。

 

 



賢威のダッシュボードを開く



『外観』「テーマ編集」を開く



『スタイル』「design.css」を開く

 

design.cssはその名の通り、

ブログデザインを構築する情報がまとまったシートだね。

 

 



下記のソースをカスタマイズする。

——————————————————

/*最新情報のアイコン設定*/
#main-contents dl.news dd.cat{
float: center; (←初期値はleft)
overflow: hidden;
width: 12em; (←初期値は6em)
height: 1.5em;
padding: 0.1em 0.3em 0;
border-bottom: none;
background: #333;
color: #fff;
font-size: 0.555em; (←初期値は0.858em)
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

——————————————————

 

floatはleftのままだと、

記事タイトルと隙間がなくなって詰まった印象だ。

centerにすることで綺麗な状態が作れる。

※本来floatにcenterという値はありません。
ただこの方法でうまくいったので記載しました。

 

widthはカテゴリ文字表示数の変更。

初期値だと6文字しか入らないが数字を増やすと、

増やした分だけ文字数を多く表示できる。

 

widthのみいじるとレイアウトが崩れるが、

上記のfloatをcenterに変更しておくことで、

十分な文字表示領域を確保できる。

 

 

font-sizeは文字の大きさを変更する。

ここはあなたが自分で調節してみて確認してほしい。

 

 

上記のように変更することで、

僕のトップページのような表示になる。

※このブログは現在賢威を使っておりません。

 

カテゴリ文字数で苦戦している人は、

参考にしてもらえると幸いです。

 

 

P.S.

賢威とはこういうものです。

 

 

 

ご不明点があれば遠慮なく聞いてください^^

↓ ↓ ↓

ひすいちへ問い合わせ♪

 

関連記事

  1. 賢威6.2_01

    賢威6.2にブログテンプレート変更

  2. 賢威テンプレートVer6.1でグローバルナビを改変/EX

  3. 賢威テンプレートver6.1でエリア変更

  4. <賢威6.1>トップヘッダーメニューに特商法とか入れてみる

  5. 賢威テンプレートver6.1の文字色変更

  6. 賢威テンプレートVer6.1でグローバルナビを改変(クール版)

おすすめ記事

  1. ネガティブ思考でアフィリエイトは稼げないから
  2. Affiliater’s Guild blog更新!
  3. 人気ブログランキングのあるジャンルで1位になった件
  4. お名前.comでドメイン取る時の注意点
  5. 新しいiPhoneは?Appleの発表会を見た感想

コメント

    • test
    • 2016年 2月 09日

    floatにcenterという値はないですよー

    • ひすいち
    • 2016年 2月 16日

    testさん
    ご指摘ありがとうございます。

    あくまで書き換えを実践した結果、
    問題が無いもののみ記載していますが、
    たしかにfloatにcenterという値は無いですね。
    勉強不足失礼いたしました。

  1. この記事へのトラックバックはありません。

ピックアップ記事

  1. ネガティブ思考でアフィリエイトは稼げないから
    人は心が弱くなってると行動できない僕たち人間って精神的に弱気になってる時、…
  2. SIRIUSの購入者特典を更新
    ギルドブログ更新!ひすいちが運営しているもう一つのブログ、『Affiliater's Gui…
  3. 人気ブログランキング1位
    アクセスアップのためにブロガーさんの大半に言えることかもしれないが、趣味・日記としてブロ…
  4. ドメインはお名前.comで取ってます
    ドメイン取るならお名前.comという宣伝文句もありまして、僕はドメインをお名前.comで取得…
  5. スキマ時間と効率化
    どうも、ひすいちです。最近改めて時間というものを考えるようになったけれども……
ページ上部へ戻る