WordPressにはjQueryが同梱され、サイトの随所で利用されているが、そのバージョンがついに最新版(現時点では3.5系)にアップデートされることがmakeブログで発表された。これまでは1.x系にパッチを当てたものが同梱されていたが、ついに最新版に上がるようだ。筆者は、つぎはぎだらけのお古ジーパンを着させられていたキッズが最新の服を買ってもらったような喜びを覚えた。 via GIPHY リリースまでのマイルストーンは次の通り。 jQuery Migrate 1.x(後方互換ライブラリ)をWordPress5.5から削除WordPress 5.6からjQuery、jQuery MigrateおよびjQuery UIを最新版にアップデート。WordPress5.7以降でjQuery Migrateを削除 5.5が2020年8月リリース予定なので、年内にはjQueryが最新バージョンになる
高速化の重要性が叫ばれる昨今だが、WordPressもその例に漏れない。WordPressのようなPHP+MySQLという構成のCMSは、データベースやサーバー間ネットワークがボトルネックになることが多く、その対処法(キャッシュなど)はたくさんあるのだが、フロントエンド高速化となると、フロントエンド業界からの情報発信に埋もれてWordPressに固有のハックを見つけるのが難しいというのが現状ではないだろうか。フロントエンド業界の情報にはSPAを主に作っている人からの発信も含まれるので、WordPressとは必ずしも相性がよくない場合がある。 今回はそんなせわしない時代においても手軽に高速化を実現できるハックを紹介する。 フロントエンド高速化とは? フロントエンドでの高速化には色々あるが、昨今よく言われているのは次のようなものではないだろうか。 HTTP/2導入でのストリーム並列処理。HTT
AWS+KUSANAGIでWordPressサイトを運用しており、その時点でかなり速かったのですが、さらに高速化するべくpjax(barba.js)を導入しました。 導入後、ページ遷移体感速度が5000兆倍になったので導入方法をシェアします。 barba.jsとは pjax(非同期画面遷移)を使いやすくしたjsライブラリ。 これを使うとページ遷移時にコンテンツ部分のみを読み込むことができ、 まるでネイティブアプリを使っているようなページ遷移を体験できます。 また、animation、prefetch、cache等に対応しています。 デモサイト barba.jsを導入しているサイトのご紹介。 ・Grid Demo(公式) ・Next/Prev Demo(公式) ・Circles Demo(公式) ・Accueil | Effektiv, cabinet de recrutement(非公式)
WordPressで jQuery UI を使うときに、WordPressと同じバージョンのCSSをGoogleから取得する WordPressにはjQuery UIがはじめから同梱されているので、JavaScriptを使用するだけなら、プラグインやテーマのfunctions.phpに以下のように記述するだけでオッケーです。 add_action('wp_enqueue_scripts', 'my_wp_enqueue_scripts'); function my_admin_enqueue_scripts() { wp_enqueue_script( 'myplugin-script', plugins_url('js/my-plugin.min.js', __FILE__), array('jquery-ui-tabs'), $this->version, true ); } しかし、
With the inclusion of jQuery Masonry in the WordPress 3.5 core library, it's never been easier to change up a template's layout for recent posting. Serving up your content in a masonry layout can make the blog portion of your website more visually interesting for your readers. With jQuery Masonry, it doesn't matter the length of your post excerpt (within reason of course), it will adjust to fill e
An awesome, fully responsive jQuery slider toolkit. Simple, semantic markup Supported in all major browsers Horizontal/vertical slide and fade animations Multiple slider support, Callback API, and more Hardware accelerated touch swipe support Custom navigation options Compatible with the latest version of jQuery Get started with FlexSlider in 3 easy steps! Step 1 – Link files Add these items to th
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script
The Envato marketplaces are on the verge of reaching a massive milestone: a million users. One of the biggest reasons for our success is the steady stream of spectacular files that our talented authors craft. Today, we'll review only a handful of the top selling and most popular templates and plugins on sale at CodeCanyon and ThemeForest. The Top Selling CodeCanyon Items 1. CSS3 Mega Drop Down Men
ちょっと気になったことがあったのでメモがてら ご紹介。WordPressには最初からjQueryが 同梱されており、わざわざ自分で本体をアップ ロードする必要が無いように出来ていますが、 バージョンが最新のものではありません。 そこで、自分で最新のものにする方も多いので すが、普通に読み込むと管理画面で問題が生じます。 大した内容じゃ無いんですが、ちょっと気になったのでメモ。GoogleなどのCDNを使ったら管理画面おかしくなった、という方はちょっとお試しいただくといいかもです。 管理画面でなんかいろいろ動かなくなっちゃった・・ をかもとさんのWordPress 同梱の jQuery 以外を使う方法という記事でwp_enqueue_scriptを使って外部スクリプトを読み込む方法が書かれていますが、このまま書くと管理画面にも読み込んだCDNが反映されます。 そうすると、管理画面内でjsで動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く