「アップロードした画像を自由なサイズにしたい」 「管理画面から選べるようにし、クライアントが選択できるようにしたい」 WordPressをカスタマイズしているとこのような希望がでてくることがあると思います。 そこで今回は「任意の画像サイズを追加」し、「管理画面から選択できる」ようにカスタマイズする方法をご紹介します。もちろんプラグインは利用しません。 元画像はこちら 投稿画面で画像をアップロードすると（下の画像は編集からの画面ですが、、、） プレビューしてみると、設定したように400×400のサイズで画像が表示されているのが確認できました。 切り抜き版と通常版の違いはこのようになります。 カスタマイズ方法 以下をfunctions.phpに追加します。バックアップは取っておきましょう。 /* * 画像サイズ追加&管理画面から選べるようにカスタム */ function add_custom
imageに関するtominagaのブックマーク (19)
-
tominaga 2021/06/04
-
画像ローディング中にLoadingアニメーションを表示するjQueryプラグイン「How to Create an Awesome Image Preloader 」｜BLACKFLAG
最近ではWebページ上に多くの画像を表示するような場合には、 読み込むまでにLoadingアニメーションを表示してユーザーのストレスを軽減させる手法をよく見かけますが、 それを簡単に組み込むことができるjQueryプラグイン 「How to Create an Awesome Image Preloader 」が便利そうだったので紹介してみます。 ≫How to Create an Awesome Image Preloader | Nettuts+ ≫DEMO：Image Preloader デモ画面上で動作を確認すると以下の様な感じに。 DEMO：Image Preloader 単純に画像ロード中にLoadingアニメーションを表示するだけでなく 完了後は画像が順々にフェードインしてくる加減が気持ちいい。 Loading中は該当要素に対して「.preloader」のクラスを付加して、
-
「モンローはOK、ヘップバーンはNG」 企業サイトで画像を使うとき注意すべき著作権と肖像権のお話-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
Tweet 企業のウェブサイトやオウンドメディアで画像を使用するとき、著作権や肖像権がクリアかどうかが気になりますよね。 国内外にフリーの無料画像サイトはたくさん存在しますが、それぞれ規約もバラバラだったりするので、「これ、使っても大丈夫なのか？」とおっかなびっくりになったりするもの。 そこで、ゲッティ イメージズ ジャパン株式会社にお邪魔し、 商用サイトにおける画像の正しい＆間違った使い方 権利に関して、よくある勘違いや誤解 自分で写真を撮影するとき注意すべきこと 著作権や肖像権の定義と扱い について解説いただきました。 解説してくださったのは、持家 学さん（セールスマネージャー）と、 大串 京子さん（プロダクトスペシャリスト ライセンスサービス日本担当）のお二方。 画像検索で見つけた画像をダウンロードして使うのはご法度 Q： 画像利用に関して、やりがち＆ご法度なミスは？ 一番ありがちな
-
jQueryでランダムに画像などコンテンツ要素をフェードインさせる方法｜BLACKFLAG
以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、 一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、 同様のパターンで、フェードインさせる順番をランダムにするパターンを できるだけシンプルな構成で作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の「リロード」を押してみてください。 サンプルを別枠で表示する ページの読み込みが終わると 一覧画像がランダムによって順々にフェードインして表示されます。 この全体構成について、 まずはHTMLから。 ◆HTML <div id="thumblist"> <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/
-
画像のリサイズを右クリックメニューからできる「Image Resizer Powertoy Clone」
画像をリサイズするには画像キャプチャツールを使うなどの方法がありますが、一度画像として保存すると、都度画像編集ソフトをひらかなければならなかったりしますよね。 今回は、そんな不便を解消してくれそうなフリーソフトをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 右クリックメニューから画像をリサイズできるフリーソフト 「Image Resizer Powertoy Clone」は、Windows上にある画像ファイルを、右クリックメニューからリサイズすることができるフリーソフト。 縦横比は保持しながら、個人的に指定したサイズにも毎回変更可能になっていて、一定のサイズを使うようなサイト運営者にとって、便利なものになっています。 右クリックメニューからサイズ変更 ↑画像ファイルのアイコンを右
-
WingMemo: 記事リストに画像のサムネイルも表示させる（MT4用）
上手いタイトルが思いつかない…(^^;。「最新のサムネイル画像と合わせて記事リストを表示したい。画像のない記事にはNo Imagesのような決められた画像を表示したい」というご質問をいただきました。これはプラグインやキーワード欄を利用する方法でも実装できますが、MT4ならではのMTタグのみで実装する方法を考えてみました。 ブログ記事リストにサムネイルも表示させるだけなら簡単に出来ます。以下のようにすればＯＫです。画像の大きさはお好みで。 <ul> <MTEntries lastn="10"> <li> <$MTEntryTitle$> <MTEntryAssets type="image" lastn="1"> <img src="<$MTAssetThumbnailURL height="50"$>" alt="<$MTEntryTitle$>" /> </MTEntryAssets>
-
MTAssetThumbnailLinkタグとMTAssetThumbnailURLタグのsquareモディファイアの動作
MTAssetThumbnailLinkタグとMTAssetThumbnailURLタグのsquareモディファイアの動作について調べてみました。調査の発端はriatwさんのツイートです。 １．squareモディファイアについて squareモディファイアは、サムネイルの縦横比を1：1で出力するためのものです。辺のサイズは widthモディファイア, heightモディファイアまたはscale モディファイアで決定します。 冒頭に記したとおり、このモディファイアはMTAssetThumbnailLinkタグ、MTAssetThumbnailURLタグで利用できます。 MTAssetThumbnailLinkタグ MTAssetThumbnailURLタグ ２．サンプル 上がsquareモディファイアで整形した画像、下が元画像です。どの部分を切り取っているかは次項で解説します。 ３．squa
-
Shadowbox.js version 3.0b の設置方法と使い方 - TWO HEARTS
FLASHをLightBox風に表示させたいと思い、なにかオールマイティーなそういうライブラリはないかなぁとインターネッツを徘徊してみたところ、いくつかある中から気になったのがShadowbox。 Ver3になってコードが大きく変わっているらしく、あまり情報が見あたらなかった（探す気がないともいう）ので、英語力ゼロのアタクシが本家のUsageだけ(!)を頼りにShadowboxの設置方法、Shadowboxの使い方をまとめてみます。 始める前におねがいこのページのhtmlソースをそのままコピっておられるサイト様がいるようなのですが、よそのサイトのjsファイルを安易に読み込むのは大変危険です。jsファイルは自サイトに置くようにしてください。 まずはダウンロードするっすー 本家のダウンロードページからファイルを落とします。 選択肢がありますが、 buildとzipを選べばOKでしょう。 ちなみ
-
働く車が好きで好きでたまらない。:ハムスター速報
働く車が好きで好きでたまらない。 カテゴリ☆☆☆☆☆ 1 ：以下、名無しにかわりましてVIPがお送りします：2009/10/29(木) 13:56:43.25 ID:dIqeM8vL0 今日出社する途中にこんな感じの車両を見たんだ。 かなりかっこよかった。 お前らオススメのタフな働く車があったら教えてくれ！ 4 ：以下、名無しにかわりましてVIPがお送りします：2009/10/29(木) 13:59:56.73 ID:YUbqsTZAO ぼくは社会の歯車です 以下、名無しにかわりましてVIPがお送りします：2009/10/29(木) 13:58:10.04 ID:dIqeM8vL0 こんなのもたまらねえな。 3 ：以下、名無しにかわりましてVIPがお送りします：2009/10/29(木) 13:58:39.54 ID:R2wwckIFO 霊柩車 5 ：以下、名無しにかわ
-
画像をランダム表示する - ありふれた生活
■ ニッキ(12) ■ タワゴト(326) ■ ガジェット(79) ■ セイカツ(57) ■ カイモノ(107) ■ タベノミモノ(189) ■ タビ(413) ■ ウェブ(58) ■ カスタマイズ(18) ■ ブログモロモロ(83) ■ セイカク(39) ■ ニッキ2004(385) ■ ニッキ2005(205) ■ ニッキ2006(133) ■ ニッキ2007(110) ■ ニッキ2008(107) ■ ニッキ2009(55) ■ ニッキ2010(12) ■ ニッキ2011(17) ■ ニッキ2012(6) ■ ニッキ2013(6) 2017 ├ マットレス口コミ (09/22) ■ 10 years ago ├ naname (04/18) ■ Airかいました ├ ヒロトモ (12/12) ├ まるも (12/12) ■ 手作り餃子 ├ アジャイルメディア・ネットワーク株式会社 江
-
Better File Uploader プラグイン
Movable Type 4.x のファイルアップロードで、複数ファイルをまとめてアップロードできる Better File Uploader プラグインを紹介します。 画面のように、複数ファイルをまとめてアップロードすることができます。画像サイズを変更してアップロードすることもできます。 また、アップロード時のサムネイル作成やHTML属性の付与など、オプションも充実しています。複数ファイルをアップロードしても、それぞれ独立してオプションを設定できるのが嬉しいです。 アップロード途中で画像を確認することもできます。 このプラグインは非商用利用でも有料ですが、機能が充実しており、利用価値の高いプラグインだと思います。以前のバージョンではアイテム一覧に対応していなかったようですが、現在公開されているバージョンでは対応しています。 なお、本プラグインについては、3年ほど前に「アップロード方法を指
-
-
PenguinWanderer.net - [MT4]movabletypeでサムネイルが作成できない現象。
MovableTypeのファイルアップロードから載せた画像がサムネイル化できない、 もしくはMTAssetThumbnailURLタグとかも使えなくなってた現象が最近ありまして、 解決したのでメモっておきます。 ○状況 テスト環境で作ってたMTサイトを本番環境へ持っていったらサムネイルができなくなった 「一覧」＞「アイテム」の一覧でもプレビューが表示されなくなった バーチャルホストで複数ドメインを使っていてMTを設置したのと同じドメイン内の画像だけうまくいってた DNSの関係でちゃんと画像が取得できてないんやろかとかいろいろ考えてnamedの内向き逆引き設定とかもしましたがまるで効果なし。 ○解決編 assets_c フォルダの所有者がFTPで本番サーバへアップロードしたときのユーザになってた chown -R apache. assets_c とかした なるほど サムネイル作成とか
-
超かんたん3D円グラフ作成！
当サイト「超かんたん3D円グラフ作成！」は、オンライン上で超かんたんに3D円グラフを作成できる無料のツールサイトです。 グラフ資料作成や「べつやくメソッド」導入の際にも役に立ちます。 使い方は超かんたん！ 1. 下のフォームの「項目」のところに、円グラフの項目として表示させたい項目を半角カンマ区切りで入力 例：質問1,質問2,質問3,質問4,質問5 2. 下のフォームの「数値」のところに、項目ごとの数値（または割合）を半角カンマ区切りの半角数字で入力 例：40,30,20,8,2 3. 「3D円グラフ作成！」ボタンクリックで、オリジナルの3D円グラフ画像が完成！ できあがった3D円グラフ画像ファイルは保存することができます。 （Windows IEの場合は、画像を右クリックして「名前を付けて画像を保存」を選択） できあがった3D円グラフ画像ファイルは、保存＆印刷＆配布等が可能です。全て無料
-
Image Rollover Borders That Do Not Change Layout
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. It’s a fact of CSS life that the ‘border’ of any block level element gets factored into its final box size for layout. That means that if you add a border on a hover to an element that didn’t already have a border of that exact size, you will cause a layout shift. It’s one of my pet peeves, for sur
-
-
-
WordPressのトップページにエントリーのサムネイルを表示した
このブログ、トップページはエントリーの抜粋だけにしているので、何となく寂しい。なぜでしょう？そうか、写真がないからだ！ということで、トップページのエントリー毎にサムネイルを表示してみました。 ↑サムネイルと抜粋を表示してます。 １．カスタムフィールド 参考にしたのはこちら。ご紹介ありがとうございます。 ■カスタムフィールドを使用して投稿のサムネイルを表示する – わーどぷれすっ！ どうやらエントリー毎にメタ情報として、「カスタムフィールド」というのが追加出来るようです。ダッシュボードの編集ページを見てみると、確かにありますね。エントリー別につけられる変数だと思えばいいようです。 ↑これ。既にpvc_viewsなるフィールドがあります。恐らくWordPress.com Statsプラグインで、統計情報をとってるので、それがつけてるんでしょうね。 ここに、サムネイルURLのフィールド”imag
-
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました