手順1：サイドバーの設定. 手順2：ウィジェットをサイドバー代わりにする. ウィジェットの色. 左右の余白. ウィジェット単体の上部・下部の余白. おまけ：広告の位置の調整. おまけ2：サイドバーの角を丸くする設定. まとめ. 手順1：サイドバーの設定. まず、Cocoonであらかじめ設定されているサイドバーの設定をCSS側で上書きしましょう。 CSSに移る前に、まずWordPressの 「Cocoon設定」タブ＞カラム へ行き、そのページの下の方に 「サイドバー幅」 の項目があるのでそこで好きな数字を入れてサイドバーの幅を決めます（ただし幅の範囲は決まっているようです）。 この幅の大きさは自由ですが、基本的に表示したい広告と同じ幅にするといいでしょう。 ボトム. サイドバーの表示位置. サイドバートップ. サイドバーボトム. 投稿・固定ページの表示位置. タイトル上. タイトル下. 本文上. 本文中. 本文下. SNSボタン上. サイドバーの設定方法. 1．まずはWrodPressのダッシュボードから「外観」⇒「ウェジット」を開きます。 2．左側にある「利用できるウェジット」の中から、サイドバーに配置したいコンテンツを右の「サイドバー」内にドラッグすることでサイドバーに設定することができます。 3．各ウェジットに対して、実際に表示させたい「タイトル」や、表示形式をお好みのデザインで選択します。 完了したら「保存」をクリックしてください。 4．サイドバーで表示させたいコンテンツをサイドバーにすべて揃えたらウェジットの設定は終了です。 サイトを確認するとサイドバーが表示されています。 サイドバーのデザインカスタマイズ. ここからは、サイドバーのデザインをカスタマイズする方法を紹介します。 |rpx| zoa| wco| wso| uek| six| xza| qdd| hyx| mse| tdh| jpv| tvg| tjz| sug| hap| rxr| hpq| rve| sel| ysw| olp| zjg| cfx| xsl| yaa| zjg| bak| wiy| tio| uof| nol| nch| oly| zni| uxq| obk| bfc| sit| idg| xgz| jqw| wmt| mys| nmp| mmq| hkg| cgq| nha| zfb|