【WordPress高速化】レスポンシブデザインのサイトに必須!!画像切り替えプラグインHammy – 旧・中川勉社会保険労務士事務所FPウェブシュフ
Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに置換するプラグイン。WordPressサイトのモバイル閲覧時における表示高速化に大きく貢献します。 注意：2017.7.13現在、2年以上もの長期にわたってプラグインの更新が停止しているので、作者がもはや熱心には管理していない可能性があります。 序章:Googleさんから、モバイルのみ「画像を最適化しろ」と警告された。 ドヤ顔でWordPress高速化～Google PageSpeed Insights 90点達成対策まとめを書いたくせに、しばらくPageSpeed Insightsを見てませんでした。 先日、久しぶりに自サイトの記事の表示速度を測りました。すると衝撃的事実が判明。 なんと「モバイル」で画像最適化の警告を受けました。 修正が必要: 画像を最適化する 画像に適切なフォーマットと圧縮を選ぶことで、デ
query_postsで期間を指定しての記事の表示
こんにちは。 いつも勉強させていただいております。 query_postsを利用して、 ・あるカテゴリー内の記事で、 ・特定の期間内のものに限定して（例：今日以降～2011/12/31まで） 記事のリストを表示させる方法をさがしています。 Post Expiratorというプラグインを使えば、その記事の公開終了日（非公開か削除）を設定できるのですが、この場合は、当該記事が非公開になり、アーカイブ全体を表示させた場合に記事リストからもれてしまいます。 他の手法をつうじて、なんとか乗り越えられないか探しております。 いつも質問ばかりですみません。 テーマフォルダの functions.php に以下を追加： <?php global $my_where; function my_posts_where( $where ) { global $my_where; return $where .
WordPressが重くてサーバが落ちる件、ブルートフォースアタック対策で正常化
スパイク状の集中的なトラフィックでサーバが落ちるように 先月に入ってからたびたびサーバが無応答の状態に陥るようになりました。 本ブログが利用するさくらVPSのステータスを確認したところ、たびたびスパイク状の極端に集中したトラフィックがあり、それを契機に無応答になっていることが分かりました。 Apacheのアクセスログを見ると、WordPressのxmlrpc.phpにアクセスが集中していて、ブルートフォースアタックであることが判明。 $ tail -100 /var/log/apache2/access.log 海外のIPアドレスからのアクセスを制限 xmlrpc.phpに対して、海外のIPアドレスからアクセスできないようにアクセス制限をかけることに。 新手のWordPressを狙うパスワード総当り攻撃（ブルートフォースアタック）に注意 « パソコンやホームページに関するITの部屋 こちら
WordPressのSEO対策【厳選25項目】プラグイン・テーマ・設定の方法
WordPressは、機能性、拡張性、運用面、セキュリティなど様々な点で総合的に優れたCMS（コンテンツ・マネジメントシステム）です。 そしてWordPressは、GoogleのSEOに関する情報発信者で有名なマット・カッツ氏のブログでも愛用されており、同氏も認めるほどSEOに相性が良いことが特徴です。その理由は、検索エンジンに評価されるサイトの設計・構築が細かく、容易ににできうる点にあります。 そこで今回は、WordPressのSEO対策について、導入、設定、テーマ、プラグインという大きく4つのフェーズで、SEO効果を最大限に引き出す為の方法をご紹介します。 ※本記事とは別に『CMSのSEO対策』でもWordPressのSEOに役立つ補足を解説していますので是非ご覧ください。 WordPressの導入時に行うこと WordPressを使ってWebサイトを構築するには、事前にサーバーとドメ
WordPressを既存のサイトに追加してブログ機能だけ導入しませんか？
MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。 WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。 静的ページにwordpressを組み込みました。 要は、『wordpress入れてフルリニューアルじゃないけど、ブログだけCMS入れたいんだよね～』 という要望です。目的はSEOですけどね。 やはり、今後のSEOはインデックス数を増やしていかないとですもんね。 静的ページのみのページは更新の手間が掛かるため、クライアント側で記事を追加していくのが大変です。 ページの中身だけを更新していくよりも、オリジナリティのあるブログをどんどん追加していく方がSEOには有利でしょうね。 さて、そのままではHTMLファイルにWordPressの記事一覧を表示することはできませんが、ht
無料で使えるWordPressテーマ「Simplicity」が良い。
このブログはWordpressを使っているのですが、その中でSimplicityというテーマを使用しています。 ブログを開始するにあたって、自分で作ろうか有名どころのテーマをカスタマイズしようかどうしようかと迷っていたところ、調度良いタイミングで、フォロワーのわいひら(@MrYhira)さんという方がテーマを公開されていたので、「これはなかなかよさそう」だと思い、 ちなみに、わいひら(@MrYhira)さんは、頸髄損傷でほぼ寝たきりの生活をしつつ、寝ログというライフハック系ブログを運営されたり、テーマを公開したり、フリーソフトを公開していたりと、パワフルな方です。 ここからはSimplicityを簡単に紹介します。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEOの最適化 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益
[WordPress]「最近の投稿」ウィジェットに日付をつける – comemo com
一般にウェブサイトには、新着情報があるものですが、 首相官邸ホームページ WordPress.com の「最近の投稿」ウィジェットを使うと、同じようなものを表示することができます。 例えば、テーマ「Adelle」の場合、こんな感じで表示されます。 「最近の投稿」ウィジェットの管理画面はこんな感じです。 配置やデザインを修正したりしたいときには、CSS スタイルシートエディターを使います。 例えば、テーマ「Twenty Twelve 」の場合、初期状態ではこんな感じですが、 以下のような感じの CSS を CSS スタイルシートエディターの方へ追加することで、 /* 「最新の投稿」ウィジェットの日付を左側にもってくる -twenty twelve- */ .widget_recent_entries .post-date { margin-left: 0; float: left; posi
![[WordPress]「最近の投稿」ウィジェットに日付をつける – comemo com](https://cdn-ak-scissors.b.st-hatena.com/image/square/84e3a240ec07cd7145e6b93b650bc265535803b7/height=288;version=1;width=512/https%3A%2F%2Fcomemo508.files.wordpress.com%2F2013%2F05%2Ffafadfasd.jpg)
TwentyThirteenの記事一覧 | work.log
アーカイブ 2014年6月 (9) 2014年5月 (12) 2014年4月 (13) 2014年3月 (15) 2014年2月 (12) 2014年1月 (14) 2013年12月 (14) 2013年11月 (6) 2013年10月 (18) 2013年9月 (17) 2013年8月 (18) 2013年7月 (20) 2013年6月 (18) 2013年5月 (22) 2013年4月 (20) 2013年3月 (20) 2013年2月 (19) 2013年1月 (19) 2012年12月 (18) 2012年11月 (20) 2012年10月 (22) 2012年9月 (20) 2012年8月 (15) 2012年7月 (14) 2012年6月 (18) 2012年5月 (12) 2012年4月 (6)
蛍光ペン風にテキスト上をマーカーするCSSを設定してみた
WordPressのテーマによっては最初から蛍光ペン風のマーカーが付いていることがあります。 その場合は設定する必要はありません。 この記事は設定されていない方向けに書いています。 蛍光ペンマーカーを設定（CSS） まずはCSSの設定からスタート。 蛍光ペンマーカーのCSSは「linear-gradient()属性」を使います。 linear-gradient(transparent 線の太さ, 線の色 0%) このlinear-gradient属性、グラデーションを使って設定します。 （）内の線の太さと線の色を好みの色と太さに変更するだけでOK。 線の太さと線の色の意味は下の通りになります。 線の太さ 黄色の蛍光ペン(太) .marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); } 黄色
Google先生の言うとおりWordPressを高速化して元に戻した。
圧縮を有効にしろ スクロールせずに見えるコンテンツのレンダリングブロックしろ 画像を最適化しろ JavaScript を縮小しろ ブラウザのキャッシュを活用しろ リソース（HTML、CSS、JavaScript）を縮小しろ JavaScript を縮小しろ サーバーの応答時間を短縮しろ 以下、まずは初心者の方のでも実装が簡単そうなものから紹介します。 リソース（HTML、CSS、JavaScript）を縮小しろ CSSやjs、HTMLを圧縮して最適化（Minify）します。要は、空白とか改行とかコメントとかをギュッとします。オンラインツールがあるので簡単です。 tool http://www.creativyst.com/Prod/3/ ①に現在のCSSやjavascriptをコピーして②を押すだけ。 作成された③をコピーして張り替えればOKです。 但し、可読性は落ちるので常にCSSとかを
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
WordPressでトップページを固定する時は重複に要注意！？2ページ目以降の/page/にnoindexを挿入する方法 | アフィリエイト野郎！
SEOでは、ゴミページは削除もしくはnoindexというのが基本ですが、実際には自分でゴミページを判断するのは難しく、やり方を間違えるとマイナスになってしまうので、やらない方が良いこともあります。 また、重複ページ＝悪（ペナルティ）ではありませんので、重複ページについてそこまで神経質になる必要はありません。 今回の話は、それを前提にご覧頂けると幸いです。 【追記 2014/06/29】 全サイトの2ページ目以降にnoindexを挿入しました。 トップページを固定すると発生する重複 当サイトのように、WordPressサイトでトップページを固定している人は多いと思いますが、その場合に、始めはブログのように記事を更新しつつ、ある程度記事が貯まった時点でトップを固定した場合、トップページの重複ページが大量に発生します。 これですね。 当サイトであれば、「site:http://afi8.com/
herokuのPHP正式サポートに伴い、Wordpressを構築する上での最低限の設定方法
今までもビルドパックを駆使したりしてherokuでWordpressを運用する方法がありましたが、この度正式にPHPをサポートしたっぽいので新しい方法でwordpressを構築してみました。 ※ ちなみにherokuでのWordpress構築方法（DBの設定や、Wordpressの初期設定）についてはこちら（ http://blog.mah-lab.com/2013/05/01/wordpress-on-heroku/ ）のサイトが非常にわかりやすいのでこちらを参照ください。Webサーバーについての設定(.htaccessとかnginx.conf.erb)は不要です。ここではアプリの作成と最低限の設定のみ紹介します。 アプリを作成 ビルドパックなどを利用しないので、アプリ名だけ入れてください。 heroku create [アプリ名] composer.jsonの設定 herokuアプリ内
WordPress高速化～Google PageSpeed Insights 90点達成対策まとめ｜ウェブシュフ
@web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ
月10円！HerokuでWordpressを運用！！ - のっぴきならない昨今です
最近WordPress関連の勉強会やイベントをよく見かける気がします。 自分もちょっとだけ参加したりするのですが、 やはり商用目的でも無料なのと、 簡単にPCもスマホも対応できるサイトが構築できる点で ブログだけで無く、所謂ホームページとしての利用も増えている感じです。 ただ、いくつものサイトをテスト運用したかったり 或いは誰かに頼まれて、一時的なキャンペーンサイトを運営したい といった場合には、 WordPress運用可能なサーバレンタルが月額数百円から可能となった昨今とは言え それなりのコストになってしまうというのが難点です。 そこで、Herokuというクラウドサービスを利用して WordPressサイトを無料で作れるという話を小耳に挟んだので 色々調べたり試したりしてみました。 Heroku Herokuは2007年創業のアメリカ合衆国の企業。また、同社が開発と運営を行っているPaa
意外と簡単！アイコン風Webフォント使ってみたらブログデザインがグッと洗練されたよ！設定方法を紹介 - ラブグアバ
Webフォント導入のきっかけWebフォントを導入しようと思ったのは以下の記事を拝見したのがきっかけでした。 WEBフォントで簡単に！STINGER3の細かいところにアイコンを入れてみた これを見て「わー、細かいけどこういうの素敵！これは私もパクりたい！オマージュしたい！」と思いたち、やってみることにしました。 で、いきなり結果から書くと、こんな風になります。 黄色の○で囲まれたハートやフォルダのアイコン。これが今回導入したWebフォントなのです。 これがフォント？って思いますよね。そうなんです、こういう一見画像（アイコン）風のデザインをフォントだけできちゃうのがWebフォントの優れたところなんです！ あくまでフォントなので拡大・縮小しても画像が荒くなったりしませんし、CSSでの装飾だって可能です。画像じゃないので表示も軽いです。 どうですか？ちょっと興味わいてきましたか？気になってきたら続
WordPressのSEOを強化する！プロが教える8つの設定 | 知らないと損をするサーバーの話
（この記事は2022年9月29日に更新されました） こんにちは。 京都のWebプランニング会社「ウェブライダー」の松尾です。 最近、某社からCPIサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 現在、ウェブライダーでは、CPIの専用サーバーと共用サーバーのふたつを借り、さまざまなWebサイトを運営しています。 今回は、サイト制作に不可欠ともいえるCMS（コンテンツマネジメントシステム）の中から、「WordPress」にフォーカスを当て、「WordPressを使ったSEOに強いサイト制作の手順」についてお話しします。 WordPressはその導入の手軽さから、年々ユーザーを増やしており、今、全世界の1/4のサイトがWordPressで作られているといわれています。 また、拡張性にも優れており、たとえば、「沈黙のWebマーケティング」「沈黙のWebライティン
WordPressサイトの表示速度が遅い時に有効なプラグインで7秒も高速化しました！ | らふらく^^ ~ブログで飯を食う~
SEOにも大きな影響を与えるサイトの表示速度。表示速度を上げることはページランクアップにもつながりますので、アクセスアップのためにも注力していきたい所です。 また、表示速度は商品の購入率にも影響を与えるので、ブロガーにとっては重要課題なのです。そこで、今回はプラグインを使って簡単にサイトの表示速度を高速化する方法を紹介します。 プラグインを導入する前の表示速度これから紹介する高速化メソッドを利用する前の結果です。 読み込みに9秒弱かかっています。。。 衝撃の遅さですね。この遅さがどれだけ改善されるか見ていきましょう。 画像サイズ最適化でサイトを高速化する画像サイズを圧縮・縮小するためにWordPressプラグイン「EWWW Image Optimizer」を使いましょう。画像サイズは大きければ大きいほど、ブログページを読み込む際の負荷が高くなり、表示速度を遅くしてしまいます。 ですので、「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.hirok-k.com/blog/
be-ourselves.jp
