プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。

タイトル長いな。 WordPressのコアの実装に関するあれこれを紹介するMake WordPress Coreブログでちょっと前に「Introducing plugin icons in the plugin installer – プラグインインストーラーのプラグインアイコンの導入」という投稿があったので、かいつまんでご紹介。 通常版のプラグインアイコンの大きさは縦横128pxの正四角形で、HiDPI (retina) 版用の縦横256pxもサポートしている ファイル形式はPNGもしくはJPG、もしくはSVG ファイル名はicon-128x128.(png|jpg)および/もしくはicon-256x256.(png|jpg)、もしくはicon.svg ファイルを置く場所は/assetsディレクトリ SVGを使う場合は、SVGをサポートしていないブラウザ用にPNGも用意することをおすすめ

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

既にSTINGERサイトにも告知済みなのですが、 当ブログのRSS登録ユーザーの為に記載します。 アクセスが軒並み低下したという報告も受けていますので、ぜひCHECKを！ STINGERのFAQ　このエラーが出た日から、アクセスが激減しています。 ※この記事について追記を書きました。 ※ちなみにこの現象はウェブマスターツールのダッシュボードには表示されません。 問題あるっちゅーねん。。。 「検索のデザイン」→「構造化データ」で確認して下さい。 参考　Googleウェブマスターツール スポンサーリンク ウェブマスターツール構造化データにて エラーの原因 WordPressでお馴染みの「post_class()」にて吐き出されるhentryクラスがGoogleのウェブマスターツールにて構造化データのエラーを出している様です。 現象としては、「・updatedがありません。・author があり

ワードプレスにおいては下記プラグインの導入＆テクニックで、高速化はだいたい網羅していると思われます。ただ初心者の方には難しいものもありますので、取り入れるかどうかは難易度を参考に、自分の理解度にあわせてご利用ください。 自分のサイトがどの程度最適化出来ているかについてはGoogle PageSpeed Insightでチェックできます。 https://developers.google.com/speed/pagespeed/insights/ #nginxのリバースプロキシ 難易度：★★★★★ これが何よりも強力に高速化されます。個人ブログを高速化するのであれば、nginxのリバースプロキシを使うだけで十分高速になると思いますし、商用利用で、アクセス数のあるサイトを運用するのであればもはや必須かと思います。 方法については、多くの記事が上がっているので、検索してみてください。 goog

ページを速く表示することは、ユーザーに対しても親切ですし、検索エンジンも評価してくれる対象となっています。 ですので、プラグインを入れたりしながら、少しでも速くページが表示できるように日々対策を取られてると思います。 先日、PageSpeed Insightsが日本語化されて使ってみたとき、改善点として出てきた内容が、ブラウザのキャッシュの活用とサーバの応答時間、画像の最適化等でした。 その際、いろいろ調べた結果、プラグインに頼らずともある程度は高速化させることができましたので、その対策を以前からやっているものも含めて紹介したいと思います。 プラグイン無しで高速化する やや難易度の高いもの、毎回手間がかかるもの、Macアプリやんヾ(・・;)という3つやっています。 1. .htaccessでWordpressを高速化 これはつい先日行った対策です。 .htaccessファイルにソースを追記

WordPressで新規サイトを作成したとき、すぐにインストールしておきたいプラグインを一覧にしてまとめておきます。 ※この一覧は一例で、使用するプラグインは個人やサイト内容によって異なります。 Bulk Plugin Installation プラグインをまとめてインストールするためのプラグイン。ワードプレスをインストールしたら、まずこのプラグインを導入しておけば、あとは一括でインストールできる。 →プラグイン一覧テキスト AddQuicktag WordPressの投稿画面で、htmlタグや定型文などを登録してワンタッチで使用することが出来る。これが無いと作業効率が大幅に下がってしまうほど必須のプラグイン。 Akismet ワードプレスにデフォルトでインストールされているスパム対策プラグイン。デフォルトで入っているけど、有効化するには設定が必要なので放置している人も多い。できるだけ早め

日本のみなさん、こんにちはぁ！　2年カナダに住みましたが、最近日本に帰ることになったライター、のび太です。日本に帰ったらまずはソッコーで吉野家の牛丼を食いに行きたいと思いまーす！！ さて、WordPressでサイトを作る時にイチから作るのって結構大変ですよね？　とはいえテーマを使ってしまうと、いらない機能、余計なコードなどが入っていてカスタマイズにとても苦労します。 そんな時に便利なのがBlank WordPress Themesです。 Blank WordPress Themesとは？ カスタマイズを前提としたディベロッパー用のWordpressテーマです。Starter WordPress themesとも呼ばれています。ファイルには最低限必要なWordPress PHP、CSS、HTMLのみで、WordPressのベースだけがほしい、時間短縮したい時にはもってこいのテーマです。 今回

テーマを作成するときのディレクトリ構造のメモ。 2013.01.30 追記 参考にしたサイト。 » Using Grunt to Speed Up & Standardize your WordPress Theme Development » 10up/grunt-wp-theme 利用ツール スタイル プリプロセッサ sass/compass スタイルガイド styledocco JavaScriptドキュメンテーション YUIDoc PHPパッケージ管理 Composer PHPドキュメンテーション phpDocumentor CI Grunt mytheme | |-- assets | |-- css | |-- sass | |-- _module1.sass |-- _variables.sass |-- main.scss | |-- main.css |-- main.m

WordPressを使用したサイト構築はスピードが違いますよね。 導入するテーマもレスポンシブ対応であれば PC・スマホ対応が簡単に出来るのも特徴の一つです。 そんなWordPressを使用したサイトを作る際に使える 無料のレスポンシブ対応テーマを集めてみたのでご紹介します。

フラットデザイン、シングルページ、フルスクリーン、パララックス、Retina対応…　Webのトレンドを盛り込んだ見応えのあるWordPressテーマを集めてみました。 見栄えのするテーマはデザインやアニメーションの参考にもなりますね。 もちろんどれもレスポンシブ対応。PCでご覧の方はブラウザサイズを変えて変化を確認してみましょう！ レスポンシブなWordPressテーマをあつめてみた レスポンシブデザインが話題になって久しいですね。 レスポンシブやRetina対応はWordPressテーマでもホットなキーワードです。 ワンソースでレスポンシブがベストな選択かどうかは案件によりけりでしょうが、トレンドはしっかり抑えておきたいところ。 今回あえて有料のものばかりをチョイス。WordPressテーマを探すとき、ついつい無料のやつばっかり探しがちなんですが、こうやって有料のテーマを見るとさすがに見

We all need to go responsive today, otherwise our websites will get lost somewhere on the last pages of search results. Web masters looking for cool, ready-made solutions for their web projects give preference to Bootstrap, and it’s clear why. A grid-based framework makes it easier and quicker to adjust your site’s content to any screen size possible, yet making all data readable and easy-to-follo