otaku-tokyo

 

Image・Movie

WebP(ウェッピー)

Google提供のSquooshやBulk Resizeを用いてWebP画像を生成

デフォルトではWordPressにアップできないのでサーバーに直接アップするか(/wp-content/uploads)
WP Add Mime Typesというプラグインを使うか

functions.phpに次の記述をするかでアップできる

function custom_mime_types( $mimes ) {
$mimes[‘webp’] = ‘image/webp’;
return $mimes;
}
add_filter( ‘upload_mimes’, ‘custom_mime_types’ );

 

pictureタグを用いることでWebP対応していないブラウザに対してはimgタグの画像を反映可能

<picture>

<source type=”image/webp” srcset=”URL” media=”(max-width: 480px)”> />

<source type=”image/webp” srcset=”URL” />

<img src=”jpgURL”>

</picture>

AirMore

まず、スマホにAirMoreのアプリをインストール。スマホはWifiにつないでおく。次にパソコンでAirmoreのサイトにアクセスしてQRコードを表示させる。スマホで読み込んで完了。

 

AirMoreのスクショはサーバーアクセスするのに時間がかかりすぎる。

スマホでスクショを撮ったほうが早かった。

画像のワイド化

<div class="st-eyecatch st-eyecatch-under">
ワイド化したい画像
</div>

実際に作ったもの

D4DJ速報のトップページでMusicセクションとNewsセクションの間に灰色の区切りをつけた。

詳細なコードは [Affinger5管理 > トップページ] を参考。

WordPressにMP4をアップする

コントロールパネルで

サイト管理>PHP設定>php.ini編集

に進む

下記コードを入力

memory_limit = 300M
post_max_size = 250M
upload_max_filesize = 200M

☢190MBのMP4をupするので
upload_max_filesize > 190Mとする