ナビゲーションを切り替え
サービス紹介
価格・プラン
事例一覧
お問い合わせ
お見積もり
ハンズオン
ブログ
デザインに関する記事
サイトマネージ
ブログ
デザイン
検索
«
1
2
3
4
»
【CSS】CSSを使ってテーブルの偶数行目だけ背景色を変える
テーブルは行が増えるにつれ見にくくなるので、 偶数行目だけ背景色を変えてCSSで見やすくしてみます。 見やすいですね。 マウスオーバーしたらセルの背景色を変える カーソルを合わせたセルの色を変えることもでき...
デザイン
【CSS】テーブルの線が二重になってしまう!1pxにしたい!
borderだけ指定してもテーブルの枠線は二重になってしまいますので もう一押しが必要です。 border-collapseにcollapseを指定することで枠線内の余白をなくし、 1pxに見せることができます。 ...
デザイン
【CSS】マウスオーバーで画像を加工させる方法
マウスオーバー用に一つ一つ画像を作成することなく CSSだけで画像にちょっぴりおしゃれな効果を出す方法を紹介します。 画像を半透明にする マウスオーバーすると半透明に変化します。 画像の外側をふわっと変化させる ...
デザイン
【CSS】マウスオーバーでちょっとした一言メモを表示させる方法
jsなどを使わずCSSだけで手軽に一言メモを表示させる方法を紹介します。 リンクをマウスオーバーしたら一言メモを表示する ↓マウスオーバー リンクだけでなくdivにも使えます。 画像にも使えます。 ...
デザイン
【CSS】サムネイルなどで使える!画像を丸く表示させる方法
サムネイルなどで使える丸い画像をわざわざ作成する手間を省く便利なコードを紹介します。 画像や要素を丸く表示させる border-radiusに100%で要素を丸く表示することができます。 それより小さい値を入...
デザイン
【CSS】最初の文字・最初の1行目にスタイルを適用させたい
以下の擬似クラスを利用するとテキストの一部にスタイルを適用させることができます。 今回は最初の文字、最初の行だけに適用する方法を紹介します。 :first-letter1文字目にだけスタイルを適用 :first-lin...
デザイン
【CSS】特定セレクタの偶数、奇数、n番目の要素にだけスタイルを適用したい!
前回「最初の要素、最後の要素だけにスタイルを適用したい!」でご紹介した擬似クラスには 特定セレクタのn番目や、偶数番目、奇数番目を指定するようなものもあります。 :nth-child(引数)n番目の要素が指定セレクタならスタイルを適...
デザイン
【CSS】最初の要素、最後の要素だけにスタイルを適用したい!
CSSには「擬似クラス」というセレクタがあり、これを使うことで 特定の条件の要素だけを指定してスタイルを適用させることができます。 この擬似クラスは、.class_nameや#class_idやpのように 普段使うセレクタの後ろにくっつ...
デザイン
画面上部にスクロールさせるリンクを自動で表示させる「jQuery Smooth Scroll」
サイトの下に「ページトップへ戻る」など、画面上部に戻るリンクを見かけますが これをテーマ編集なしで表示させる便利なプラグイン「jQuerySmoothScroll」を 紹介します。 プラグインをインストール プラグインの新規追加画...
カスタム, プラグイン, デザイン
【jQuery】WordPressでjQueryを使用する方法
WordPressにはjQueryが搭載されています。 このjQueryをWordPressで使用できるようにする方法を紹介します。 テーマ内にfunctions.phpを用意する 現在使っているテーマの「functions.ph...
カスタム, デザイン
«
1
2
3
4
»
カテゴリ
SEO対策
カスタム
テーマ
プラグイン
デザイン
タグ
カテゴリー
パンくず
アイキャッチ画像
抜粋文
固定ページ
CSS
コメント
カスタム投稿
メニュー
ループ
トラブルシューティング
jQuery
カスタムフィールド
記事詳細ページ
アップデート
カテゴリ
管理画面
タグ
ウィジェット
サイト情報
セキュリティ
ページャー
よりよいエクスペリエンスを提供するため、当ウェブサイトでは Cookie を使用しています。引き続き閲覧する場合、Cookie の使用を承諾したものとみなされます。
OK
プライバシーポリシー