「css」タグアーカイブ

WordPress:style.css カスタマイズ

FTPからWordpress のフォルダを開くことができる人は、テーマのTwentyEleven のスタイルシートがどの階層にあるか探すことになると思います。スタイルシートをカスタマイズするなら、テーマのフォルダは、http://(自分のホームページのURL)/wordpress/wp-content/themes/ このテーマフォルダ(themes)を開くとテーマの名前(twentyeleven,twentyten等)フォルダがありますので、その中のstyle.cssをダウンロードして開いてみればよいわけですが、Wordpress のフォルダ内には似たような名前のファイルが数多くありますし、style.css はどのバージョンのテーマも同じ名前のスタイルシートですので、必ずバックアップをとっておくのが無難です。
twentyelevenのスタイルシートは2千行以上あります。Wordpressの各部品をリサイズしたりカスタマイズできるはずなのですが、サクッと思い通りのデザインになりません。シンプルデザインでカスタマイズ自在、商用Webサイト構築で超人気というWordpressですからね。5分でWordpressをインストールした日からアナタも即一流Webデザイナーの仲間入りなんて、なかなか険しい道のようですね。スタイルシート編集中
スタイルシートの一部をいじった例ですが、タイトル&本文が左に寄って2カラムになっています。通常は左サイドにもスペースがあって3カラムで構成されていると気付きます。TwentyEleveのStyle.css を開くと、left(左) , right(右) と縦割りカラムを現す単語が見られますのでこの辺りが手掛かりになりそうなのですが、.left-sidebar, Right Content と左右対称でなく、またそれぞれの部分が、スタイルシートの他のどこかと関わっていますので、対応している箇所を探して編集しなければなりません。