1

私はワードプレスでサイトを構築し、テンプレートのヘッダー セクションにいくつかのソーシャル アイコンを追加し、それらを正しい位置に配置し、すべてを右上隅に揃えることができました。

組み込むためにFacebookのいいねボタンを生成しましたが、完全にずれているようで、位置を合わせる方法がわかりません。

誰かアドバイスしてください。これが愚かな質問である場合は申し訳ありませんが、私は通常、少し遊んだ後、物事をまっすぐにすることができますが、この機会に失敗し、既存のソーシャルアイコンを考慮したり、台無しにしない方法を見つけることができませんでした私のメニューバー。

既存のソーシャル アイコンのコードは次のとおりです。

    <div style="height:60px;"><section id="mysocial-menubar-99" class="widget       widget_social" style="padding-top:14px; text-align:right" >
<div class="social_wrap social_animation_fade komodomedia_32"><a href="http://dubaiartist.com/contact" rel="nofollow" target="_self"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/email_32.png" alt="Want to know more?Meer weten? Just contact us!" title="Want to know more? Just contact us!"/></a>
<a href="http://www.facebook.com/dubaiartist" rel="nofollow" target="_blank"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/facebook_32.png" alt="Follow us on Facebook" title="Follow us on Facebook"/></a>
<a href="http://www.twitter.com/dubaiartist" rel="nofollow" target="_blank"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/twitter_32.png" alt="Follow us on twitter" title="Follow us on twitter"/></a></div </section></div>

次に、次のようにFacebookのjavascriptコード(facebookによって生成)があります:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

最後に、プラグインを表示する場所に配置するコード:

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

どうもありがとう、ダニエル

4

1 に答える 1