ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパフォーマンススコアを、30点以下から95点以上に改善した際、実際に行った施策を用います。
![WordPress でも大丈夫!実例で見るウェブパフォーマンス改善](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b6eef9de7416c0a354060de4aae5909d044c61f/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fc8585b3924b04ac78e0fffcf3d5b137b%2Fslide_0.jpg%3F13213918)
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパフォーマンススコアを、30点以下から95点以上に改善した際、実際に行った施策を用います。
WordPressには「カスタムフィールド」という機能があります。投稿や固定ページなどに独自の項目を追加する機能です。詳しく知りたいという方は公式ドキュメントの以下のページを参照いただければと思います。 カスタムフィールドの使い方 – WordPress Codex 日本語版 今回の記事では、WordPressの編集画面にカスタムフィールドの項目を表示させる方法を紹介します。というのも、WordPress 3.1以降では、カスタムフィールドの編集項目がデフォルトで非表示になっているからです。新しくカスタムフィールドを追加するには設定変更が必要です。 投稿、または固定ページの編集画面の右上にある「表示オプション」をクリックします。 投稿画面内に表示する項目が表示されますので、その中にあるカスタムフィールドにチェックを入れます。 これで、投稿本文の下に、カスタムフィールドを追加するためのエリア
新規サイトの場合はカスタム投稿タイプなどを用いてブログ専用ページを作ったりしますが、普段仕事などでサイト制作をする際、アメブロを利用して既にブログは書いているし操作も慣れているから、更新一覧だけをWordPressで作成したサイトで表示させたいとか、Facebookに投稿しているものを好みの見栄えで表示させたいという要望が結構あります。 そういった要望が出た際に便利なのがfetch_feed()という関数で、これを使用してアメブロ(PRを除外したもの)・外部のWordPressサイト・Facebookそれぞれのフィードを取得・表示させる方法です。 fetch feed関数の使い方 WordPressで外部のRSSフィードを取得・表示する際にはfetch_feed()という関数を使用します。 下記はCodexにあるサンプルソース(コメントは消してあります)で、こちらを参考にすれば簡単に外部の
今回は記事の投稿時にHTMLなどを記述する必要がある際でも、だれでも簡単にできるように投稿作業を便利にするカスタマイズ方法をいくつか紹介していきたいと思います。投稿画面内にもスタイルを適用される「editor-style.css」の設定方法や投稿時の自由に入力したい情報をボタンとして投稿できる「AddQuicktag」やビジュアルエディタのボタンを拡張する「TinyMCE Advanced」の使い方を見ていきます。 解説:(有)ムーニーワークス ハヤシユタカ WordPressではスタイルシートは基本は「style.css」に記述して作業していきます。記事を投稿する画面上では、何もしないとそのまま原稿や画像がそのまま表示されてしまいます。 Webデザイナーの人達はそれで全く問題ないですが、運用を担当されるWeb系以外の方ですと単純な文章だけの日記的なページ以外に、少し複雑なコードになると投
2013/02/20:アイキャッチの箇所について新たな情報をいただきましたので、記事を修正しました。 こんにちは。Kanaです。 このブログKana-Lierは、WordPressのテーマをオリジナルで作りました。 「WordPressでオリジナルテーマ??WordPress全然わからないんだけど…」 そんな私がオリジナルテーマを作るにあたって、つまづいたことを書き留めたいと思います。 今回私は、どのテーマも流用せず、白紙の状態からテーマを作ることにしました。 functions.phpも0からはじめています。そのため、なぜそんなところで躓いた?!というなところで躓いてしまっていることもありました…X( オリジナルテーマを作りたいけど、まず何をしたらいいの? まずは、Webクリエイターボックスさんの記事を読んで、ブログのテーマを作っていきましょう。 WordPress オリジナルテーマの作
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く