「HTML&CSS」の記事一覧 | LIVE YOUR LIFE

「HTML&CSS」の記事一覧

ブログデザインを一瞬でおしゃれにする10の鉄則【WordPress初心者向け】

  WordPressブログをおしゃれにしたい… 初心者でもデザインにちょっとはこだわりたい… おしゃれなブログに憧れる…   この記事にたどりついたということは、もしかしたらあなたはこんなことを思っ・・・

【賢威6.2】WordPressで記事のアイキャッチ画像をマウスオーバー時に拡大させる方法

  よくTCDからリリースされているテーマなどで実装されているのですが、アイキャッチ画像がマウスオーバーに合わせて拡大される仕様を見たことがあるかもしれません。 次の画像のような感じです、実際にマウスオーバーし・・・

WordPress(賢威)のCSSをスマホ・PCで条件分岐して表示させる方法

  WordPress(賢威)でスマホのみ・PCのみで表示内容を分岐する方法【HTML】の記事では、HTMLにおいてスマホ・ PCそれぞれの表示内容を変更させる方法を解説しました。 今回はそれに対して、CSSで・・・

賢威6.2の文字フォント周りのカスタマイズまとめ|種類・サイズ・行間を変更する方法を解説

  WordPressの数あるブログテーマの中でも特におすすめで、当サイトでも使用させていただいているのが『賢威』。 業界内でもかなりの利用者が多いテンプレートで、現在ではバージョン7まで販売されています。 &・・・

賢威6.2でグローバルメニューに背景画像を設定する方法|サイトを一瞬でオシャレにしよう

  数あるWordPressテンプレートの中でも、『賢威』は特に優れたもので、ぼく自身も長い間愛用させていただいています。 そのデザイン性の高さやカスタマイズ性の柔軟さ、そしてカスタマーサポートの充実性など、正・・・

WordPress(賢威)でスマホのみ・PCのみで表示内容を分岐する方法【HTML】

  WordPressサイトをスマホ表示に対応させる際に、スマホ閲覧時のみもしくはPC閲覧時のみ表示する内容を変更したい場合があると思います。 今やサイト運営において必須とも言える『レスポンシブ対応』を検討する・・・

賢威6.2のグローバルメニューをヘッダー部分に固定&追尾させる方法|CSSのみで簡単にカスタマイズ

  ぼくのサイトではブログテーマ『賢威6.2』を使用していますが、やはりそのカスタマイズ性の高さは他のテーマに類を見ないレベル。 無料のテーマでは手の届かないところまでカスタマイズすることができるので、サイトを・・・

WordPressリンク文字色のマウスオーバー変化速度を調節する簡単なCSS

  テキストリンクにカーソルを合わせたときに、色を変化させる効果を使ったページをたまに見かけます。 今回は、そんな効果を簡単なCSSを実装するだけで実現できる方法をご紹介します。   小技的なCSSで・・・

【賢威6.2】フッターを3列にしてウィジェットとして表示する方法

  今回は、賢威6.2でフッターを3列で表示させ、さらにウィジェットととして管理できる方法を解説していきます。 賢威のフッターは、デフォルトの状態では2列で表示されていますが、個人的にスッキリしないところがあっ・・・

【賢威】グローバルメニューを2行で表示させる方法|英語表記やサブタイトルを追加しよう

  僕はWordPressテンプレートである賢威を使用していますが、やはりカスタマイズ性に優れているのは大きな強み。 細部にいたるまで好みにカスタマイズできるので、楽しくサイトを構築していくことができて良いです・・・

1 / 212
サブコンテンツ

TO THE TOP