CSSプラグイン紹介プラグインを有効化してサイドバーなどにウィジェットを追加したとき、使っているテーマとデザインが合わなかったり、表示がおかしなことになったことはありませんか?使いたいプラグインを入れても、デザインが崩れてしまっては台無し。使うのをあきらめるのはもったいない。プラグインで指定されているCSSを書き換えるなり追記すればなんとかなるのでしょうが、正直ちょっとめんどくさい......。ウィジェットにCSSクラスが追加できれば、その問題も簡単に解決できそうです。Classes】は、各ウィジェットに独自のCSSクラスを追加することのできるプラグイン。特定のウィジェットだけデザインを変えたい場合などに、とても便利です。Classesで検索する今すぐインストールをクリック。インストール後有効化するまたは、配布サイトからダウンロードして、インストール。Classes手動でインストールする方法はコチラ関連記事WordPressのプラグインをインストールする方法WordPressのプラグインをインストールする方法は、全部で3つあります。Classes』が追加されます。Classes』に任意のクラス名を記述したら保存します。STEP3CSSを記述CSSを記述します。例:テキストカラーを赤に指定CSS.widget-css-test{color:red;}STEP4使用イメージCSSクラスを設定したウィジェットはテキストカラーが赤に変更されました。Classes】項目が追加されるので、そこから設定を行います。classesクラスを翻訳するかの選択ウィジェットにCSSクラスを追加するだけなら、特に設定をいじる必要はないでしょう。項目を設定したら変更を保存します。STEP4Import/Export『Import/Export』タブに切り替えると、保存した設定をインポート・エクスポートすることができます。5.3このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。Classes】は、ウィジェットに独自のCSSクラスを追加することのできるプラグイン。特定のウィジェットだけデザインを変更したい場合などに、とても便利です。ランキングに参加しています。lists】の使い方Next投稿と固定ページ一覧に文字数を表示する方法【プラグイン不使用】この記事を書いた人たちばなWordPressのプラグインを探し回っては、翻訳して紹介しています。おうち大好きなインドアひきこもり。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。