0

WordPress とブートストラップ 3 でカスタム テーマを作成中です。メニューには wp nav walker を使用しています。グリフィコンを受け入れるようにすべてを機能させることができました。ヘルプファイル @ https://github.com/twittem/wp-bootstrap-navwalkerごとにグリフィコンを挿入すると、アイコンが表示されず、代わりにアイコン名のツール ヒントが表示されます。フォントフォルダーを正しい場所に置いているかどうか疑問に思っています。現在、現在作業中のテーマフォルダーのルートにあります。

助言がありますか?

4

2 に答える 2

2

私は数ヶ月間同じ種類のプロジェクトに取り組んでいます ( https://github.com/bassjobsen/jamedo-bootstrap-start-theme )。wp-bootstrap-navwalkerも統合しました。ヘルプファイルに記述されているように、メニューリンクのタイトル属性にグリフィコンの名前を設定して、グリフィコンの挿入をテストします。問題は見つかりませんでした。

私のコードでは、グリフィコンは次のように追加さ<span class="glyphicon glyphicon-bullhorn"></span>れます。特別なことは何もないと思います。グリフィコンを表示するには、デフォルトの Bootstrap ファイル / インクルードで十分です。

boostrap.css を見ると、次のことがわかります。

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

したがって、フォルダー構造は次のようになります。

/assets/css/bootstrap.css
/assets/fonts/glyphicons-halflings-regular.eot  
/assets/fonts/glyphicons-halflings-regular.ttf
/assets/fonts/glyphicons-halflings-regular.svg  
/assets/fonts/glyphicons-halflings-regular.woff

この場合、 /assets/ は任意のパスにできることに注意してください。

于 2013-11-13T21:18:39.207 に答える