0

私はグーグルマップを含むWordPress投稿の作成に取り組んでいます。投稿のすべての画像のテーマには、幅を540pxに設定したスタイルがあります。これは、コントロールを押しつぶすことによってコントロールを台無しにしています。この投稿のスタイルを変更する方法を見つける必要があります。

JavaScriptを使用してスタイルシートを作成し、画像を上書きするために重要な正しい値を設定して、投稿のスタイルを設定しました。これは機能しますが、すべての画像に最大幅が適用されます。

<script>
//used to override the default max width style. If this is remove the control image will be squished into the default max-width set in the clf


var sheet = document.createElement('style')
sheet.innerHTML = "img {max-width:1029px !important;}";
document.body.appendChild(sheet);

</script>

カスタムフィールドでスタイルを追加しました。

4

2 に答える 2

2

2つの方法があります。

より適切な方法は、外部スタイルシートを使用することです。投稿を表示してから、選択した開発ツールで確認すると、投稿のコンテンツがhtmlIDとして投稿IDを含むdivにラップされていることがわかります。

<div id="post-153484" ... ></div>

したがって、外部スタイルシートに次のようなスタイルを含めることができます。

#post-153484 img {max-width:1029px !important;}

または、機能するが、おそらく最善の方法ではない、迅速で汚い方法は、投稿の本文にスタイルを含めることです。WordPressで投稿を編集するときは、ビューをhtmlモードに変更してください。

次に、そこにいくつかのスタイルを追加します。

<style>
    img {max-width:1029px !important;}
</style>
于 2012-10-22T22:54:37.753 に答える
0

投稿ごとにスタイルを追加できるプラグインがあります：http ：//wordpress.org/extend/plugins/per-post-scripts-and-styles/

于 2012-10-23T01:52:26.603 に答える