jQueryをフッターに移して高速化する – Capital P – WordPressメディア
高速化の重要性が叫ばれる昨今だが、WordPressもその例に漏れない。WordPressのようなPHP+MySQLという構成のCMSは、データベースやサーバー間ネットワークがボトルネックになることが多く、その対処法（キャッシュなど）はたくさんあるのだが、フロントエンド高速化となると、フロントエンド業界からの情報発信に埋もれてWordPressに固有のハックを見つけるのが難しいというのが現状ではないだろうか。フロントエンド業界の情報にはSPAを主に作っている人からの発信も含まれるので、WordPressとは必ずしも相性がよくない場合がある。 今回はそんなせわしない時代においても手軽に高速化を実現できるハックを紹介する。 フロントエンド高速化とは？ フロントエンドでの高速化には色々あるが、昨今よく言われているのは次のようなものではないだろうか。 HTTP/2導入でのストリーム並列処理。HTT
プラグイン「Really Simple CSV Importer」でWordPressにカンタンサイト移行 | WP-E (仮)
自分には収集癖があります。 とにかく集めたいという欲求があって、なにも捨てられない。そして部屋の中が物であふれかえっています。 実際、Amazonの箱を集めたくなり部屋の中で空き箱があふれていました。(あまりに場所を取るので先日、意を決して捨てることに成功しました) そんな収集癖を持つ自分が、もう10年以上収集しているもの、それは「ポケットティッシュラベル」です。 2002年作成「ポケットティッシュダイジテン」 そのラベルを今まで自分でスクラッチ開発したサイト「ポケットティッシュダイジテン」でインターネットで公開しています。2002年に作ったのでCSSも使わずに、テーブルレイアウトで角丸を張り付けたりして、デザインしていました。 懐かしのtableレイアウト それから10年以上が経ち、モバイルファーストとかSNS連携とか新しい技術を取り入れたいっす！ということになったので、今までの好き勝手
WordPressでちょっとおしゃれなレイアウトをイラッとせず更新できるプラグイン
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 WordPressは、確かに「更新」という作業自体は簡単なんだけど、ちょっと凝ったレイアウトを実現しようとするとイラッとさせられることが多いのも事実です。 どういうときか？ 先にサンプルを見てもらったほうが早いと思ったので、簡単に作ってみました。こういうのです。 イラッとするレイアウト こういうふうに文字や画像をあちこち自由に配置したくなることってあると思います。ブロガーさんならプロフィールのページ、コーポレートサイトや店舗への集客用ホームページだとアクセスのページとか。少し配置を変えただけで、おしゃれな雰囲気になるってことありますから。 普通にブログ記事を更新するときは、テキ
とにかく速いWordPress
WordPressの表示遅延やサーバの負荷上昇の原因になり得るボトルネックは、どのように見つけて、改善すればいいのか、その方法を紹介します。
WordPressで作成したサイトやブログを静的HTMLに変換するプラグイン -StaticPress
去年あたりから、静的サイトジェネレーターの需要が増しています。 WordPressでは通常、ページを表示する際にデータベースに接続して、動的にページを生成して表示します。更新度の高いコンテンツでは便利ですが、更新度の低い、一度公開したらほとんど更新する必要のないようなコンテンツであれば、静的ページにしてしまう方がよいかもしれません。 日本語環境にも対応、WordPressで作成したサイトやブログを静的HTMLに変換する無料プラグインを紹介します。 StaticPress StaticPress -GitHub StaticPressの特徴 StaticPressのダウンロードとインストール StaticPressの活用方法 StaticPressの特徴 WordPressで作成したコンテンツを完全に静的なHTMLファイルに変換します。表示する際のデータベースへの接続も必要ありません。 注意
Meta Box - WordPress Custom Fields and Custom Meta Boxes Framework
Custom Fields Re-Envisioned The sleepless nights of endless coding are over. Instantly generate expert meta boxes and custom fields in WordPress. Get Meta Box A WordPress Custom Fields Plugin for Clever Custom Results Meta Box is a free Gutenberg and GDPR-compatible WordPress custom fields plugin and framework that makes quick work of customizing a website with—you guessed it—meta boxes and custom
Content Template EngineがSmart Custom Fieldsに対応しました。 | Firegoby
Content Template EngineがSmart Custom Fieldsに対応しました。 自分で言うのもなんですが、このプラグインはWordPressの可能性をめちゃくちゃあげると思うんですが、分かりにくくてイマイチ広まりません。笑 https://wordpress.org/plugins/content-template-engine/ 先日のアップデートでキタジマさん作のSmart Custom Fieldsに対応しました。 Smart Custom Fieldsでこんな風にリピーターフィールドを定義して。。。 投稿画面のエディターにこんな風にテンプレートを記述して、 Admin以外のユーザーで投稿画面を見るとこんな感じになります。 エディターが消えてスッキリ！ そして、コンテンツはこんな感じ。 ドキュメントは、以下のURLにあります。 https://github.c
無料で使えるAdobe製高機能画像エディターのwordpress plugin【Buooy Aviary Editor】 | CreativeTips
2015年9月13日2016年7月3日wordpress 最近ブログ記事書く際の画像編集が手間だなぁ～と思って、その部分を簡略化出来るようなツールとか方法を探していた。 んで探している内に以下の記事を発見！ ほぼコピペするだけでAdobe製WEB画像エディターを無料で使えるようにする方法 このブログで使用しているワードプレステーマ【Simplicity】の開発者でもある、わいひらさんが書いてる記事だった。テーマでもお世話になってるし、情報でもお世話になってるしで、ホントこの人凄い。 上記記事では、【サイト上で使用する用途】の解説だったので、管理画面とかで使えるwordpress pluginあったら便利そうだなぁ～と思って探してみたら直ぐに見つかったので紹介します。 ※追記 plugin導入後に、プラグイン一覧ページの【停止】や【有効化】等のリンクが消えてしまう現象が出ます。 単純にこのp
wordpressで画像挿入時にimgタグに付くwidthやheightと不要なclassを無くす方法 | MONOCHROME DESIGN(モノクロームデザイン) - 東京のフリーランスwebデザイナー
wordpressで画像挿入時にimgタグに付くwidthやheightと不要なclassを無くす方法 2015.01.23 wordpressで画像挿入をすると、imgタグに「width」や「height」、そして「alignnone」「size-large」などのclassが付与されます。widthやheightはレスポンシブで作るときに邪魔な事があるのと、alignnoneなどのclassは、個人的にあまり使うことはありません。 以前までは手で消してたりしたのですが、毎回手動で消すのも面倒なので、function.phpを編集して、あらかじめこれらの属性やclassを付かないようにしましたので、その方法をご紹介します。 width、heightを付かなくする為に、function.phpに以下を追加します
WordPress自体のチューニングが必要な理由と高速化の基本的な考え方
企業のCMSサイトやオウンドメディアなどエンタープライズ用途での利用が増加しているWordPressの高速化について解説する連載。初回は、WordPressの高速化が求められる背景や、WordPress高速化の基本的な考え方であるページのロード時間とその構成要素、1秒当たりの同時アクセス数について解説します。 WordPressの高速化が求められる背景 「WordPress」は世界中で最も使われているCMS（Contents Management System）のソフトウエアです。「W3Techs」の統計によると、世界中のWebサイトの約24％、CMSソフトウエアを利用したWebサイトの約6割で利用されています（参考「Usage statistics and market share of WordPress for websites」）日本国内に限定すると、CMSソフトウエアを利用したW
VCCW + WordMove + StaticPress + GitHubページでWordPressサイトを永代供養 | Firegoby
イベントのサイトをWordPressでつくったあと、そのイベントが終わったらもうWordPressの管理はしたくないよってことはまあまあ多いですよね。 そんな時に、GitHubページとして公開しておけば、ドメインの維持費以外は無料でホスティングできちゃうじゃんということでやってみました。 やりかた VCCWを起動 以下から最新版を入手して、vagrant up するだけ。 VCCW 特になにか設定を変える必要はありません。 WordMoveで既存のサイトを吸い込む vagrant upの後に自動的に生成されているMovefileを編集してください。 設定方法は、以下のサイトを参考にしてください。 ふつうのレンタルサーバーでも、VCCWとWordmoveを使って快適にローカル環境で開発しようぜ！ | Toro_Unit さくらのレンタルサーバーにWordPressをデプロイするのはVCCW
WordPressをAWS上に構築すると得られるメリット まとめ | DevelopersIO
はじめに 最近、WordPressに興味が出てきたのでAWS上に構築して勉強しているのですが、AWSとWordPressって相性いいんじゃないかと思うことが何点かありました。そこで自分が気づいたWordPressをAWSに構築するメリットをまとめたいと思います。今回はWordPressの4.2.2 を使って試しています。 WordPressをAWSに構築すると得られるメリット一覧 静的コンテンツをAWSのサービスから配信できる ローカルに静的コンテンツを置かないことでスケールアウトできる 構築したHTMLファイルをS3でホスティングできる 簡単にWordPressのバックアップが作成できる Web開発に便利なサービスが使える Elastic Beanstalkを使って簡単に構築できる [おまけ]Amazon SESと連携できる 1.静的コンテンツをAWSのサービスから配信できる WordP
WordPress開発が捗りそうなBracketsおすすめ拡張40個まとめ
Paste and Indent JavaScript & CSS CDN Suggestions scriptタグやstyleタグを書くと、CDNが使えるJSファイルやCSSファイルの名前を提案してくれ、選んでいくだけでCDN呼び出しタグを書くことができます。これがあると、ネットで探し回る必要ないかも。 Brackets Extension: CDN Suggestions CDN Finder jsDelivrで公開されているCDNを検索し、URLを手軽に取得することができます。 CDN Finder Autoprefixer 名前の通り、ファイルの保存時に自動でプレフィックスを付与する拡張です。 Can I Useの情報から判断して、不要なものは取りのぞいてもくれます。 機能を有効にするには、「編集」メニューから「Auto prefix on save」にチェックをしておく必要があり
写真家やデザイナーが待ち望んだ魅せると伝えるを兼ね備えたWordPressギャラリーテーマPHOTEK(tcd024)の特徴を解説。
HOME ブログ WordPress , 【PR】 , ブログ 写真家やデザイナーが待ち望んだ魅せると伝えるを兼ね備えたWordPressギャラリーテーマPHOTEK(tcd024)の特徴を解説。 写真家やデザイナーが待ち望んだ魅せると伝えるを兼ね備えたWordPressギャラリーテーマPHOTEK(tcd024)の特徴を解説。2015.06.12 以前、写真家や画家などは、自分の作品を見てもらうためにギャラリーを借りて実物を展示していましたし、それが一般的な方法でした。 しかし、WEB上に作品を展示することができるようになった現在では、まだ有名でない写真家やデザイナーでも自身のポートフォリオサイトやギャラリーサイトを所有することで、世界中の人に見てもらいアピールする機会を得ることができるようになりました。 ここではポートフォリオサイトやギャラリーサイトに最適なWordopressテーマの
Bootstrap ベースのシンプルでカスタマイズ性の高い WordPress テーマ Habakiri が公式ディレクトリに掲載されました。
Habakiri Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JS を使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。 公式サイトを見る 先日、WordPress の公式テーマディレクトリにテーマ Habakiri が掲載されました。以前掲載された Kotetsu に続き2つ目のテーマ掲載となります。 お使いの WordPress の管理画面にログインし、テーマインストール画面で「Habakiri」と検索すればすぐにインストールできます。このサイトも Habakiri を親テーマとして使っているので、だいたいの雰囲気はわかるかなと思います。 Habakiri の特徴 WordPress テーマ Habakiri には次のような特徴があります。 Boot
【WordPress】素人でも出来た！AWS EC2へのサーバー移行方法1 移行手順を確認
【WordPress】素人でも出来た！AWS EC2へのサーバー移行方法1 移行手順を確認 2013/02/09 [Web製作, 仕事・スキル] ブログのサーバーを アマゾンウェブサービス（AWS）のEC2へ移転しました。 今回から、その移行手順を解説します。 素人にも出来る方法ですので、 移行を考えてる方の参考になれば幸いです。 素人にも出来るEC2へのサーバー移転方法 いらっしゃいませ、番台さんです。 先日ご報告したとおり、 「男子風呂（ぐ）」のサーバーを移転しました。 さくらインターネットから、 アマゾンウェブサービス（AWS）の 「Amazon Elastic Compute Cloud（Amazon EC2）」 への移転です。 最初はおっかなびっくりでしたが、 素人の番台さんでも余裕で移行できましたので、 その手順や気をつける点などをアップしていきます。 黒い画面や謎のコマンドを
AWS CloudFrontを使ってWordPressのメディアファイルだけS3に配置する | DevelopersIO
森永です。 前回の記事でWordPressにアクセスできるところまでいきました。 引き続き構築を行っていきます。今回の手順は順序を変えるとうまくいかないことがありますのでご注意下さい。 おさらい こんな構成を作っていきます。 今回構築のメインとなるのは、CloudFrontの部分です。 CloudFrontにはURLによって振り分け先を変えるリバースプロキシの機能がありますので、メディアファイルを参照する場合のみS3に向くように設定をしていきます。 WordPressの基本設定 プラグインのセットアップ Beanstalkで作成されたサーバは、AutoScalingで起動されているEC2インスタンスのため、基本的にローカルにファイルを保存してはいけません。そのため、本来サーバのローカルに格納される画像などのメディアファイルは、プラグインを使用してS3に格納するようにします。 管理画面から、
S3 にメディアを自動アップロードするプラグイン「絡新婦」 - dogmap.jp
WordPress のメディアライブラリにアップロードされたファイルを自動的に Amazon S3 にアップロードして、post_content 内のリンクを S3 の URL に変更するプラグイン Nephila clavata (絡新婦) を作成しています。 プラグイン名称の元になったのは、有名な妖怪ですね。 公式プラグインディレクトリには、全く同じ機能を持った「Amazon S3 for WordPress」ってプラグインが登録されているんですが、2009年の1月以降アップデートされていないため、新規に作っちゃいました。 AWS SDK for PHP 2 を使っているので、PHP 5.3 以降のバージョンが必要になります。 そんなわけで S3 バケットの使用方法と、このプラグインの設定方法を解説しますね。 S3 バケットの作成 AWS の S3 管理画面から「Create Buck
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利なWordPressの条件分岐16パターン：カスタマイズで活躍するものを厳選！
http://ri-mode.com/rainbow/2015/11/05/wp_ref_basic_to_advance/
