WordPress個別指導・カスタマイズ・トラブル対応
WordPressの使い方

CSSの書き方

WordPress個別サポート
テーブルのヘッダーに背景色

サイト内に追加する料金表などのテーブルのヘッダーに背景色を付ける場合、theadタグやthタグを目印にCSSを記述すれば簡単ですが、すべてのテーブルにtheadタグやthタグが存在するとは限りません。 その場合、CSSで ...

テーブルの幅は調整できるが…

ホームページに追加したテーブル(表)のサイズ調整で困っていませんか?1つずつ修正するのは面倒ですがCSSでテーブルやセルの幅を自動調整すると手間が省けますよ。 「width: auto;」によるテーブル幅の自動調整 ビジ ...

遅いサイトは集客にも影響が出ます。お悩みの方はぜひ、「ConoHa WING」をお試しください。私も使ってますが「国内最速レンタルサーバー」という噂どおりWordPressのダッシュボードもサクサク動くので感動です。

スポンサーリンク

WordPressの「追加CSS」メニューとは 「外観」-「カスタマイズ」メニューの「追加CSS」とは文字通り、サイトにCSSを追加するメニューで、用途はデザイン修正です。たとえば、グローバルメニューのフォントサイズを大 ...

画像マウスオーバー時のエフェクト

画像にマウスオーバーしたときに効果を付けたいことがあります。たとえば、拡大したり回転したり、ぼかしたり、キャプションが飛び込んできたり、などです。そのようなときは「画像マウスオーバー エフェクト」などで検索すると、参考に ...

サイドバーの幅を変えたいこともあります。そんなときの注意点を書きます。 サイドバーの幅を広げすぎないように サイドバーの幅を広げる場合、次のようなCSSを追加するかもしれません。 サイドバーの隣にあるメインコンテンツにも ...

サイトで使うh1やh2の見出しをおしゃれなデザインにしたいというニーズは多いです。また、おしゃれかどうかは別にして、使用中のテーマとは違うデザインに変えたいこともあります。ここでは、インターネットで見つけた見出しのサンプルCSSを自分のサイトで使うときに必要な修正ポイントを説明します。

ラジオボタンやチェックボックスを画像に置き換える方法を紹介します。見やすいフォームを作成できれば、問い合わせや成約の増加につながるかもしれませんね。Contact Form 7プラグインで作成した問い合わせフォームとJazzy Formsプラグインで作成した見積もりフォームを例に説明します。

WordPressの編集画面にコピーペーストして使える便利なCSSを紹介します。活用する場面は、少しだけデザインを調整したいときです。たとえば、申し込みボタンをセンタリングしたり、画像の下に余白を入れたり、一部の文章を枠線で囲みたいときです。

CSSを使って画像の上に文字を重ねる方法を紹介します。難しそうですが、ポイントだけおさえれば、普通にdivブロックを作るのと変わりません。参考にしてください。仕上がりイメージは次のようになります。 CSSで重ねる画像と文 ...

1 2 3 »
カスタマイズ・トラブル対応でお急ぎのときは
「カスタマイズがうまくいかない」「突然トラブルが発生した!」などでお急ぎのときはWordPressメールサポートで対応します。ご活用ください。
スポンサーリンク

最近の投稿

最近の投稿

その他の記事を読む
(記事総数:613本) 
  • twitter
【LP作成に】Danganページビルダー
LPを組み立てるように作れます。
【高速サーバー】ConoHa WING
国内最速との噂です。

お困りのときはご相談ください

ホームページ作成講座 WordPress個別サポート WordPressメールサポート
wordpress講座受講予約
西沢直木のIT講座
PAGETOP