wordpressのブログテーマを作ってみた時に利用した技術とかサイトとか。

公開日: : 最終更新日:2011/05/27 wordpress , ,

先ほどブログテーマを自作の物に書き換えてみました!
今日1日かかったなー。でも自分で作ると色々とわかりますねぇ。CSS久しぶり過ぎてちょっと焦った。
事の発端は、前まで使っていたテーマがエラーを吐き出しまくってエラーログがとんでもないことになってたり、なんか重かったのでイライラしてたんですよね・・・。
で、もう自分で作ればいいじゃん・・・!という事になりついカッとなってやってみました。

あんまりWordpressの機能まだ盛り込めていないのですが、とりあえず使えるレベルになったのでもう既に適用しちゃってます。
まだ変なところあると思いますが、いくつか修正したり、機能増やしたら公開しようかなーと思ってます!

今回Wordpressテーマを作るに当たり色々なサイトを参考にさせてもらいました・・・。

参考にしたサイト

WordPressテーマ作成時に利用させてもらったサイト

今回作ったwordpressテーマの特徴

今回作ったwordpressテーマは、なるべく手を抜いて勉強がてらカスタマイズが効きそうなモノを作りたいなぁと思って始めました。
ということで、以下のものを使ったりしています。

CSSフレームワークは最近のを一度使ってみたかったんですよねー。yusukebeさんも使ってるBlueTripを今回は採用しました。
ちょっと横幅が固定なのが難ですが、まぁそんなに広くなくていいでしょう・・・。
以下のサイトを参考にさせていただきました!

導入は至って簡単。DLしてきたCSSを一気に読ませればOK。24分割された枠をうまくつなげてレイアウトすればOK。
今回は無謀にもワイヤーフレームとかデザイン見本をつくらずダイレクトにCSS書きながら作りましたけど、それでも直ぐ出来ちゃうからいいですね。

本当にBlueTripは簡単に使えてよかったです。まだ使ってないですけどAlertボックスとかも簡単に使えるみたいです。
例えばこんな感じ。

これででてるかな?

是非是非使ってみるのをおすすめします!960pxサイズのサイトを簡単に作るなら(特にエンジニアがやるなら)使わない手はないんじゃないかなー?

あとはGoogle Web Fontsも使ってみたかったもののひとつ!
特に日本語サイトをみなくても導入は出来ましたよ。ちなみに何処に使っているかというとここ。

使い方は簡単でCSSファイルを読んで、CSSでそのフォントを使うように設定すればOK。

使い方

header.phpのheadタグ内に追加


cssファイルにフォント設定を書く

	.font-orbitron{ font-family: 'Orbitron', arial, serif;}

やっぱり新しい技術は何事も触ってみないとだめですねー。
テーマ作成ちょっと楽しくなってきた。GW中にアップ出来ればいいかなー?

追記(次回更新予告)

前回のエントリで書いたGoogleのAjaxクロールに関する実験の結果が出たので、結果報告をしたいと思いますよ!
いい感じの結果が出たので満足です。これで完全非同期型サイトを作れるなー。

関連記事

no image

おすすめwordpressテーマ・プラグイン

とりあえず、書くことが今のところあまり思いつかないので、設置した際の設定情報をここに書いてみますねー

記事を読む

Comment

  1. Lean Notah より:

    I will immediately seize your rss feed as I can not to find your e-mail subscription link or newsletter service. Do you have any? Please let me realize so that I may just subscribe. Thanks.|

Message

メールアドレスが公開されることはありません。

Target:mbox

自腹で購入した商品色々レビュー中!

商品紹介・レビュー記事特集!

Target:static mbox(mbox create

no image
Pythonを勉強するために参考にしたサイト

久しぶりにプログラミング言語でも触ってみよう・・・ということで、ちょっ

no image
MacでOffice Powerpointの表入力でおかしくなる時の対処方法

MacでMicrosoft OfficeのPowerpointを使って

no image
Nintendo Switch で使える激安USB 3.0ケーブル

Nintendo Switchを買いました!とりあえず色々まずはやって

AMPで作ったページを実際にGoogle検索結果経由でみた時と同じキャッシュ表示にする方法

今日は技術的な話。AMPページ対応を行った人も最近増えてきたと思うので

分散投資ロボアドバイザーのTHEOを大体半年間回したら利率10%近くまでになったので、トランプさんありがとうと思った

(こちらの記事は私が独自に当サービスを使ってみた結果の報告です。特にT

→もっと見る

PAGE TOP ↑