web-dev-qa-db-ja.com

サイト上の他の場所でのJetpackソーシャルアイコン

私はJetpackがソーシャルアイコンを表示するために "Font Awesome"を使っていると思います。これは、例えばfacebookを表示するためのCSS content: "\f203";です。サイトのソースを見れば、ダウンロードされている「素晴らしいフォント」がどこにも見つからない。

これはどのように機能しますか？

問題は、ユーザーにもう一度フォントをダウンロードさせずに、ヘッダーでこれらのアイコンを使用することだけです。 style.cssでcontent: "\f203";を使用した場合、アイコンは表示されません。

私はJetpackをアクティブにし、ソーシャルアイコンが各投稿に表示されます。

plugin-jetpackicon
1
Grim

あなたが素晴らしいフォントをJetpackに頼らないのであれば、CSSファイルをロードする必要があります。これを行うための最善の方法は（私の意見では）CDNを使用することです。私は以下を使います：

// Add font awesome & bootstrap
function awesome_css() {
    wp_enqueue_style("fontawesome", 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
    wp_enqueue_style("bootstrap3", 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
    }
add_action( 'wp_enqueue_scripts', 'awesome_css' );

これはあなたのfunctions.phpファイルに入ります。

それからそれを追加する方法のいくつかの選択肢があります。あなたが参照した方法を使うことも、 fontawesome cheat sheet を使うこともできます。

詳しくはfontawesomeの例を参照してください。

1
TomC

解決済み：Jetpackのフォントはソーシャルロゴと呼ばれ、次のように使用されます：font: 400 18px/1 social-logos; content: "\f203";

0
Grim