WordPressでコラム風デザイン

外観全体はテーマファイルでカスタマイズできるWordPressですが、記事やページはテキスト主体のシンプルなレイアウトが基準になってしまいます。

写真が左、テキストが右等のコラム風デザインも企業サイトやお店サイトでは取り入れてみたいレイアウトです。
WordPressではCSSを編集するのがセオリーですが、HTMLの回り込みを使った簡単な方法をご紹介します。

下記がサンプルです。


WordPressは人気のブログツールですが、ブログだけに利用するのはもったいないほど、高いレベルのCMS(コンテンツマネージメントシステム)を備えています。ページ制作機能以外にもテーマと呼ばれる豊富なデザインテンプレートと特別な知識を必要とせずに機能強化が行えるプラグインを活用すればビジネスサイトも自由自在に構築することができます。
また個人利用、商用利用を問わず無償で使用できるのも嬉しい要素です。レンタルサーバー費、ドメイン費など維持費だけで運用が可能です。

ソースコード

<img src="http://www.studioham.net/wp-content/uploads/2010/01/1262928787_document_write.jpg" alt="" title="テキストアイコン" width="128" height="128" align="left" />WordPressは人気のブログツールですが、ブログだけに利用するのはもったいないほど、高いレベルのCMS(コンテンツマネージメントシステム)を備えています。ページ制作機能以外にもテーマと呼ばれる豊富なデザインテンプレートと特別な知識を必要とせずに機能強化が行えるプラグインを活用すればビジネスサイトも自由自在に構築することができます。<br />
また個人利用、商用利用を問わず無償で使用できるのも嬉しい要素です。レンタルサーバー費、ドメイン費など維持費だけで運用が可能です。
<br clear="left" />

Post a Comment

Your email is never published nor shared. Required fields are marked *