Wordpressのカスタマイザで画像IDを保存する方法 | Analog Studio
2020/01/16 概要 Wordpress のカスタマイザで画像を選択させる時に使う WP_Customize_Image_Control クラスを使っている方は多いと思います。 しかし、テーマの設計上でサイズの小さい画像やサムネイルも欲しい時、WP_Customize_Image_Control クラスだと画像の URL になってしまうので少し面倒です。 一般的に良くある解決法は画像 URL から Attachment ID (以降、単に「ID」と呼ぶ) を取得する attachment_url_to_postid 関数を使っています。 でもこの attachment_url_to_postid 関数は実行するたびに SQL クエリを飛ばすので頻繁には使いたくないですね。取得した ID から wp_get_attachment_image_url などの関数でもデータベースにアクセス
化け猫アイコンメーカー
【お知らせ】2021.1.7 サイトの常時SSL化により、WebツールのURLが変更されました。 http://neutralx0.net/tool/ → https://neutralx0.net/tools/ 【ドット絵エディタ】ミニドット絵メーカー３ 1～50ドットのミニサイズのドット絵を描くことができるエディタです。 画像を読み込んで加工したり、背景を透過することもできます。 【アイコンジェネレーター】化け猫アイコンメーカー 好きなパーツを組み合わせて色を設定するだけで簡単に猫型のアイコンを作れるツールです ダウンロードした画像はSNSのアイコンやブログの装飾などにお使いいただけます。
初心者がデータベースを扱うときにやってしまいがちな5つのミス | Yakst
主にPostgreSQLで、アプリケーションがスケールしていくことを考慮に入れずに後で困ることになりがちな設計のポイント。今後巨大にスケールする必要が分かりきっている際には特に注意すべき点。 開発者として仕事を始める時には、参ってしまうほど覚えなくてはいけないことがあります。まず最初に言語自体、それから使っているフレームワーク特有のクセ、さらにその後(あるいはその前)にフロントエンド開発を織り交ぜ、そしてその先でデータをどこに保存するかを決めなくてはなりません。 最初の頃は、素早く身につけるべきことが多すぎて、アプリケーションのデザインにおいてデータベースは後から付け足すものになりがちです(おそらくこれはエンドユーザーエクスペリエンスに影響がないからでしょう)。その結果、データベースが動き始めてから直さなくてはならない数々の悪い習慣が存在しています。ここでは、そのうちのいくつかについて概要
php-webdriverを使ってフルスクリーンのキャプチャを撮る – Shimabox Blog
ここ最近ちょくちょくphp-webdriverを試していて、takeScreenshot();で画面キャプチャを撮った時に全画面のキャプチャが撮れないぃ！ムキーッ！！となっていたのですが、色々調べた結果何とかなったので書きます。 まず先にパク参考とさせて頂いた記事を紹介します。 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て Seleniumで撮ったスクリーンショットがブラウザごとにばらばら問題 – Qiita Chromeでフルサイズのスクリーンショットを撮るためのパッチ – Qiita 記事を読んでみると、Seleniumを使ったスクリーンショットで撮れる範囲がブラウザによってバラバラであるということが分かります。※1 (以前書いた php-webdriverをWindowsのローカルで試す | Shimabox Blog の通りIEはページ全体を撮ってくれ
ネット炎上対策会社「株式会社エルテス」がハゲ子の資料を無断使用!? - Hagex-day info
毎日、紅茶とスイーツをレビューするほっこりブロガーとしてお馴染みのハゲックスです。 そんな私の元に、読者から1通のメールがやってきました。 「こんにちは、ハゲ子さん。このような資料を見たのですが、これってハゲ子さんが許諾しているんですか？」的なメールとともに、画像が添付されていた。 とりあえず、みなさんとご一緒に、送られてきた添付データの問題部分を見てみましょう。 あれ、この赤字画像は見覚えがあるな～ と思ったらオレのじゃん！ 「株式会社エルテス」という会社の資料に、私の赤字画像が勝手に使われたようだ。 私自身はこんな日記をやっているので、他者の引用や転載には甘い考えを持っている。が、法人が無断で利用するのはいかがなものかと思うぞ。さらに引用だとしても、著作権法第32条第1項に定めた引用の「出所の明示をすること」を書いていないのでアウトですね！ そして、以下のように書いてあるのは、ひっかか
バッドデザイン賞を勝手にノミネートしてみた-2017年度版-｜おり
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？ 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました
今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！
2019年2月3日 CSS 要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…！今回はそんなborder-radiusの基本的な使い方と、応用表現を紹介します！ ↑私が10年以上利用している会計ソフト！ 無難で王道！正円の円弧を使った角丸 border-radius は「border」とついているものの、border プロパティーの指定がなくても大丈夫。background によって与えられた背景や、img 要素で指定された画像の四隅も丸まめられます。 四隅に同じ値の丸みを与えるなら border-radius: 10px; と記述すればOK。半径10pxの正円の円弧をベースにした角丸を実装で
placehold.jp | 簡単！ダミー画像作成
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
Google MapsのマーカーをRetinaディスプレイにサクッと対応させる - Qiita
Google Mapsのマーカー、Retinaディスプレイでそのままだと画像がボケちゃうのでその対策。 とは言えやることは、大きいサイズの画像を読み込む→縮小して表示させるといういつもの手順。でもまぁもう一度英文読むのとかイヤなので、マップ周りのコードごとまとめてストックしとこうそうしよう。 var myLatlng = new google.maps.LatLng(34.687571, 135.526239); function initialize() { var mapOptions = { zoom : 17, center : myLatlng }; var map = new google.maps.Map(document.getElementById('map'), mapOptions); var image = { url : 'icon.png', scaledSiz
PHPから画像を送信する際にキャッシュを有効にしておく - Qiita
認証が必要な画像を送信する際に、PHPでチェックをした上で、送信するが、 何度もリクエストされると嫌なので、ブラウザのキャッシュを有効にして送る。 PHPは標準機能がキャッシュ無効ヘッダ(pragma :no-cache)を送るので、明示的に上書きしないと効果がでない。 <?php $file_name = some_function(); //画像タイプ判別 $type_id = exif_imagetype($file_name); $type_name = image_type_to_mime_type($type_id); //var_dump($type_name); //最終更新日を作成（キャッシュ用） $last_modified = filectime($file_name); ///もしキャッシュ更新確認リクエストなら if(isset($_SERVER["HTTP_IF
[JavaScript] 画像リサイズ＆回転 - Qiita
別記事に書いた『画像変換：<img>要素 ⇔ Base64』 の手法を応用すると、画像リサイズや回転ができます。取り急ぎデモソースのみです。解説は、いずれ…。注意点として、冒頭の記事と同じくJavaScriptのクロスドメイン制限の影響を受けます。つまり、外部サーバーにある画像をリサイズ・回転して表示することはできません。 また、iOSでカメラ撮影された画像は勝手に回転してしまうので注意が必要です。詳細については「参考URL」を。 その１：<img>タグの画像をリサイズ・回転 ⇒ 画像リサイズのデモ：<img>タグ ⇒ 画像リサイズのデモ：<img>タグ【90度ずつ回転】 その２：Base64画像データをリサイズ・回転 ⇒ 画像リサイズのデモ：Base64 ※コールバック方式に書き直しました ⇒ 画像リサイズのデモ：Base64【90度ずつ回転】 参考URL ▼Canvasの画像をリサイズ
![[JavaScript] 画像リサイズ＆回転 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/91437aa9730d17d0a567f5f50c85e6911791345b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFNyU5NCVCQiVFNSU4MyU4RiVFMyU4MyVBQSVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MiVCQSVFRiVCQyU4NiVFNSU5QiU5RSVFOCVCQiVBMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OWMzMmY2MTlkNDhkZDZiMzVkN2MzOTU1MTMwYTBhZGQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5YXN1bW9kZXYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFiZGRhNzVhNjliZWZiMTZhZjQ2ODA4MDZmMGY2NzZm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db42b7ba7327f89000a38dbfd30085a34)
My upload images : メディアアップローダー付きのカスタムフィールドを設置するプラグイン。 | 投稿 | web.contempo.jp
tips My upload images : メディアアップローダー付きのカスタムフィールドを設置するプラグイン。Apr 22, 2014 PLUGIN : MY UPLOAD IMAGES My upload imageswordpress.orgから最新版をダウンロードしてください wordpressの投稿画面にメディアアップローダー付きのメタボックスを設置 カスタムフィールドテンプレートなどの便利なプラグインがあるので、画像だけのメタボックスが必要になることは少ないでしょう。しかしシンプルな設計のギャラリーページなどには多機能すぎることもしばしばあります。My upload imagesは機能をシンプルにして画像の並べ替えとIDの取得にのみ特化したプラグインです。 投稿タイプを指定します メタボックスを表示する投稿タイプを管理画面の「設定」から選択できます。 カスタムフィールドに画
Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
【php】ブラウザにキャッシュしてもらうhttpヘッダ at softelメモ
問題 画像やCSVファイル、PDFファイル、負荷の高い画面などで、なるべくブラウザにキャッシュを使ってもらうためのヘッダはどうしたらいい？ 答え HTTPヘッダのExpiresを使って、なるべくキャッシュを使ってもらえるようにする。 例えばあるjpeg画像を10時間キャッシュしてもらうヘッダを出す場合。 <?php $expires = 36000; header('Last-Modified: Fri Jan 01 2010 00:00:00 GMT'); header('Expires: ' . gmdate('D, d M Y H:i:s T', time() + $expires)); header('Cache-Control: private, max-age=' . $expires); header('Pragma: '); header('Content-Type: im
理系にも分かるイラストの描き方
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
PHP GDを使用して、複数の画像を１つの画像ファイルにまとめる
一枚の画像の表示位置を変更して、画像が変更されたような効果を出す方法を調べてました。 jQueryとCSSを使って、画像の一部を切り取り、表示する CLEditorに背景画像を表示し、表示する内容をボタンで切り替える サンプルに使った「複数の画像を一枚の画像にまとめたもの」は手動で作成していたのですが、意外と面倒。 PHPのGDでできないか調べてみます。 http://php.net/manual/ja/book.image.php 仕様 サンプルの仕様は、450 x 150pxの画像3枚を1枚の画像に合成します。 合成先の画像サイズは、450 x 600pxとし、各画像を縦方向に合成。 間に50pxの余白を入れることにしました。 サンプル 画像のコピーには、imagecopyを使います。 http://www.php.net/manual/ja/function.imagecopy.ph
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Placehold.it - Quick and simple image placeholders
RDBに画像を保存するメリットデメリットをキャッキャウフフしました
javascript - カメラで撮影した画像をリサイズしてアップロードしたい - スタック・オーバーフロー
guides_media_camera - titanium-mobile-doc-ja - APIカタログ(メディア編) - カメラ撮影・フォトギャラリーからの取得・スクリーンショット - Project Hosting on Google Code