WordPress 4.5 をチェックしています

WordPress4.5 チェックをしています
WordPress4.5 は4月12日に リリースされました。WordPress4.5は beta版からいろいろチェックをしています。という事で WordPress4.5でちょっと気がついたところを取り上げていきます。

WordPress4.5日本語版 は https://ja.wordpress.org/ からダウンロードできます。

 

テーマカスタマイザー

サイトロゴ

テーマカスタマイザー上でサイトロゴを設置できる機能が追加されました。
WordPress4.5 サイトロゴ
ロゴ画像を登録するだけです。
WordPress4.5 サイトロゴ
このままではサイトタイトルとロゴが両方でてしまいますが「Display Site Title and Tagline」のチェックを外すとロゴ画像だけになります。
WordPress4.5 サイトロゴ

この機能を使うには、テーマ側で対応する必要があります。

例 functions.php に追記

/* 
 * Enable support for site logo. 
 */ 
add_theme_support( 'site-logo' ); 

 
サイズを指定したい場合は

/* 
 * Enable support for site logo. 
 */ 
add_image_size( 'nendebcom-logo', 260, 50 ); 
add_theme_support( 'site-logo', array( 'size' => 'nendebcom-logo' ) ); 

 

例 header.phpの表示したい場所に追記

<?php the_site_logo() ; ?>

 
TwentySixteenで対応したサンプルがこちらにあります。
GitHub WordPress/twentysixteen Branch site-logo
https://github.com/WordPress/twentysixteen/tree/site-logo

 

左下にレスポンシブ用のプレビューが見れるボタンがつきました。

For desktop
WordPress4.5 レスポンシブプレビュー desktop

For tablet 6in(576px)
WordPress4.5 レスポンシブプレビュー tablet

For phone-sized 320px
WordPress4.5 レスポンシブプレビュー phone
※CSS の単位で in(インチ)があるのを初めて知りました。

 

背景画像

サイトの背景画像をアップロードして設定する機能は今までありましたが、今回はその画像をさらにトリミング(切抜き)して設定できるようになりました。
WordPress4.5 背景画像トリミング(

 
 

画像

画像アップロードの改善

メディアアップロードの際に使う画像の設置場所を設定するモジュールを改善してました。
また画像生成のところも最適化されたようです。

Cache output of `wp_upload_dir()` to improve performance
https://core.trac.wordpress.org/ticket/34359

Improve default Imagick compression settings
https://core.trac.wordpress.org/ticket/33642
 

画像の圧縮率の変更

WordPressでは画像をメディアアップロードで登録した際に サムネイルや中サイズ用に 画像をリサイズするのと共に 圧縮をしています。(元の画像はそのままです)
今までは圧縮率が 90 でしたが 82 に変更されました。
これで、PageSpeed Insightsで点数上がるのかな? しかしこれが効くのはjpgだけかもしれません。

やはり、前の90の方がいいと言う場合は以下のコードを my-plugin.php に張り付けてください。

/**
 * 画像圧縮率変更
 *
 * @since 3.5.0
 * return int $quality
 * License: GPLv2 or later
 */
add_filter( 'wp_editor_set_quality', function( $quality ) { return 90; } );

 
 

非推奨関数

add_object_page」「add_utility_page」が非推奨になりました。「add_menu_page()」を使うようにと警告(WP_DEBUG を true にしてたら)がでます。
get_currentuserinfo」が非推奨になりました。「wp_get_current_user」を使うようにと警告(WP_DEBUG を true にしてたら)がでます。これは結構 使ってるプラグインがあります。

WP_DEBUG を trueにして使用する開発環境で非推奨の警告を非表示にしたい場合は以下のコードを my-plugin.php に張り付けてください。

/**
 * Cancel to function as deprecated and inform when it has been used.
 *
 * There is a hook deprecated_function_run that will be called that can be used
 * to get the backtrace up to what file and function called the deprecated
 * @since 2.5.0
 * License: GPLv2 or later
 */
add_filter( 'deprecated_function_trigger_error', '__return_false' );

 
 



 
 

Embed

WordPress4.5 embed
Embedがテーマ上に設置できるようになりました。
wp-includes/theme-compat にある embed.php header-embed.php embed-content.php footer-embed.php等 Embed関連のファイルを 使っているテーマフォルダに設置するだけでこのファイルを読むようになります。

また、こんな使い方もできるようです。
embed-{post-type}-{post_format}.php
embed-{post-type}.php

あとは自由に変更してみてください。

 
 

新しい関数

※他にもありますが、今回はこれだけ おぉ と思いましたので説明しておきます。

wp_add_inline_script」が追加されました。
詳しくはこちら↓
WordPress4.5から使える wp_add_inline_script を使ってJetpackの「SnowStorm」を桜に変えて降らせてみる
http://nendeb.com/403

Version 4.5 – WordPress Codex 日本語版
https://wpdocs.osdn.jp/Version_4.5#What.27s_New_3
 
 

JavaScript Library Updates

jQueryが v1.11.3 から v1.12.3 へと新しくなりました。
コードの記述が若干厳密になったもようです。WordPress4.5にしてjQueryが動かなくなった場合はチェックしましょう。

例 管理画面で JavaScriptエラーがでていたのでメディアアップロードボタンが反応しなくなってしまいました。
HeadSpace2 SEO  Problem with WP 4.5
https://wordpress.org/support/topic/problem-with-wp-45
 
 



 
 

参考

WordPress.ORG 日本語 « WordPress 4.5 “コールマン”
https://ja.wordpress.org/2016/04/14/wordpress-4-5-coleman/

Google PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=ja

Proposal: Increase the default image compression in WordPress
https://make.wordpress.org/core/2016/02/22/proposal-increase-the-default-image-compression-in-wordpress/

Embeds Changes in WordPress 4.5 – WordPress Core
https://make.wordpress.org/core/2016/03/11/embeds-changes-in-wordpress-4-5/