「カスタマイズ」の記事一覧

【WordPress】プレビュー時だけ上の黒いバー(管理バー)を非表示にする方法

投稿や固定ページの編集で「プレビュー時のみ」上段の黒いバー(管理バー/ツールバー)を非表示にする方法。 ユーザー設定で管理バーを非表示にすると全ての場面で管理バーが非表示になって使いづらい。プレビューだけを判別するクラスを追加してCSSを設定すれば、投稿や固定ページのプレビュー時のみ管理バーが消え、その他の画面では表示されるのでワードプレスの使い勝手を落とさずプレビュー画面を実際の画面と同じように見ることができる。

【WordPress】CSSやJavaScript,jQueryを簡単追加する方法!プラグインのおすすめ

ワードプレスでカスタマイズをする、となると、必ず出て来るCSSやJavaScript, そして jQuery。 ネットで検索するとサンプルコードは沢山出てきますが、実際にそれらのコードをワードプレスに反映させるにはどうするか?とそもそものところが難しい、という感じです。 こうしたところはプ […]

ブログ記事一覧のサムネイル画像をマウスオーバーで拡大させる!CSSで簡単カスタマイズ

ブログの記事一覧表示にアイキャッチ画像(サムネイル画像)を表示している場合が多いですが、その画像にカーソルを乗せる(マウスホバーさせる)と、「画像がふわっと拡大表示される」という場合がありますね。 この「画像がふわっと拡大表示」は実はCSSを使って簡単に実現できますので、是非試してみてくだ […]

文字だけのロゴ画像の作り方!
文字以外の背景を透明にする方法(PhotoScape編)

ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。(Cocoonなど) 背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルが見づらくなる場合がありますが、こうした時には文字だけのロ […]

ツイッターやインスタの遅延読み込み!ページ表示スピードアップのための工夫(Lazy Loadだ!)

ページの表示スピードは検索順位を決定する要因にもなることから、なるべく早く表示するように工夫していくと良いですね! ページスピードを上げるのによくあるのが画像の遅延読み込み(Lazy Loadと言われるもの)。ワードプレスでは専用のプラグインがあったりCoconnなどテーマによってはそもそ […]

スクロール固定・追従するサイドバーウイジェット!cssだけで作る方法

サイドバーに表示している広告や目次などで、画面をスクロールしても画面の上とかに固定されて追従してくるものってありますよね? ワードプレスで使うテーマによってはそうした動作をするサイドバー専用のウイジェットが用意されている場合もありますが、私が使っている賢威8にはないようです。 そこでここで […]

WordPressでjQueryが動かない場合の対処法!コードの書き方と読込みタイミング

WordPressで何かカスタマイズがしたい場合、jQueryというものが必要になる場合があります。 私の場合もカスタマイズでどうしても jQuery が必要になり、恐る恐る使ってみたところ、なぜか動作をせずにさんざん悩みました。解決法は至って単純でポイントは以下3点。 jQueryが使え […]