【WordPress】WP-CLIを利用して、負荷を減らしつつ画像のリサイズをしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 WordPress便利ですよね。ただサイト構築してる最中だったり、リニューアルだったりで画像のサイズパターン増えちゃうことありますよね。そんなとき、過去にアップロードした画像を作り直すことがあるかと思います。 プラグインでやるなら、Regenerate Thumbnailsなどを使用するでしょうか。管理画面からすべての画像をリサイズできるのは、すごく便利ですね。ただすべての画像の、すべての画像サイズに対して、リサイズを行う必要が発生してしまいます（1個ずつもできるけど、あんまりないですよね）。 画像サイズや量によっては、膨大な時間がかかってしまうこともあります。一度に検証することで、サーバに負荷がかかって重くなってしまうこともあります。 そんなときWP-CLIで画像をリサイズするとで解決できることもあったので、使い方を紹介します。 wp mediaコマン
WordPress で最大アップロードサイズを変更する方法 - by Takumi Hirashima
WordPress で最大アップロードサイズを変更する方法を紹介します。 例えば、2MBを超えるファイルをアップしたい時に便利な方法です。 functions.php に変更を加える方法 php.ini に変更を加える方法 サーバーの設定を確認 WordPress 側で最大アップロードサイズの変更を試す前に、まずはサーバーの設定を確認してください。 XSERVER やロリポップなどの主要なサーバーでは、サーバーの管理画面でファイルのアップロードサイズを管理している場合があります。 functions.php に変更を加える方法 WordPress でファイルの最大アップロードサイズを変更する方法を紹介します。 例えば、アップロードサイズを 5MB まで引き上げたい場合は、次のコードを functions.php に追加します。 /* WordPressで最大アップロードサイズを変更する
WordPressのカスタム投稿タイプごとに生成する画像サイズを分けて不要な画像サイズを生成しない方法
公開2013.11.18 更新2017.12.03 仕事・技術 今日は前回の記事の続きでWordPressのカスタム投稿タイプごとに生成するアイキャッチ画像、投稿サムネイルなどに使用できる画像サイズを分けて生成する方法です。 例として以下のような画像サイズ定義をadd_image_size()を使ってfunctions.php内で行っていたとします。 //カスタム投稿タイプ「book」用 add_image_size('book', 300, 300 ); //カスタム投稿タイプ「video」用 add_image_size('video', 400, 400 ); //カスタム投稿タイプ「game」用 add_image_size('game', 500, 500 ); book、video、gameというカスタム投稿タイプがあると仮定し、上記で定義した名称とカスタム投稿タイプ名が一致す
WordPressの記事内の画像をData URIで扱ってサイトを高速化させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 WordPressを利用していた際、サイト高速化の実験として記事詳細ページで使用する画像をData URIにできないかなと思い、以下のことを試してみました。 記事詳細ページで使用する画像をData URIで扱ってみた なるべくすぐ戻せるように、通常の画像サイズも選べるような作りを目指して、アップロード時点でBase64エンコード版のサイズを用意する形で実装しています。 functions.phpに記載する形です。 // 画像サイズ名を定数で宣言(今回はbase64って名前で作成しています) define("BASE64_IMAGE_KEY" , "base64"); // エンコードする画像のサイズを追加しておく add_image_size(BASE64_IMAGE_KEY , 400 , 400); // 画像ファイルアップロードのメタデータ保存の際にエ
WordPressのアイキャッチ画像の設定と使い方
Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。 WordPressで「アイキャッチ画像」を設定する方法と使い方を解説します。WEBサイトに「アイキャッチ画像」があるとないとでは、訪問者の離脱率が変わると言われていますので設定しない手はありませんね。それと、アフィリエイトでの商品（サイト）を紹介する場合にもWordPressのアイキャッチ機能は大変重宝します。アイキャッチ画像は、トップページ、カテゴリー、タグページや関連記事の表示等に使いまわすことができるので大変便利です。 アイキャッチ画像の設定方法まず、function.phpに下記を記載します。 <?php add_theme_support('post-thumbnails'); ?>次にWordPressの管理画面で以下の手順で設定していきます。
ワードプレスのアイキャッチのURLを取得したい！画像のURLだけ欲しい！
ワードプレスのテンプレートタグはとても便利で恋をしそうな程です。しかし、ちょいと困ったことがあります。テンプレートというだけあって決まった動き・表示しかしないことです。 欲しいのは画像のURLだけなんだ！ アイキャッチ画像を表示する方法を以前ご紹介しましたが、「表示」は簡単なんです。 アイキャッチ画像表示のテンプレートタグ【the_post_thumbnail()】でimg のhtmlまで形成して出力してくれるもんだからテンプレートタグを埋め込むだけで終わりなんですよね。 でも、欲しいのはURLなんです！ URLだけ取得するテンプレートタグ テンプレートタグでアイキャッチのURLだけを取得する事は可能！ ついでに、PHPの関数を駆使して分かりやすくまとめる！ アイキャッチ画像の要素とその要素分割するPHP関数を使っちゃいます(｀･ω･´)ゞ テンプレートタグは「wp_get_attachm
テキストのサイズを調整し、両端をピッタリと揃えて表示するスクリプト・slabTextをWPプラグインとして日本語環境に対応・WP slabText - かちびと.net
ご連絡頂いて、良さ気だったので ご紹介。以前記事にした、テキスト の両端を揃えるタイポグラフィ系 のスクリプト・slabTextを日本語 でも利用出来るようにし、且つWP で利用出来るようにしてくれました。 今年の1月くらいにご紹介したslabTextをWPで、且つ日本語で利用出来る、というプラグインです。slabTextに関しては以前の記事をご参照下さい。 テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT 過去記事でも書いたように、普通に使っても日本語環境で使うのは若干微妙でした。（単語単位で半角スペースを入れる必要があった）これをうまく解消してくれているので需要も結構あるのでは無いかなと思います。 もともと目をつけていたスクリプトだったので日本語環境で利用出来るようになったのはとても嬉しいです。スクリプトの開発者さんは
お手軽WordPress Tips：URLやサイズを指定出来るQRコードをショートコードで作れるようにする
ご質問頂いたのでついでに記事にします。 WordPressでURLとかサイズを指定出来る QRコードをショートコードで作成したい、 というもの。情報系のサイトだと、ユー ザーが携帯で閲覧したい事も多々ありそう なので割りと汎用性はあるんじゃないかな と思います。 というわけでショートコードでQRコードを作れるようにする方法です。APIが手軽なのでAPI使います。 普通にショートコード作る方法と変わりません。functions.phpに以下を追記します。 function add_qrcode_in_this_article($atts) { extract(shortcode_atts(array( 'url' => 'http://example.com', 'size' => '80', ), $atts)); return '<img src="http://api.qrserver
アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]
まえがき 前回「アイキャッチ画像のURLを取得する」方法は書きましたが もっとシンプルな方法を発見しましたので、エントリーします。 合わせて「アイキャッチ画像の横幅と高さを取得する」方法も紹介しますにゃー。 アイキャッチ画像の「URL,横幅,高さ」の情報を取得するタグ「wp_get_attachment_image_src」 wp_get_attachment_image_srcというタグを使えば アイキャッチ画像の「URL,横幅,高さ」が配列で返ってきます。 アイキャッチのサイズ指定（thumbnail, medium, large, full）もできます。 記述例 $thumbnail_id = get_post_thumbnail_id($post->ID); //アタッチメントIDの取得 $image = wp_get_attachment_image_src( $thumbnai
![アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae275e8fa003aceaddee05ec058e47eee609dda6/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fplugins%2Fwp-ogp%2Fdefault.jpg)
[Wordpress] サムネイル（アイキャッチ）画像の設定いろいろ | nm705.com
サムネイルを表示させる方法は比較的簡単に見つかったのですが、 alt や title が画像名になってしまい、不恰好だったので、調べてみました。 まず、サムネイルの表示方法から説明します。 1.サムネイルを表示させる サムネイルとは、上記画像のように、 画像挿入の時に「アイキャッチ画像として使用」をクリックした時に表示される画像です。 上記サイトに詳しく書いてあるのですが、初心者の私が試したところ、 function.php で設定したとおりにならなかったので、別の方法でサイズ指定しています。 とりあえず、function.php に、 add_theme_support( 'post-thumbnails' ); と記載するところまでは、同じです。 （記載箇所はfunction.phpの一番最後でいいと思います。） 次に、set_post_thumbnail_size( 50,
記事に挿入する画像のサイズの種類を増やせるWordPressプラグイン・Additional image sizes - かちびと.net
地震の災害の最中ですし、僕も東京住まい でそれなりの被害がありますが、関東以外 の方は普通にお仕事をされてると思います。 地震の情報は多数存在しますし、僕が変に 介入しすぎても混乱を招きかねないので 本日より通常更新に戻ります。が、停電を 含め、地震の弊害次第では更新が止まる かも知れ無いことをご了承下さい。 さて、今日はちょっと便利そうなWordPressのプラグインがあったのでシェア。有りそうでなかったプラグインです。 WordPressは、画像をアップロードし、その画像を投稿に含める際にサイズを選べるんですが、そのサイズがデフォルトでは限られています。このサイズの種類を増やせるプラグインがAdditional image sizesです。 上記のように、デフォルトの4つのサイズ以外に3つ増えています。試してはいませんが、いくらでも増やせそうですよ。 設定 プラグインを有効化すると、「
お手軽WordPress Tips：CSSで「投稿」や「ページ」のHTMLエディター内のフォントや文字サイズを変更する
WordPressのHTMLエディタ内のテキ ストのスタイルを変更する方法。少々 見にくくて使いにくい、というご要望を 頂いて、プラグインで出来ないかなと 思っていたら、プラグインも不要で簡単 に変えられましたのでメモ。 という訳で、直ぐには役に立たないけど覚えておくと損ないよねシリーズ。HTMLエディターのテキストスタイルを変更する方法です。 コードフォントを変えられる、というか、cssを変更できるコードです。 function change_editor_font(){ echo "<style type='text/css'> #editorcontainer textarea#content { font-family: \"メイリオ\", \"Meiryo\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ ゴシック\
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
