【WordPress】ウィジェットのタグクラウドをプラグインを使わずにカスタマイズする方法

カテゴリー:WordPress    |    タグ:

【WordPress】ウィジェットのタグクラウドをプラグインを使わずにカスタマイズする方法

タグクラウドをウィジェットを使って表示させたのですが、ウィジェット側では文字の大きさや並び順等を操作することができません。

設定値のまま使うと少々見栄え的に好きではないので、少しだけカスタマイズして使用しています。

今日は、そのカスタマイズ方法を。

ウィジェットのタグクラウドの初期値

まだ少ない投稿数だと変化がよくわからないのですが、ウィジェットのタグクラウドは、書いた記事数によって文字の大きさが違ったり、並び順も昇順で表示されます。

それは、WordPressであらかじめそれぞれの値が決められているからなのですが、その値というのが以下になります。

おおざっぱに言うと、「タグ名の昇順」で、小さいタグを8pt、大きいタグを22pt、最大 45 タグ、flat(ホワイトスペース区切り)形式ですべてのタグを表示させますよと書かれています。

詳しくは、こちらの テンプレートタグ/wp tag cloud | WordPress Codex に記載されています。

ウィジェットのタグクラウドのカスタマイズ

今回変更したのは、文字サイズと並び順、表示するタグの数を変更しました。

準備

functions.phpというファイルに変更を書きくわえていくわけですが、ここで少し注意することがあります。

1. このfunctions.phpというのは、テーマで使用する関数の集まりです。とても大事なファイルなのでバックアップをしておきましょう。

2. ご自身のPC上で変更される場合は、文字コードが指定出来るエディタというものが必要です。

エディタで検索すると無料のものから有料のものまでたくさん出てきますので、それぞれの環境にあったものを使ってください。

3. 管理画面から変更することも可能です。

メニューにある外観 ⇒ テーマ編集というところからできます。

theme

変更を書きくわえる場所

開くとプログラムが書かれています。これはPHPという言語でかかれているのですが、初めての方は、どこにコピペすればいいのかわからないと思います。

この間に書くのですが、ここは、追記していく分は一番上<?phpの下からとか一番下になど、どちらかにすることをおススメします。


変更を書きくわえる

以下をテーマフォルダにあるfunctions.phpへ追記します。


CSSで整える

あとは、CSSで整えてあげると出来上がりです。

参考になるかわかりませんが、このブログで使用しているCSSを書いておきます。

※  ウィジェットのタグクラウドでは.tagcloudというクラス名が使われています。

以上で完成です。

ADVERTISEMENT

  • Pocket
  • このエントリーをはてなブックマークに追加

published:2013/09/24    Written by:
カテゴリー:WordPress,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

memo

【Stinger3カスタマイズ】バージョンアップしたのでこのブログで変更したところを書き留めておく備忘録 #3

つい最近デザインを変更してみたのですが、どうにもノリノリでかけなくなってしまったのでまたデザインを元

記事を読む

memotonewsp

【Stinger3カスタマイズ】だいぶ落ち着いたのでこのブログで変更したところを書き留めておく備忘録 #2

前にも書いたのですが、書き忘れていたものがあったので第二弾。 前のものはこちら、【Stinger3

記事を読む

Stinger-minimum

Stinger3子テーマ「Stinger-minimum」のスマホテーマ対応をしました!

今回このスマホ用「Stinger-minimum」を作りました。 子テーマ「Stinger-min

記事を読む

wordpress_stickers_everywhere

アイキャッチ(サムネイル)画像の大きさを変更する【Stinger3カスタマイズ】

いくつかお問い合わせを頂いたので、アイキャッチカスタマイズについてこの記事でお返事とさせて頂こうと思

記事を読む

Wordpress1

コメント欄をカスタマイズしたので備忘録メモ(コメントとトラックバックを分ける)

現在このブログでのコメント欄はJetPackのコメントを使用しています。 これです! が、こ

記事を読む

コメントを残す

5件のトラックバック

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2016年12月
    « 12月    
     1234
    567891011
    12131415161718
    19202122232425
    262728293031  
電子書籍ストア BookLive!
PAGE TOP ↑