はてなブログテーマ|シンプルカードタイル型デザインを勢い1ヶ月で制作し投稿

過去記事
現在はこのブログはWordPressで運用しています。引っ越しにともなってる!はてなブログ時代の記事
なんでも出来ることは挑戦してみたい人間のたにやん(@taniyantoiu)です。

たにやん

CSS、HTMLなんて全然詳しくない初心者が、かれこれ実質1ヶ月ほど見よう見まねで色々触って楽しんだ結果としてひとつのはてなブログのカスタマイズテーマを投稿してみたということ。

最初に言わせていただきたいですが興味本位でやっているので辛口コメントはご遠慮ください。優しい言葉は歓迎。

なんとなくSIMPLEなテーマ投稿

はてなブログへは気分でやってきてブログを書かなくてはいけないはずが、CSSなどのカスタマイズに興味を持ってしまい、書くことはほぼ放置でカスタマイズの記事や本ばかりを読んでいる始末。

それでも楽しいから自分的には良いのですが、色々なテーマを見ていて私も投稿したいと即発されそんな無謀なことを思い、結果として1ヶ月で投稿してみたということです。

※全くの初心者1ヶ月目の未経験のテーマ投稿なので間違い点などある場合もあり。その際は優しく教えていただけると助かる。なんでも、挑戦、やりたい症候群のウズウズ感に耐えられませんでした。

たにやん

ってな感じでなんでも挑戦してやってみないとウズウズする性格の人がいるということを分かって欲しい。

思ったら即行動、やってみないと始まらない。間違ってて迷惑かけたら謝るさ。ってことでもしよろしければ下記のリンクから

テーマ紹介

SIMPLE CARD YAN

下記が投稿テーマのリンクです。
 

投稿テーマ

デモサイト

レスポンシブ対応なのでPCから見ている時はブラウザのサイズを小さくしてみて下さい。

  1. トップページの表示形式(PC版) :一覧表示のみカード型になります。Proのみです
  2. 記事にはアイキャッチ画像を設定して下さい。その画像が一覧の画像として表示されます。
  3. 無料アカウントや全文表示の場合はカード型にはなりませんが使用することは出来ます。
ほとんど、はてなさんが公開しているカスタマイズ用Templateとそこまで変更していません。

PC表示


スマホ表示


背景カラー

背景色はカスタマイズの背景色設定から選択していただければ気軽に変更できます。あなたのお好きな色、または画像をお使い下さい。

文字フォント

ちなにみメインフォントはGoogleフォント使っていますので、設定→詳細設定→headに要素を追加に以下

を追加するとCSSに既にフォント指定してあるので文字が丸っこく可愛くなります。使用しなくても大丈夫です。表示には問題ありません。

スポンサーリンク


サイズ

メインは680px

サイドバーは336px

グーグルアドセンスなどレクタングルの人気のサイズは336×280なのであわせてあります。

その他

こちらでのスピードチェックもPageSpeed Insights

83/70なのでまずまずかと。

またシェアボタンやグローバルナビなどの追加カスタマイズは既に優良記事がたくさんあるのでそちらを参考に追加していくといいです。

初心者の私が読んだ関連本

作りながら学ぶHTML/CSS デザインの教科書

なんとこの本は、先月末の私の誕生日にAmazon欲しいものリストから送られてきたものです。本当にありがとう。

HTML5&CSS3 デザインブック

レスポンシブに特化した本。とても読みやすく分かりやすかったです。

HTML&CSS 標準デザイン講座

これもいただきものですがちょくちょく読んでます!理解しよう!CSSとHTML。しかしまだ分からない。

はてなブログ Perfect Guide Book

はてなブログで書いているなら基本中のことはこの1冊でできるかな!

おわりに

本当に難しいからこそ楽しい。なんでもやってみたくなる症候群です。

このテーマを1人でも使用してくれたら感動する。0人でも文句言える立場じゃないしね。
けど投稿したことによってウズウズしてた気持ちはなくなりました。

SIMPLE CARD YAN

下記が投稿テーマのリンクです。
 

投稿テーマ

デモサイト

3 Comments

favorite358

たにやんさん
こんばんは。
Twitterで紹介してくださってありがとうございました。
今日テケオさんの記事で知りました〜。
お礼が遅くなってすみません。
それとはてなブログを使いこなせてなくてどうやってメッセージを送っていいのかわからなくてココに書き込みました。
ダメダメですみません。

taniyanno

ブリランテさん
いえいえ!ブログ用のTwitterアカウントを作るといいと思いますよ!やっぱり少しでもTwitterから見ていただけますし、はてなブログ特有のコミュニケーションも大事になってくると思いますので!

favorite358

たにやんさん
ちょっと前ブログ用にTwitterアカウント作ったんですよー。
でもTwitterも初めてでただ更新しました〜を連携してるだけで終わってます。
Twitterも少しずつ勉強していきます!

コメントを残す

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

Copyrighted Image