WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
サイトスピード（ページスピード）高速化対策まとめ - 画像＆ファイル圧縮と高速サーバー導入編
サイトスピード（ページスピード）がSEO対策の必須項目ということをご存知でしょうか？SEO対策はブラックボックスなので本当のロジックを知ることはできませんが、googleは大まかな方向性を不定期に情報共有してくれたり、ツールを公開してくれることでヒントを与えてくれます。サイトスピード（ページスピード）が重要である理由は公開されているこちらのツールの存在です。 PageSpeed Insights おそらく、googleはツールを先に公開して大事だよーとアナウンスした後のどこかのタイミングで、SEOのランキングロジックにそのツールで測定できる数値を使う、といった進め方をしていると考えられます。今回はワードプレスのサイトスピード（ページスピード）の向上に役立つ画像圧縮ツール・プラグインと、高速サーバーをご紹介します。 サイトスピード（ページスピード）に影響が大きい要素３つ サイトスピード（ペー
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
Wordpressで会員制サイトを構築してみよう（Contact Form 7との連携） - Qiita
会員ユーザーが問い合わせフォームを利用する際、ユーザー情報を自動で追加することができます。Contact Form 7を利用し、これらを実装してみます。 元記事 下記エントリの転載になります。 WordPressで会員制サイトを構築してみよう（Contact Form 7との連携） 利用プラグイン Contact Form 7 問い合わせフォーム管理プラグイン（バージョン 3.9.3 で試しています） 実装方法について 今回は、下記の２種類の方法を試しました。 （方法1）ユーザー情報を自動でフォームに入力 → 問い合わせページにアクセスした時に、既に入力済みの状態にします （方法2）ポスト時にユーザー情報を追加 → フォームは最低限の項目だけにし、ポストされた後に情報を追加します （方法1）ユーザー情報を自動でフォームに入力 問い合わせフォームを作る 管理画面「お問い合わせ」で、フォームを
[試] 表示速度改善のその先へ！進化するWordPressプラグイン SNS Count Cache
シェア数表示に新たな選択肢を！表示速度改善だけでなくシェア数の分析にも使えるWordPressプラグイン SNS Count Cacheアップデートのお知らせです。Feedlyフォロー数やカスタム投稿タイプの対応、シェア数データのCSVファイルエクスポート機能の追加を行いました。また管理ページに関してソート機能等の様々な改善を行いました。続きを読む 関連記事 [試] シェア数表示に新たな選択肢を！WordPressプラグイン SNS Count Cacheアップデート [試] 表示速度改善とシェア数ベースの人気記事ランキングを実現、WordPressプラグイン SNS Count Cache [試] HTTPからHTTPSのシェア数引継ぎにもWordPressプラグイン SNS Count Cache [試] Twitterのシェア数取得先エンドポイント閉鎖がSNS Count Cache
![[試] 表示速度改善のその先へ！進化するWordPressプラグイン SNS Count Cache](https://cdn-ak-scissors.b.st-hatena.com/image/square/e36fc4367676c97997bffb45ac4e4afcdbc80e47/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fintro-update-wordpress-plugin-sns-count-cache-3-01.png)
WordPressのSEOを強化する！プロが教える8つの設定 | 知らないと損をするサーバーの話
（この記事は2022年9月29日に更新されました） こんにちは。 京都のWebプランニング会社「ウェブライダー」の松尾です。 最近、某社からCPIサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 現在、ウェブライダーでは、CPIの専用サーバーと共用サーバーのふたつを借り、さまざまなWebサイトを運営しています。 今回は、サイト制作に不可欠ともいえるCMS（コンテンツマネジメントシステム）の中から、「WordPress」にフォーカスを当て、「WordPressを使ったSEOに強いサイト制作の手順」についてお話しします。 WordPressはその導入の手軽さから、年々ユーザーを増やしており、今、全世界の1/4のサイトがWordPressで作られているといわれています。 また、拡張性にも優れており、たとえば、「沈黙のWebマーケティング」「沈黙のWebライティン
フリーランスが実務で使ってる厳選WordPressプラグイン21個
みんな大好きWordPress！プラグインは宝の山やで!! 近年ではブログサイトのみならず、企業サイトやウェブサービスの基幹としても使われて久しいWordPress。 その最大の魅力ともいえるのは、膨大かつ便利なプラグインの数々。 ただ、あまりにプラグインの数が多すぎて、似たような機能を持つプラグインの中からどれを選んだら良いのか、迷うケースも多々あって。 キャッシュ系は「W3 Total Cache」か「wp Super Cache」か、バックアップなら「BackWPup」「WP-DBManager」か、などなど。。。 そんなワケで今回のエントリーでは、素晴らしいWordPressのプラグインの中から、実際にフリーランスのワタクシがクライアントワークでも使わせて頂いている「smkn的スタンダード」なモノだけを、総計21個まとめてみました。 実務においてジャンルを問わず利用できる基本的なモ
コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション
WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数（PHP） PHP HTML CSS JavaScript（jQuery） ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ？」「あれなんて関数だったっけ？」なんて時に見ると便利なカンニングペーパー（チートシート）の紹介です。 WordPressチートシート WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日本語版 WordPress
ソーシャルのシェア数を取得・高速表示するWordPressプラグイン「SNS Count Cache」
そろそろどうにかせんとなー･･････と思いつつ放置していたんですが、このたびPC表示側のみオリジナルのソーシャルボタンに切り替えてみました。体感的には表示高速化できたかなーと思います。 この実装をするにあたり大変便利なプラグインを新規に投入しました。「SNS Count Cache」というやつです。 WordPressプラグイン「SNS Count Cache」 各ソーシャルメディアでは、シェア数を表示するための公式ボタンが、それぞれ配布されています。ただ、いかんせん公式のボタンは重いんですよね。 それもあって、だいぶ以前から、シェア数をAPI経由で取得して表示するオリジナルボタンを設置したいなーと思っていました。 しかし、API経由で取得するにしても、毎回リクエストを飛ばして取得してたら、それこそ本末転倒じゃねーかという状況になりかねません。そこを解決してくれるのが、今回新規に投入した
荒れ果てたWordPressコードを美しく整形してくれるツールまとめ
WordPressには、いくつかのプログラム言語が利用されています。 具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery） 細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。 今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。 コード整形ツールとは コード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。 例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。 コードに適切なインデントを自動で設定する インデントをタブからスペー
WordPress初心者でも月間3万PV安定になりました。Stinger5の設定を全て晒す備忘録
【最終更新日：2016/04/05】 こんにちは、ぶんちょうです。 趣味とアウトプットをかねたWordpressでのブログですが、まともに向き合うようになってから約１年。ようやく月間3万PVで安定してきました。また2014/10は4万PVでした。 逆に言うと、なぜか月間3万PVの壁にぶつかっているのですが。まあ努力が足りないのは分かっています。でもGoogle adsense広告も増えてきて、居酒屋で２，３回呑めるくらいにはなってます。ありがたいことです。 で、たまに新しい環境を作ったり、環境が大きく変わるときなど必ず行うことをまとめてみました。この記事は変更次第、随時更新します。 2016/04/05 時間がないのでメモ→ Stinger7 にアップ。コメント欄削除、最新記事一覧削除はStinger管理で実施。ブログタイトル名に「情報ポータルブログ：」追加。タグクラウド追加。プラグインS
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
WordPressで企業サイトをつくる時に入れておきたいプラグインまとめ - 株式会社bridge