• TOP
  • WordPress
    • まとめ
    • JavaScript
    • 記事
    • 画像/動画
    • 管理
    • アクセス/SEO対策
    • カテゴリ
    • サイドバー/ヘッダー
    • アイキャッチ
    • パスワード
    • コメント
  • プラグイン
  • CSS
  • ユーザー限定
Plus WordPress ワードプレスの基本・応用テクニックを紹介
ホーム › CSS

外部からスタイルシートの変更

外部からスタイルシートを変更しサイトのデザインを変更します。切り替えたスタイルの情報はクッキーに保存され、同じ状態を保てるようになっています。

画面幅に合うアドセンスの自動表示

いろんな大きさの画面(スマホ、タブレット、ブラウザの幅)にあったアドセンスの広告を表示したい場合の対処法です。※ブラウザを狭めても広告のサイズは変わりません。ページを表示(更新)したときのブラウザの幅に対応しているだけなので、スタイルシートでの工夫がもう少し必要になるかと思います。

表示領域内に文字を省略し…を表示

スタイルシートで指定した表示領域内に文字を省略し、最後に省略符号「…」を表示します。

CSS3のみで画面外からメニューをスライド表示

画面外部からスライドしてくるドロワーメニューをCSSのみで作成します。

CSS3 アコーディオンメニュー

CSS3のみで作るアコーディオンメニュー

背景画像を複数指定する

スタイルシートのbackground-imageに背景画像を複数指定する方法。背景画像の重なり方は、記入順で左から順に上になります。

スタイルシート、JavaScriptを軽量化

CSSやJavaScriptを圧縮し軽量化してくれるサービスです。サイトが完全に完成してからの使用をおススメします。

clearfix

親の背景が伸びない、高さがでない、あのもどかしい悩みをclearfixが解決します。

CSS3 角を丸くする

CSS3で角を丸くする。基本: border-radius: 10px 12px 13px 14px; ( 左上 右上 右下 左下 ) 角を丸くしたい場所をpx又は%で指定。

CSS3 テキストにシャドウ(影)

CSS3 テキストシャドウの基本とネット上に落ちていた使えそうなテキストシャドウをまとめてみました。色の好みは置いといてスタイルシートの書き方を参考にしてみてください。

1 / 212
人気記事
高機能でオシャレな実用的メニュー(HTMLテンプレート)
Webページ全体をフェードイン、フェードアウト
投稿、固定ページ内にウィジェットを挿入
記事の続きを読むを消す
最新記事を自動でスライドショー
コメントに画像を挿入できるようにする
フリーの高機能HTMLテンプレート
指定したカテゴリIDのカテゴリ名のみ取得
記事ごとに個別のCSSやJavaScriptを追加
カテゴリ別に違うカテゴリ(テンプレート)を表示
タイトルや本文からタグを自動生成
特定のカテゴリに個別のCSSを適応させる
非表示、置換テクニック
カテゴリー別に違うサイドバーを出す
CSS3のみで画面外からメニューをスライド表示
画像や動画をポップアップし再生
Contact Form7の送信完了画面をカスタマイズ
スライドショー Meteor Slides
phpMyAdminのユーザー名とパスワードの確認方法
アイキャッチ(サムネイル)を呼び出す
管理画面の投稿一覧で投稿IDを表示する
CSSやJavaScriptのハンドル名(id)を確認
カテゴリに別々のアイコンを表示
レスポンシブなLightbox jQuery プラグイン Strip
コメントのメールアドレス入力覧を消す
スライドショー Skitter Slideshow
記事をランダムに表示させる
背景をスライドショーにする
パスワードを間違えると一定時間ログインできないようにする
ショートコードを追加するプラグイン
全記事のアイキャッチをまとめて自動作成
CSS3 角を丸くする
CSS3 ボックスシャドウ
ページごとに違うヘッダーを読み込む
リンクの表示順を並べ替える
購読者にパスワードを変更させない
スライドショー WP Slider Plugin
個別にJavaScriptを振り分ける
管理画面の投稿一覧へアイキャッチを表示
サイト全体のサムネイルサイズを変更
    メルマガ購読
  • メールマガジンではWordPressのおもしろい使い方を紹介しています。またユーザー限定ページとも連動しているので、そちらも自由に観覧できるようになります。
  • 登録フォーム
PlusWordPress
  • お問い合わせ
  • このサイトについて
Link
  • 人気ブログランキング
  • 使えるWordPressテーマ
背景変更
  • デフォルト
  • ホワイト
  • ブラック
  • グレー
  • Facebook
  • RSS Feed
  • Google Plus
© 2022 Plus WordPress