ワードプレスのサイトのスピードがGoogleのPageSpeed Insightで１０点台とかなり遅い状態になっているので高速化をされたいとのご依頼を受けました。こちらを弊社で様々な施策を行い８０点まで向上させていただきました依頼事例をご紹介いたします。お使いのテーマはhammingbirdでした 施策後 高速化は何故必要？ サイトの速度は、Googleの検索上位を狙うにあたって、重要度が高い事が証明されています。 ゆえにGoogleの
タグ: ワードプレス CSS
ワードプレスのテンプレートには、テーマにもよりますが、ほぼ必ずヘッダーファイル(header.php)というのが含まれています。このヘッダーファイルを編集する事により、タイトルを変えたり、metaタグを加えたり、ロゴを変えたりなど様々な変更をプラグインを使わなくても行う事ができます。今回はワードプレスのヘッダーファイルにメタデスクリプションを加える例よりこのヘッダーファイルについて解説したいと思います。
ワードプレスのテーマのスタイルは、テーマにもよりますがstyle.cssというファイルで指定されています。このstyle.cssを編集する事により、全ての記事のフォントを一括で変更する事ができます。ここではh1タグのフォントを変える例からその方法を解説していきます。 明朝系、ゴシック系のフォント設定の書き方 ゴシック系のフォントを指定するにはCSSに下記のように記載します font-family: "ヒラギノ角ゴ Pro W3", "
ワードプレスの記事が長くなったときに、ページ内のコンテンツブロックにジャンプできる目次があると読む人は大変便利です。今回はこのページ内目次を簡単につける方法を解説いたします プラグインSimple TOCで一括でページ内目次を作る まず目次を自動で生成する際はご注意なのですが、見出しを統一したタグ例えば h２で統一しておかなければいけません。見出しタグを統一して記事を作成されたら、 プラグインSimple TOCをインストールします。
ここではワードプレスのログイン画面のロゴをcssだけで変える簡単な方法をご紹介します。 ロゴをアップロードする まず、ログイン画面に表示したいロゴを管理画面の、メディア→新規追加よりアップロードします。話を簡単にする為に変えたいロゴのサイズは縦横ともに84pxにしてください。 アップロードしたら、そのメディアの編集ボタンを押して、ファイルのURLを控えておきます 方法① wp-login.phpのCSSを書き換えてロゴを変える 次にワー
ワードプレスに、Facebookのシェアボタンをオリジナルデザインで挿入されたいとのご依頼を受けました。ここではその事例とボタンサンプルを公開いたします。 フラットボタンのCSSを作る 現在流行の、フラットボタンのCSSをご用意し、ボタンに適応させました。ボタンはレスポンシブルで、CSSのみでアイコンも表示しています。 シェアカウントを取得する PHPでFacebookシェア、ツイート、Google+、はてなブックマーク、Pocketの
このクライアント様がご希望されていたのは、再三にわたるワードプレスの改ざん被害からWordpressを静的HTMLに変換するという事でした。ワードプレスを一旦静的HTMLに変換しPHPの実行をさせないようにするとハッカーが仕込んだコードが実行されなくなり改ざん被害はかなり防げます。ここではその方法をご紹介いたします。 ワードプレスをプラグインでHTMLに一括変換する WP Static HTML Outputを使用すると、ワードプレスを
ワードプレスはおそらく、地球上で最もカスタマイズ性の高いCMSでしょう。有志によって作られた数万の無料プラグインやテーマ、ほとんどあらゆるワードプレスの機能に独自の関数を追加できるフック関数これらは、ワードプレスをいかようにも好きな形に変えられると思えるほど充実しています。ここではワードプレスのカスタマイズの事例をご紹介します 管理画面をカスタマイズ１：ユーザー権限によってみせたくないメニュー項目を隠す adminimizeというプラグ
最新のワードプレスと、Chromeの組み合わせで、管理画面のレイアウトずれが発生する現象が多発しています。こちらの不具合は、ワードプレスの問題ではく、Chromeの問題ですのでご注意ください。 対象のワードプレスバージョン 4.3.X 対象のChrome 45.X wordpress 管理画面のChromeでの不具合の状況 下図のような管理画面のレイアウトずれが発生します。 対処方法１ ワードプレスのfunctions.phpにコードを
ワードプレスは一般にSEOに強いといわれています。これには様々な理由がありますが多数のSEOを補佐するプラグイン、そもそもの設計がサイトの構造化がきちんとできるようにできている、カテゴリーやタグの仕組みが最初からついているなどが挙げられます。しかし、ワードプレスで作ったからといってSEOで上位にくる事が保証されている訳ではありません、ここではワードプレスでどのようなSEO施策をすればさらに検索エンジンで上位を狙えるかについて２０項目にわ
ワードプレスのhtaccessはどのように使用されるのでしょう？ここではwordpressでのhtaccessの使用事例と設定方法についていくつか解説します。 パーマリンクの設定用にhtaccessを使用する パーマリンクの設定とは、ワードプレスの各ページのURLをどのように表示するかの設定です。ワードプレスの管理画面「設定」→「パーマリンク設定」と進むと設定を行う事ができます。 この中の設定のデフォルトでは実はhtaccessファイル
ワードプレスのテーマの編集は、ワードプレスの管理画面からする事ができます。管理画面より、外観→テーマの編集と進みます。すると現在利用中のテーマののコードが中央部のフォーム内に表示され、編集できるようになります。 右のメニューから、テーマファイルを選択するとそれぞれのコードを編集する事が出来ます。 （注：テーマの編集前にバックアップをとる事をお勧めします。またテーマによっては右メニューに全てのファイルが表示されない事も有ります） どのテー
wordpress を更新した後に突然何も表示されなくなって、真っ白の画面になってしまったときの原因と対処方法を解説いたします。 更新後に突然ワードプレスが真っ白になった(何も表示されなくなった)原因 ワードプレスの表示が真っ白になる原因のほとんどは、ワードプレスの基本プログラムであるPHPの実行時エラー(プログラムミスや論理的な矛盾など)がどこかで発生していることが原因となっています。画面には表示されていませんが、ブラウザの開発ツール
