WordPress の K2テーマを使ってサイト構築 : 2
前回続き、自分用に WordPress の K2 Theme を簡単にまとめてみました。
前回は、K2テーマを使ってサイト構築 : 1 再編集 at orioa
K2のスタイルを簡単に変更してみたいと思います。
K2は、［styles］フォルダが存在し、その中には標準で［sample］、［vader］というフォルダが存在します。
このフォルダーの中には、スタイルシートが入っており、スタイルK2オプションで変更することが可能です。
そして、独自に作成し追加することも可能です。
スタイルといっても、ここではCSSで簡単に配色などの変更で、テンプレートまで変更することはありません。
追加方法のメモ：オリジナルスタイル作成
以下は、私がスタイルを自作した時のメモです。
「styles」フォルダの中に新規でフォルダを作成します。ここではフォルダ名を［aoiro］とします。
そしてその中に、ファイルを作成します。ファイル名は［aoiro.css］
作成したファイル［aoiro.css］を開き、以下を追加します。
CSS files kept in the ’schemes’ directory can be used to
costumize your K2 installation without having to mess
with the core K2 files. This in turn makes it easier to
upgrade to new K2 version as well as debug any problems
that might occur.
You select schemes from the K2 Options page in the
‘Presentation’ section of your WordPress administration.
Author Name :
Author Site :
Style Name :
Style URI :
Version :
Comments :
*/
追加したコードに、さらに追加があります。
Author Site :aoiro_blog （作者サイト名）
Style Name :aoiro_blog_style （スタイル名）
Style URI :http://aoiro-blog.com/ （作者のサイトでもダウンロード先でも）
Version :0.1 （バージョン情報）
Comments :自由に改変可
この様に、自分が作ったスタイルとなるので、６種の情報をメモします。
このコード以下は、自由に追加することができます。
bodyの変更
K2標準では、
font: 62.5% ‘Lucida Grande’, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
color: #444;
background: #EDEDED;
text-align: center;
margin: 0 0 30px;
}
この様になってます。以下のコードを［aoiro.css］に追加してみました。
color: #444;
background: #FFF;
}
headerの変更
ヘッダーの色も変更してみます。K2標準では、
padding: 0;
margin: 0;
position: relative;
height: 200px;
background: #3371A3;
}
この様になってます。以下のコードを［aoiro.css］に追加してみました。
background: #FFA500;
}
と、変更すれば自分好みのスタイルに簡単に変更することが可能です。
この機能もK2独自の機能です。
このブログで関連すると思われる他の投稿
