タグ付けされた質問 「responsive」

4.3.1インストールをすべてのhttpsに正常に変換しました。4.4に更新した後。新しいsrcset属性に問題があります。一方でsrc、画像の属性は、HTTPSを使用して設定され、srcset属性は、httpです。これにより、ブラウザで画像がまったく表示されなくなります。 より良い修正を待っている間srcset、すべての画像がsrc属性のみを持つように属性の設定を完全に無効にしたいと思います。それ、どうやったら出来るの？

37 images  responsive  https 

私はレスポンシブテーマを開発しました。それをwordpress.orgに提出したいと思います。それを提出する前に私が使用したいwp_is_mobile()私のテーマではなく、に従って関数リファレンス/ WPはモバイルでそれが悪い考え、それはこのだと言うので： タブレットはモバイルデバイスと見なされるため、これは特に携帯電話を検出しないことに注意してください。いくつかの便利な代替手段については、プラグインエリアを確認してください。また、テーマには使用しないでください。 したがって、テーマのfunctions.phpで次のように使用すると： add_filter('body_class','mobile_theme_body_class'); function mobile_theme_body_class( $classes ){ if ( wp_is_mobile() ){ $classes[] = 'mobile'; } else{ $classes[] = 'desktop'; } return $classes; } 私のテーマは拒否されますか？ サブ質問： 上記のコードのように関数を使用し、（WP Super Cache）のようなキャッシングプラグインを使用すると、関数が台無しになります（実行に失敗したか、誤検知を返します）？ お時間をいただきありがとうございます...

18 mobile  responsive 

このウェブページには、ワードプレスによって挿入された画像が含まれています。最初の画像を挿入するために使用されるコードは次のとおりです。 [caption id="attachment_887" align="alignnone" width="604"] <a href="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m.jpg"> <img class="size-large wp-image-887" alt="a Forest Legacy group" src="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m-1024x681.jpg" width="1024" height="681" /> </a> a Forest Legacy group[/caption] この画像はCSSによって制御されています： #content .wp-caption a img { width: 614px; height: auto; } この画像をレスポンシブにしたい。CSSを挿入しました： @media (max-width:988px) { #content .wp-caption a img { width: 99.03225806%; /* 614/620 */ height: auto; …

10 responsive  captions 

WP 4.4でよかった。組み込みのレスポンシブ画像機能が同梱されています。しかし、私はそれに満足していません。 私の中でいくつかのカスタム画像サイズを設定しましたfunctions.php： add_image_size（ 'post-thumbnails'、600、600、true）; add_image_size（ 'news-large'、1024、false）; add_image_size（ 'news-small'、500、false）; add_image_size（ '3-col'、500、375、true）; add_image_size（ 'presscutting'、600、850、true）; add_image_size（ 'medium-large'、768、false）; //デバイスサポートのために本日追加 add_image_size（ 'full-feature-image'、2000、false）; add_image_size（ 'gallery-image'、800、600、true）; 私は考え出したように、トリミングされていない画像が（へセットをトリミングfalse）に添加されますsrcset。次のような画像がフロントエンドに出力されます（読みやすくするために改行が追加されています）。 <img width = "2000" height = "1335" src = "http://mywebsite.com/cms/wp-content/uploads/2015/03/image-2000x1335.jpg" class = "attachment-full-feature-image size-full-feature-image" alt = "asdf" srcset = " http://mywebsite.com/cms/wp-content/uploads/2015/03/image-300x200.jpg 300w、 http://mywebsite.com/cms/wp-content/uploads/2015/03/image-768x513.jpg 768w、 http://mywebsite.com/cms/wp-content/uploads/2015/03/image-1024x683.jpg 1024w、 http://mywebsite.com/cms/wp-content/uploads/2015/03/image-500x334.jpg 500w " …

9 images  responsive  features 

Wordpress 4.4 の新しいレスポンシブ画像機能を使用しようとしていますが、カスタム画像サイズでthe_post_thumbnailを使用しようとすると、特定の問題が発生し続けます。カスタムの画像サイズを使用できないようです。 次のコードは現在のimgタグを生成しますsrcset： <?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?> 以下は、関数に渡されたサイズでのimgタグの外観mediumです。 <img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px"> ただし、カスタムイメージサイズを使用するように1つの変更を加えると、がsrcset消えます。ここで何が起こっているのか誰か知っていますか？ カスタムイメージサイズを追加する方法は次のとおりです。 add_image_size ('my-custom-size', 1050, 626, true ); これがコードでどのように見えるかです： <?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?> そして、これが出力するものであり、my-custom-size読み取られておらず、wp-post-image代わりに追加されていることに注意してくださいmy-custom-size： <img width="1024" …

8 post-thumbnails  thumbnails  images  responsive 

ハードコードされた寸法なしで（例：の<img src="" alt="" />代わりに<img src="" alt="" width="" height="" />）投稿に画像を挿入するにはどうすればよいですか？ユーザーがHTMLタブに切り替えてパラメーターを自分で削除したくないので、これを達成するために使用できるフィルターがあるかどうか疑問に思っていましたか？ 注：既に「フルサイズ」で挿入しています。

8 images  responsive