レイアウト

レイアウト

【Twenty Ten】サイドバーを2列分を1列にして、その下は2列のレイアウトにする

投稿カテゴリーを2列分を1列にして、その下に2列のサイドバーを作成します。 スタイルシートを変更したあと、ウィジェットエリアに配置するウィジェットも必要に応じて変更します。 【変更前】 【変更後】 style.cssの/* =Layoutに...
WordPressテーマカスタマイズ

【Twenty Ten】3カラムの子テーマを作成

TwentyTenで、真ん中コンテンツ、両サイドにサイドバーを配置するレイアウトを子テーマの機能を利用して作成してみます。 【変更前】 【変更後】 ①まず、適当なフォルダを作成します。それを「wp-content/themes/」に配置しま...
レイアウト

【Twenty Ten】3段組、真ん中コンテンツのCSSレイアウト方法

左にコンテンツ、右にサイドバーが二つのレイアウトから、中心にコンテンツ、両サイドにそれぞれサイドバーを配置するCSS例。 【左コンテンツ、右サイドバー2列のCSS】 【中心コンテンツ、両サイドにサイドバーのCSS】 *ただし、アーカイブ月別...
WordPressテーマカスタマイズ

【Twenty Ten】フッターのウィジェットをレイアウト変更

TwentyTenには、フッターウィジェットエリアが4つあります。ウィジェット機能が用意されているので利用してみます。 試しに、それぞれのフッターウィジェットエリアにカテゴリーを入れると、下の画像のように横一列に並んで表示されます。 sty...
WordPressテーマカスタマイズ

【Twenty Ten】コンテンツの位置(レイアウト)とデザイン変更

記事があるコンテンツ部分とサイドバーがあるメイン部分とヘッダー下メニューの間が開いてるので位置をstyle.cssを使い変更します。 【変更前】 【変更後】 コンテンツの記事タイトルの文字の大きさの変更とボーダーを追加するので、style....