[SNS]この記事は約5分で読めます。ブログに複数のSNSを利用するにあたって、やはり見やすい位置でのSNSページの露出は必要です。当ブログでは、サイドバーにSNSのアイコンを配置して各トップページへリンクしています。RSSフィード用のアイコンも加えて、横並びですっきりした表示にしています。横並び配置は簡単にできるので、SNSとブログを連携している方はぜひ取り入れてみてください。使用するSNSのアイコンは探しておいてください。アイコン」などで検索すると、まとめサイトがたくさんでてきます。賢威6.1はレスポンシブデザインにも対応させるHTMLとCSSの作成それでは、横並びのHTMLとCSSを作成していきます。リストタグ(ul)とフロートスタイル(float)を利用して横並びを実現します。グローバルナビなど、いろいろな場面で使う方法ですの、ぜひ覚えてください。title="Google+"></a></li></ul></div>HTMLでは、リストタグで4SNSアイコンの画像(リンク)を並べているだけです。スタイル適用のために、1番外側をdivタグで囲っています。SNSページや画像のURLは各ブログ用に変更してください。これで全てのリスト要素が横に並びます。both;」でリストタグ終了時に横並びを解除しています。リスト要素の横並びはこの通り簡単なので、ぜひ利用してください。ウィジェットに設定サイドバーへの適用にはウィジェットを利用します。ウィジェット」から、テキストウィジェットを利用してHTMLをサイドバーに適用します。これだけで、サイドバーにSNSアイコンと各ページへのリンクが表示されます。CSSは各テーマのスタイルに追加してください。テーマ編集」から「design.css」に追加します。賢威6.1はレスポンシブデザインにも対応させる賢威6.1でレスポンシブデザインを適用している場合は、「mobile.css」にも同様のCSSを適用してください。これにより、スマホでも同様の表示が可能です。Posts)2013年11月23日WordPressで記事ごとに「前の記事」「次の記事」を表示する、賢威カスタマイズバージョン!コメントを残す返信をキャンセルする。Reserved.このページの先頭へ。