1

ワードプレスのテーマで独自のトップバーを作成するために、header.phpの特定のdivにcss機能を追加しました。ワードプレスのトップバーがChromeに表示されるが、IE9には表示されないという問題に直面しているので、それに応じてcssをコーディングしました。トップの調整=28; WPトップバーが表示されているがIE9には表示されていないため、Chromeで完全に実行されます。これは、ワードプレスダッシュボードのトップバーが表示されておらず、上部のスペースが28であるためです。が表示されます

どちらのブラウザでも完全に動作するように修正するにはどうすればよいか教えてください

4

2 に答える 2

1

WordPress管理パネルにログインしている場合は、WordPressのトップバーが表示されます。IE9にログインしてみると、管理バーが表示されます。また、管理バーは！important属性を持つCSSを使用します。ただし、このバーはサイトの訪問者には表示されないため、心配する必要はありません。

このバーは、私が最初にWordpressのテーマに取り組んでいたときに多くの時間を無駄にしてきました。そのようなバーがないことを念頭に置いてテーマを設計する必要があります。つまり、top = 0です（実際の画像を表示するには、管理パネルにログインしていない別のブラウザでチェックしてください）。

于 2012-05-31T08:25:11.983 に答える
1

WordPress の管理バーが表示されているかどうかにかかわらず、条件付きでトップ バーのスタイルを設定できます。Firebug または単にページのソース コードを確認すると、WP が要素にクラスを
追加することがわかります。また、WP管理バーが表示されているかどうかに関係なく、これが表示されると思います.admin-barbody.logged-in

次に、訪問者と自分自身のためにトップバーのスタイルを設定できます。例:

.softgenic-bar {
    position: fixed;
    top: 0;
    left: 0;
    color: white;
    background: black;
}
.admin-bar .softgenic-bar {
    top: auto;
    bottom: 0;
    background: darkred;
}

バーを完全に別の場所に配置する場合は、それに応じてパディングとマージンを追加/削除することを忘れないでください。
バーを自分用に絶対に配置し、訪問者用に固定することもできます。または、自分にとって関係のない場合は非表示にします。コンテンツに完全に依存します (たとえば、独自のニュースレターを購読する必要はありません^^ただし、アプリの描画ツールは引き続き表示されます)。

于 2012-05-31T09:48:07.960 に答える