WordPress: アイキャッチ画像URLの取得は get_the_post_thumbnail_url | WWWクリエイターズ
WordPressで、投稿のアイキャッチ画像のURL（文字列）を一発で取得する関数「get_the_post_thumbnail_url」が、Wordpress version4.4 でついにリリースされました！（２０１７年１２月） やった〜。逆になんでいままでなかったのでしょうか。 胸のつかえが取れた気分です。 アイキャッチ画像のURLを出力する関数 まずは関数です。ズバリ：the_post_thumbnail_url() // アイキャッチ画像のURL文字列を出力する the_post_thumbnail_url( 'medium' ); サイズは、’thumbnail’, ‘medium’, ‘large’, ‘full’, の中から好きにしてください。 引数で投稿IDを渡せないのは、不便ですが、the_xxxxの、theで始まる関数は、メインループ内での利用を意図されているというこ
【WordPress】WP-CLIを利用して、負荷を減らしつつ画像のリサイズをしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 WordPress便利ですよね。ただサイト構築してる最中だったり、リニューアルだったりで画像のサイズパターン増えちゃうことありますよね。そんなとき、過去にアップロードした画像を作り直すことがあるかと思います。 プラグインでやるなら、Regenerate Thumbnailsなどを使用するでしょうか。管理画面からすべての画像をリサイズできるのは、すごく便利ですね。ただすべての画像の、すべての画像サイズに対して、リサイズを行う必要が発生してしまいます（1個ずつもできるけど、あんまりないですよね）。 画像サイズや量によっては、膨大な時間がかかってしまうこともあります。一度に検証することで、サーバに負荷がかかって重くなってしまうこともあります。 そんなときWP-CLIで画像をリサイズするとで解決できることもあったので、使い方を紹介します。 wp mediaコマン
WordPress 権限別に管理画面をカスタマイズする方法 - by Takumi Hirashima
WordPress 権限別に管理画面をカスタマイズする方法を紹介します。 例えば、寄稿者権限ユーザーに特定の項目だけを触らせたいときに便利な方法です。 権限別にサイドバーメニューをカスタマイズする方法 寄稿者権限の場合にサイドバーメニューをカスタマイズする方法 寄稿者権限の場合にサイドバーメニューをカスタマイズ 寄稿者権限でも画像をアップロード可能にする 他のユーザーがアップロードした画像を非表示 寄稿者権限でログイン時のみ専用のCSSを読み込む 権限別にサイドバーメニューをカスタマイズする方法 権限別にサイドバーメニューをカスタマイズする方法を紹介します。 次のコードをテーマファイル内の function.php に追加します。 /*【管理画面】権限別にサイドバーメニューの表示をカスタマイズ */ function remove_menus () { if (current_user_c
WordPressでWP-CLIを使って記事移行とかを少し楽にする | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい！」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい！」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って、WordPressだけ呼び出して処理ですね、お手軽。 <!--?php require_once "wp-load.php"; // パスは環境によって変えてね ?--> これを読み込んだら、WordPress関数が使えるので、CLIからphpとして実行したり、まあdocument rootにおいて実行して消すなりしちゃえばOKです。WordPress管理外じゃないけど、WordPressの記事を引っ張りたいときとかと一緒ですね。 たまに「wp-blog-header.php」を
たまに役に立つWordPressのカスタマイズ5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ありがたいことに、この業界で15年程度生き抜くことができまして、質問を受けたりレビューをしたりする機会が多くなってまいりました。 しょっちゅう必要ではないのですが、カスタマイズが必要になった際に解決したことを今回まとめてみました。 非公開ページを親ページにしたい 皆様はWordPressをGutenberg（グーテンベルク）で使われているでしょうか。 URLを綺麗にしたいときなど、固定ページで非公開の親ページを選びたいときがありますよね。 page_attributes_dropdown_pages_argsとかquick_edit_dropdown_pages_argsにフックしてたと思うのですが、グーテンベルクになってからは、ここもrest apiで取得しているようで効かなくなってますよね。 add_filter( 'rest_page_query'
WordPress メディアのアップロードから画像が自動生成されなかった時の対処方法 - by Takumi Hirashima
WordPress メディアのアップロードから画像が自動生成されなかった時の対処方法を紹介します。 画像の自動生成を確認 GDライブラリーの確認方法 画像の自動生成を確認 まずは FTP でサーバーにアクセスして、メディアのアップロードで画像がアップロードされているかを確認。 そこで、サムネイルや他のサイズの画像が自動生成されているかどうかを確認します。 画像が自動生成されていない場合、PHP のGDライブラリー（画像ライブラリー）がインストールされていない可能性があります。 GDライブラリーの確認方法 GDライブラリーが環境にインストールされているかを確認するには、現在表示中のページのテンプレートに以下のコードを追加します。 <?php phpinfo(); ?> phpinfo() は現在の PHP の設定を確認することができます。 コードが正しく動くと、PHP の設定が表示されるので
WordPressで最初から入れておくとよいプラグイン - Qiita
久々にWordPressでサイトを構築したのですが、その際に最初から導入したプラグインを紹介します。 フォームを作る Contact Form 7 お問合わせフォームを簡単に作れる Contact Form 7 Conditional Fields Contact Formの入力項目の値によって関連する項目の表示・非表示を切り替える Contact Form 7 Serial Numbers Contact Formの入力内容をメールで送信する際に、タイトルや本文などに連番やタイムスタンプを挿入する Flamingo Contact Formのメール送信に失敗したときに備えて、データベースにも同じ内容を格納する 画像関連 WP Offload Media Lite デフォルトでは画像はWebサーバの中にそのまま置かれるが、これをクラウドストレージなどにオフロードできる。例えばS3に保存して
「写真ポートフォリオサイト」をささっと作りたいときに便利な無料テーマ＆無料プラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ハルです。 趣味で写真を撮ることが多くなりました。休日に人物を撮ったり、風景を撮ったりしています。とても楽しいです。 エンジニアですが、フォトショップの知識はWebサイト制作をしていることもあってある程度あり、Lightroomも意外とすんなり使えました。RAW現像、楽しいですね。 SNSでシェアするのが楽しかったのですが、あとから見返すのがいまひとつ不便で……。そこで、Webサイトに公開したらもっと便利なんじゃないかーと思いました。 今回は、ポートフォリオサイトをコードを書かないで作りたいと思います。WordPressの無料テーマとプラグインのうち、どんなものを利用すればよいポートフォリオサイトが作れるかご紹介します。 おすすめプラグイン 個人的にこのプラグインがあれば、見た目的にも問題ないのではというものを紹介します。 EWWW Image Optimizer https:
Web Design Courses and Tutorials | Envato Tuts+
Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here. Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and em
WordPressのファイルアップロードでファイル名をリネームする方法
WordPressのファイルアップロードでファイル名をリネームする方法を紹介します。 １．問題点 WordPressのファイルをまとめてアップロードしたいのですが、ファイル名をアップロード時のタイムスタンプに統一したいと思ってます。 ということで、ファイルアップロードでファイル名をリネームする方法を紹介します。 参考までに、WordPressのアップロード先は、 wp-content/uploads/YYYY/MM です。 ２．ファイルアップロードでファイル名をリネームする ファイル名をリネームするには、function.phpに下記のコードを追加します。 function rename_file($filename) { $pathinfo = pathinfo($filename); return date("YmdHis") . "." . $pathinfo['extension'
画像のURLから、その画像のIDを取得する
画像のURLからその画像のアタッチメントIDを取得するコード。カスタムフィールドに格納した、どこにも紐付いてない画像の他のサイズのパスを取得する際にどうしても必要になった時に探してもなかなか方法が見つかりませんでしたので同じ内容で困ってる方用に。
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のメディアをfigure+figcaptionにする小粋な春の装い | 高橋文樹.com | プログラミング
この投稿は 11年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 画像につけられるキャプションというのはなかな味わい深く、つまらない写真でもクスリと笑わせることができてしまいます。boketeなんかはその極みといった感じでしょうか。 html5からfigure要素とfigcaption要素というのが追加され、まさにこの画像+キャプション芸のためのマークアップが爆誕しました。 WordPressでも画像を挿入した際にキャプションを入れることができるのですが、キャプション付きの画像を挿入した際のマークアップはdivになってしまいます。これはお洒落じゃないですねー。よくないです。 WordPressのキャプションはwp_captionというショートコードで実現されていますが、このショートコードは内部にフィルターを用いています。このため、さくっと乗
OkaPan.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
ファッション系webデザインをWordPressで構築する際に参考にしたいテーマ集「20 Best Fashion WordPress Themes」
TOP > WordPress > ファッション系webデザインをWordPressで構築する際に参考にしたいテーマ集「20 Best Fashion WordPress Themes」 トレンドを抑えたファッション系のwebサイトをデザインするのには、洗練されたセンスとデザイン力が必要です。しかし時には、コストや時間の関係でなかなか思い通りにデザインできないことも。そんなときに活用したい、ファッション系webデザインをWordPressで構築する際に参考にしたいテーマ集「20 Best Fashion WordPress Themes」を紹介したいと思います。 Worldview Theme — WordPress Themes for Blogs at WordPress.com WordPressを利用してサイト設計を予定されている方におすすめの、ハイセンスで便利なテーマが揃
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の投稿記事内の画像の最初の1枚をサムネイルとして表示する方法
アイキャッチではなく、投稿記事内の画像を使用してサムネイルとしてトップページやサイドバー等に表示する方法です。調べていたら色々方法がありましたので、書き出してみました。 get_postsタグを使用してサムネイルを表示する get_postsを使用して投稿記事の添付画像を取得し表示する方法です。 下記のコード表示したい箇所に記入します。このコードでサムネイルサイズ（150px × 150px）のサイズの画像を表示します。 <?php $args = array( 'post_type' => 'attachment', 'posts_per_page' => 1, 'post_status' => null, 'post_parent' => $post->ID ); $attachments = get_posts($args); if ($attachments) { foreach
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでfigure要素を使うための修正 - うつつのがれ
dFactory - Quality plugins for WordPress
WordPressでアイキャッチ画像を表示させるときの書き方 | 福岡のホームページ制作会社 | シンス株式会社
