[WordPress ] 更新されたスタイルシート（CSS）を自動的に読み込ませたい
[WordPress] 更新されたスタイルシート（CSS）を自動的に読み込ませたい 公開日:2021/12/25 更新日:2021/12/26 ウェブ業界で結構あるあるなやり取りだと思います。 こういった場合、キャッシュをクリアしてくださいとお願いすることになるのですが、お客さんからすれば「キャッシュなんて知らないよ」と言いたくなってしまいます。 お客さん以外にも、サイトを訪問する不特定多数のユーザーの中には、キャッシュの保存期間内に複数回アクセスする場合も十分にありえます。 このようなケースを防止するため、CSSファイルを更新したときだけ、最新版のスタイルシートを読み直すやり方を検討してみました。 header.phpに書く場合 <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/style
特定のページの時だけContact Form 7のCSSやJSをロードさせる方法
Contact Form 7のメールフォームプラグインを有効化すると、contact-form-7/includes/css/styles.cssとcontact-form-7/includes/js/scripts.jsのファイルが、ブログ内のすべてのページで読み込まれます。 サイドメニューやフッターにコンタクトフォームがある場合は別なんですが、お問い合わせページだけでContact Form 7のフォーム使っている場合は、その固定ページが表示された時のみCSSなどをロードしたいものです。 ということで今回は、特定のページの時だけContact Form 7のCSSファイルなどを読み込ませる方法について解説していきたいと思います。 Contact Form 7のJavaScriptとCSSを、お問い合わせページにだけロードさせる方法 ざっくり、以下の流れになります。
設定しないと損！WPでカテゴリページ毎にタイトルを変更してSEO強化
WordPressを利用してWebサイトを作成されているのであれば、SEOはカテゴリページにも気を使っていますか？ カテゴリページはトップページや記事ページよりもSEO的な面で軽視されがちなのですが、カテゴリページも検索結果に表示される大切なページです。単なる記事一覧が表示されるページだと考えて、しっかり手を入れないのは非常にもったいないですよ！ 以前にもカテゴリページ毎に異なるオリジナルコンテンツを入れることで、カテゴリページが検索結果に表示されやすくなり今以上のアクセスを獲得することが可能であると記載したことがあります。 カテゴリページのタイトルを自由に変更・設定するWordPressの場合、カテゴリページのタイトルは［カテゴリ名 – ブログ名］のようにかなり単調なものになってしまいます。例え検索結果に表示されてユーザーの目に留まっても、［カテゴリ名 – ブログ名］のような単調なタイト
WordPressで特定のカテゴリーの時だけ表示させる条件分岐の書き方 | 福岡のホームページ制作会社 | シンス株式会社
WordPressサイトを制作している時に「このカテゴリーの一覧ページではボタンを表示させたい」とか「あのカテゴリーの記事ページだけこのテキストを表示させたい」とか、特定のカテゴリーに応じて変化を加えたいことってありますよね。 今回はそんな時に確認してほしいカテゴリーによる条件分岐の書き方をまとめました。 カテゴリーの記事一覧ページでよく使うis_categoryの条件分岐記事一覧を表示させるためにループをさせている箇所や、アーカイブページでは条件分岐のためにis_categoryというタグを利用することが多いです。 実際の書き方を見て行きましょう。 指定箇所がカテゴリーの記事一覧だった場合に条件分岐させる
Jetpack がコンタクトフォームを乗っ取ってしまう | Contact Form 7 [日本語]
This page is also available in English. Jetpack は人気のあるプラグインで、WordPress.com が提供するたくさんの機能を通常の WordPress で利用可能にするものです。私自身も Jetpack を愛用しています。 ですが残念なことに、Jetpack 1.3 から新たに導入されたコンタクトフォームモジュールが、Contact Form 7 を含む他のコンタクトフォームプラグインと衝突してしまうことがわかっています。 典型的な問題としては、他のプラグインのコンタクトフォームのショートコードを Jetpack がハイジャックするというものがあります。この結果、あなたのカスタマイズしてあるコンタクトフォームが Jetpack の質素なコンタクトフォームに置き換えられてしまい、それから送信されたメッセージもどこか意図しない宛先に送られてし
![Jetpack がコンタクトフォームを乗っ取ってしまう | Contact Form 7 [日本語]](https://cdn-ak-scissors.b.st-hatena.com/image/square/446e1bccef6284edf6dbeb0a2daf13487fcbe5de/height=288;version=1;width=512/https%3A%2F%2Fcontactform7.com%2Fwp-content%2Fplugins%2Fcf7com-utils%2Fimages%2Ficon-128x128.png)
WordPress春のお掃除大作戦！データベースをキレイにし最適化する方法
WordPressはバグフィックスやセキュリティパッチで最新のバージョンにしておくと、かなり強靱で効率的なアプリケーションです。しかし長く使っていると、データベースに不必要な値が貯まってしまい、それが原因でサイトの速度を遅くしてしまいます。 WordPressのデータベースを掃除し、各種設定を見直し、最適化する方法を紹介します。 How To Clean Up & Optimize Your WordPress Install 下記は各ポイントを意訳したものです。 1. データベースのバックアップ 2. ファイルのバックアップ 3. 使用していないプラグインのゴミを掃除 4. 自動保存された記事の掃除 5. 記事のメタデータを掃除 6. サムネイル生成を停止 7. スパム判定待ちを削除 8. 古い記事だけコメントを閉じる 9. データベースの最適化 10. 最後にセキュリティのチェック 1
HTML5 microdataを使ってWordPressでパンくずリストをGoogleに表示 | HALAWATA.NET
HTML5はmicrodataを使って要素にメタデータを付加することができます。 今回はそのmicrodataを使ってWordPressのサイトでパンくずリストをGoogleに表示させる方法を、いろいろなサイトを参考にしながら紹介したいと思います。 microdataの基本 本題に入る前に簡単にmicrodataについて簡単に触れておきたいと思います。 microdataを使うことで、通常の要素に属性をつける形でメタデータを付加することができます。 まず、メタデータを定義している要素を囲んでいる要素にitemscope属性を指定します。この囲んでいるdiv要素の開始タグから終了タグまでをアイテム（item）と呼びます。 もし名前空間がある場合は、itemtype属性でURLを指定します。名前空間（NameSpace）は、ここでは属性の意味を定義するためのものです。サンプルでは適当なURLを
WordPressにプラグイン無しで、ソーシャルメディアを効果的に取り入れるスニペットのまとめ
ソーシャルメディアはインターネットで非常に重要な存在で、あなたのブログのトラフィックにも大きな影響を与えるものです。 ソーシャルメディアの中でも特に影響力のある、Facebook, Twitter, Google+, PinterestをWordPressに効果的に取り入れる有益なスニペットを紹介します。 WordPress snippets to work with social networks 下記は各ポイントを意訳したものです。 Facebookの「Open Graph」を加える Pinterestの「Pin it」ボタンをつける プラグインを使わずに「ツイート」を表示 「Google+」ボタンの設置 「Google+の更新」を表示 「TwitterとFacebookのボタン」を設置 「お気に入りのツイート」を表示 「Twitterでのシェア数」を表示 「TwitterとFaceb
サイトの収益を上げたい方へ。すぐに出来るGoogle AdSense最適化 - アナザーディメンション
このサイトをリニューアルするに当たってのちょっとした裏ミッションは、Google AdSenseを効果的に配置しサイトの収益性をある程度アップさせることだった。というのも、レンタルサーバー時代は年間5,000円程度だったサイトの維持費が、VPSサーバーに移転すると20,000円程度までアップ。今までならそれでもまあ良かったが、来年には子供が生まれると言うことで、男には何よりも恐ろしい事態が目前に迫ってきた。 小遣い制！！(T-T) 嫁が今と同じように働けなくなる時点で世帯収入ダウンは避けられない。なので文句を言う気も無いし、むしろそうするべきだと思ってはいるが、そうなるとこのサーバー維持費が地味に痛い。というわけで、サイトの維持費と欲を言えばガジェットヲタクとしての生活を少しでも維持するべく、サイトの収益化を少しは考えてみようと思うようになった。 以来色々試していたが、先日「Google
WordPress 管理画面のカスタマイズ まとめ | hijiriworld Web
WordPress管理画面のカスタマイズ詰め合わせ ※随時更新していきます ダッシュボード 不要なウィジェットを削除 カスタムウィジェットを追加 ウィジェットの配置を変更 投稿画面 不要な項目を削除 エディタ ビジュアルエディタを無効にする HTMLエディタの不要なボタンを非表示 HTMLエディタにカスタムボタンを追加 フッター サイドメニュー メニューの名称変更 メニューの並び替え メニューを非表示 カスタムメニューを追加 管理バー サイト側の管理バーを非表示 不要な項目を削除 投稿一覧画面 不要なカラムを削除（投稿、ページ、カスタム投稿タイプ） カスタムカラムを追加（投稿、ページ、カスタム投稿タイプ） ソート機能も実装した応用技 ログイン画面 スタイルを変更 ログイン/ログアウト後のリダイレクト先を変更 バージョンアップ通知をOFF WordPress本体のバージョンアップ通知 プラグ
WordPressをiPhoneに最適化するプラグイン - EC studio デザインブログ
iPhone向けに最適化するための対応は慣れるまでは簡単ではないと思う方が多いかもしれませんが、WordPressではプラグインで簡単に対応できます。 今回はよく利用されているであろう3つのプラグインを紹介します。 iWPhone http://iwphone.contentrobot.com/2007/07/04/iwphone-wordpress-plugin-and-theme/ シンプルなテーマが適用されるプラグインです。 導入方法ですが、プラグインファイルはpluginディレクトリに、テーマファイルはthemeディレクトリにアップロードし、その後にプラグインを有効化するだけです。 特長ですが、とにかく見た目も仕組みもシンプルといったところです。 記事内の画像ファイルなども、記事の幅に合わせてリサイズしてくれるのですが、要素によってはその幅を超えて表示されてしまうようです。 記事内
スマートフォン（iPhone、Android）用の専用テンプレート、「WPtouch iPhone Theme」プラグインを導入しました | WordPressでブログ
スマートフォン（iPhone、Android）用の専用テンプレート、「WPtouch iPhone Theme」プラグインを導入しました スマートフォン用のテンプレートのプラグインがあるなんて、やっぱりWordPressってすごい。 「WPtouch iPhone Theme」をプラグイン検索して、すぐに自動インストール。 日本語版もあるようですが、これは手動でできるようですが、ちょっとややこしいので英語版。 まだ細かい設定は行っていませんが、表示されるアイコンなどを設定できるようです。 iPhoneトップページ 右側のTwitterフォローアイコンは、フラッシュなので画像が表示されませんね、まあこれはご愛嬌(^^; 月日アイコンは、月別に色が変わっています。 WordPressをブログとして利用しているには、とてもシンプルでわかりやすいデザインですね。 通常PCで見たい場合は、最下部まで
WordPressのパーマリンクを最適化する.htaccessの設定いろいろ
Optimizing WordPress Permalinks with htaccess [ad#ad-2] 下記は各ポイントを意訳したものです。 年/月/日のパーマリンクを年だけに変更 削除したページのリダイレクト 機能を失ったページを消す カテゴリ内の全部を別のサイトへ 年/月/日のパーマリンクを年だけに変更 パーマリンクの構造を下記のように設定した年/月/日を年だけに変更します。 パーマリンクの構造（年/月/日） /%year%/%monthnum%/%day%/%postname%/ この設定は、下記のようなURLを生成します。 http://deadletterart.com/2008/09/10/impertinent-art-review/ http://deadletterart.com/2011/06/18/california/ http://deadletterar
WordPress 2.9 の新機能の投稿サムネイル画像の使い方 – わーどぷれすっ!!
New in WordPress 2.9: Post Thumbnail Images « Mark on WordPress を参考に、WordPress 2.9 の新機能の投稿サムネイル画像の使い方をご紹介。 基本的な使い方 まず編集画面で専用のインターフェースを使えるようにするため、テーマの functions.php ファイル内に次を追加します: add_theme_support( 'post-thumbnails' ); これで投稿と固定ページの両方の編集画面で投稿サムネイルのインターフェースが有効になりますが、もしどちらか一方だけで有効にしたいのなら次のようにします: add_theme_support( 'post-thumbnails', array( 'post' ) ); // 投稿で有効 add_theme_support( 'post-thumbnails', a
WordPressのhead要素を整理してみる
WordPressのhead要素を整理してみる 最近のhead要素ときたらあれもこれもいでわりと複雑になりがちですが、改めてこのheadとやらを整理してみたいと思います。 投稿日2010年07月06日 更新日2011年04月03日 静的HTMLだった場合のhead要素 いきなりWordpressに入る前に静的HTMLで作成する場合のhead要素を確認してみます。 あれが足りない、ここは違うだろという意見はあると思いますが、大きく外していないはず（多分……）。 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
WordPress 2.8にしてからhead要素内に無駄な要素が増えてウザい件について : 雑記帳 : rusica.net
Category: WordPress関係 WordPress 2.8になってから、head要素内に勝手にナビゲーション用のlink要素なんかが挿入されるようになって、かなりウザかったので何とかした。必要なものは自分で書くから余計なことすんなっての。大きなお世話だバカ。 で、対処法。wp-includesディレクトリ内のdefault-filters.phpを覗いてみると、167行目辺りから下記のような記述がある。 add_action('wp_head', 'wp_enqueue_scripts', 1); add_action('wp_head', 'feed_links_extra', 3); add_action('wp_head', 'rsd_link'); add_action('wp_head', 'wlwmanifest_link'); add_action('wp_hea
WordPressを高速化するプラグインを作りました
今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作りましたのでご覧ください。 右が使用した場合、左が使用していない場合です。 画面中央にキャプチャソフトのウォーターマークが出ていますがご容赦ください。 この動画は、私が運営している フリー写真素材 :: Free.Stocker のページ表示テストです。 ブラウザキャッシュを無効にするため、Google Chrome のシークレットウインドウを使用しています。 それほど大きな違いは出ていませんが、プラグインを使用したほうが記事ページ（single.php）の表示が速いことがお分かり頂けるかと思います。 後半は管理画面のテストです。 どう見てもプラグインを使用したほうが速くなっていることがお分かりい
お手軽WordPress Tips：データベース接続エラー時に表示するメッセージを変える（といいよって教わった - かちびと.net
昨日教わってちょっといいなと思ったので 拡散します。有名かもですけどｗWPで、 データベースの接続エラーをたまに見かけ ると思うんですけど、その際に表示させる メッセージがデフォルトのままだと素っ気 ないので、変えてみよう、という内容です。 せっかくWordPressが8歳を迎えましたのでWP関連の記事を。 結構前に実装された機能だったようなんですけど、昨日はじめて知って、をかもとおじさん（@wokamoto）に教えてもらいました。ありがとうございます。 デフォルトだとちょっと不親切 これが、WordPressのDB接続エラー時のメッセージ。ちょっと淡白ですよね。僕なら泣きます。 コード 以下のようなコードでdb-error.phpという名のファイルを作成します。 ※いつもようにfunctions.php内への記述じゃないですよ！ <?php header( 'HTTP/1.1 503 S
WordPressの管理ページをより便利にカスタマイズする方法13
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.seo-blogs.biz/2009/12/03/1291/