WordPressにTwitterウィジェットを設置した際、ユーザー名の表示がずれる時の対処法

Twitterウィジェットのユーザー名のずれ

 

最近はお客さんから「ホームページにTwitterやFacebookを表示させて欲しい」と依頼されることが多い。

つい先ほどもWordPressで構築したサイトにTwitterウィジェットを設置したところ、

なぜかアイコンの位置に対してユーザー名が下にずれるということが起こった。(モザイク部分)

WordPressにTwitterウィジェットを設置した際、ユーザー名の表示がずれる時の対処法

 

調べたところ案外簡単に解決したのでメモ的にエントリー。

原因は、Twitterウィジェットではユーザー名の文字タイトル部分に<h3>や<h4>タグが使われていて、

使用しているWordPressのテーマのcssで、これらのタグに「clear:both」が指定されているため。

 

対処法としては、

wp-content/themes/使用中のテーマ/style.css 内に以下のタグを記述し、アップロードするだけ。

.twtr-hd h3,.twtr-hd h4{
clear:none;
}

css編集

 

これで表示のずれが解消された。

Twitterウィジェットのユーザー名のずれ

人気ブログランキングで今何位?

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

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る