0

次のテーマであなたの助けが必要です。

http://www.korevolution.com/risorse-gratuite/free-wp-theme/koresponsive/

インデックスページの画像のサイズと、各投稿の画像のサイズを変更したい。

functions.php と stylesheet.css で以下のコードを見つけましたが、編集するだけでは十分ではありません。

Functions.php code

add_theme_support( 'automatic-feed-links' );
add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
if ( function_exists( 'add_theme_support' ) ) { 
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 314, 200, true );
add_image_size( 'related', 50, 50, true ); 
add_image_size( 'home_img', 314, 200, true ); 
add_image_size( 'single_img', 600, 300, true );  
add_image_size( 'page_img', 920, 350, true ); 
add_image_size( 'slider_img', 600, 280, true ); 

Stylesheet.css code

.img-home, .feat-thumb a
max-width: 314px;
max-height: 200px;
display: inline-block;

.img-single, .feat-thumb-s a
max-width: 600px;
max-height: 300px;
display: inline-block;

何か案は？

4

2 に答える 2

0

WordPress の画像エディタと設定で画像のサイズを変更できます。これが完了すると、CSS が機能するはずです。

アップロードした画像ファイルを編集するには、Wordpress メディア ライブラリ (your_website.com/wp-admin/upload.php) に移動します。

WordPressの画像設定に関するヘルプはこちら

于 2013-10-01T21:46:55.337 に答える
0

CSSを変更する必要があります... Chromeでのmax-widthプロパティの値を小さい値に変更すると、期待どおりにサイズが変更されます。.feat-thumb a正しく編集していない可能性があります (たとえば、Wordpress の管理パネルからテンプレートに加えた編集を保存するようにサーバー側のファイル権限が設定されていない可能性があります。代わりに FTP を試してください)。または、キャッシュされたスタイルシートが表示され、クリアする必要がある可能性があります。ブラウザーのキャッシュを更新して、更新されたスタイルシートを読み込みます。

forとのadd_image_size()参照は、画像が最初にアップロードされたときにのみ使用されるため、遡及的ではないため、以前にアップロードされた画像を更新するには、プラグインを使用する必要があります - 私はこれが好きです: AJAX Thumbnail Rebuildfunctions.phphome_imgsingle_img

ただし、レスポンシブ テーマでは、画像は通常、width: 100%またはmax-width: 100%(この場合は後者) に設定され、親コンテナーのサイズ、または場合によってはより遠い祖先コンテナーのサイズに依存します。そのため、CSS 値を更新しています。 、直接ではなく、.feat-thumb aをラップするアンカー要素であるため、多くの場合、更新しただけでは CSS の微調整がなければ十分ではありません (実際には、実際のサイズに関係なく、レスポンシブ デザインは通常、小さいコンテナーの幅の 100% を超えることはありません)。imgimgadd_image_size()add_image_size()

CSS の更新が適用/ロードされていることが確実な場合 (たとえば、サーバーからブラウザーで検査でき、ファイルのアクセス許可やキャッシュの問題ではない場合!important)、スタイルの最後に追加する (ずさんな) か、コピーしてみてください。それらをスタイルシートの最後に貼り付け、別の要素をセレクタ チェーンに追加して、それらがより具体的であることを確認します (例:body .feat-thumb aではなく.feat-thumb a)。ただし、Chrome で直接 CSS を変更するとフロント エンドで結果が表示されるため、他の問題が発生していると思われます。

于 2013-10-01T22:05:00.310 に答える