ホームページをおしゃれにしたい！

最近Blenderに触れてもいない状態のくせに願望だけは一人前なのだが、ホームページをおしゃれにしたい。

といってもCocoonの場合はCocoon設定からある程度ビジュアルを決められたり、他のユーザーさんが着せ替えみたいなのを作っていたりする。

ずるい！俺も作りたい！

そんな願望が出てきたため、Webデザインを学ぼうと思う。

そもそもWordPressの基本から学ぶ

WordPressのテーマはstyle.cssというものとindex.phpというものが必要らしい。

当ホームページはConoHa Wing経由で作ったホームページのため、ConoHaファイルマネージャーを使うとこのホームページの中身が見れる。

（今のテーマはcocoonチャイルドにしているので、　public_html/iwaki-3d.com/wp-content/themes/cocoon-child-master　この中身がこのホームページの中身ということだな！？）

・・・cocoonチャイルドにindex.phpって無いみたいですけど？

どうやら子テーマというものは、無い場合は親のテーマから引っ張ってこれるから大丈夫とのこと。

そして、PHPはページの構造に関わる部分のため、今は勉強しなくてよさそう。

デザインを学ぶならCSSとJavaScriptの二つを知れば見た目や動きを与えられるようだ。（なんかこのCSSとかJavaScriptを使うためには結局PHPを知らないといけないみたいなんだけど・・・）

とにかく、PHPの基本はCocoonに任せてCSSとJavaScriptをいじれるようにしよう。

cocoonチャイルドのテーマのフォルダ内にはstyle.cssとかjavascript.jsファイルがある。

これに書いていけば良さそうなのだが・・・

同じところに「skins」というフォルダがあり、この中の「skin-template」フォルダと進むと、同じようにJavaScript.jsやstyle.cssがある。

このstyle.cssファイル内を見てみる。

Skin Nameとかいろいろ書いてある。

ところで、先ほど言ったようにcocoonチャイルドを使っていると、外観はCocoon設定→スキンから他の人が作ったものに変えられる。

スキン一覧表示を「子テーマのスキンのみ表示する」を有効にして変更を保存するとわいひらさんの作った１つだけになる。これを有効にしちゃおう。（「なし」と見た目変わらないけど）

そして先ほどのstyle.cssの中身を改変する。Skin Nameは「おしゃれでかっこいいスキン」、Authorを自分の名前とか、Screenshotも変えちゃおう。

そして先ほどのcocoon設定をもう一度見てみると・・・

なんともう自作できてしまった！（「なし」と見た目変わらないけど）

ということで、このSkinsフォルダ内に自分のCSSはJavaScriptは書いた方がよさそう？

次回こそは見た目をおしゃれでかっこよくしていくぞ！