女性ブロガー向けWordPressテーマ 「Stinger5 forLadys」を配布開始しました。
Stinger3の時からなかなか需要のある「Ladys」。
5を配布してもまだニーズがあるので「Stinger5forLadys」を作成致しました。
Ladysの主な特徴は
- 丸いサムネイル
- かわいいGoogleFont
の２つだと思います。
この２つだけならわざわざダウンロードしなくても簡単に設定できます。
丸いサムネイル
以下のコードをCSSに追加するだけでOKです。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
#topnews img { width: 150px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; } #kanren img { width: 100px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } |
Googleフォント
まず、以下のコードをheader.phpの＜head＞内に記入して下さい。
|
1 |
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'> |
次にCSSの上部に記入してあるfontfamilyを以下に変更するだけです。
|
1 |
font-family: 'Josefin Sans', helvetica, osaka, "MS PGothic", sans-serif; |
↓こんな感じ（「外観」→「テーマの編集」→「style.css」）
Googleフォントは、まだまだ種類がありますので、これを機会に他のフォントを試してみて貰ってもいいかと思います。
①のフォームに文字を入力するとその文字でフォントが確認できます。気に入ったフォントがあれば②をクリック。
①太さなど、欲しいスタイルを選択して②を＜head＞の中に、③をCSSに記入します。
ついでにアイコンも
上記の位置のアイコン等は「Font Awesome Icons」のWebアイコンを表示してあります。基本の読み込みはしてあるので変更も簡単です。
http://fortawesome.github.io/Font-Awesome/icons/
上記にて好きなアイコンを選び・・・
赤枠の部分をコピー。
後は、つけたい文字の前に入れるだけ。
例えば今回の更新日のアイコン変更は「itiran.php」の以下の部分。
※「＆nbsp;」は空白の意味です。
[余談] – デモサイトの複製について
デモサイト作成は毎回面倒です。
なので今回はStinger3の時のデモサイトを以下の方法で丸パクリしました。
【WordPress】びっくりするほど簡単！数秒でパクリサイトを作る方法と対策
恐プラグインも、こういう風に使えば便利なんですけどね。
ダウンロードについて
Stinger5forLadyはややこしいのでテーマカスタマイザーは外しております。CSSの変更などは適宜行って下さい。
※パスワードは「0556」（女心）です。
336
336
関連記事
-
-
家計簿・お金管理が激変するfreee・Zaim・マネーフォワードを比較
なんやかんや小金も増えてきたし、白色申告も記帳が義務付けられたという事で本気でお …
-
-
時間が無い人にこそhulu（フールー）がおすすめ
あまりテレビを見る時間が無いしそれほど見たい番組があるわけでもないのですが、夜に …
-
-
アフィリエイトは「量より質」か「質より量」か？
はぐりんさんが2か月程度で発生を50万円台に戻したことでテンションが上がり、久々 …
-
-
iPhoneアプリから個人情報ダダ漏れとのPastesが想像以上にヤバイのでぜひチェックを・・・
今日、Twitterで見かけた 【ヤバすぎ】アプリ誤操作で銀行口座のログイン情報 …
-
-
買って良かった？WiiUとマリオカート8を買ったので感想
夏休みという事でマリオカート8でもチビとやるかとWiiUを買いました。 WiiU …
-
-
ピンチの凌ぎ方、5つ。
我ながら結構に困ったトラブルがあって、ここ数日ヒヤヒヤしながら過ごしていたのです …
-
-
iOS8のアップデートでカメラロールを消さない方法Tweet発見してませんでした
追記 Tweetの方法でも上手くいかないとのご報告がありました。 @ENJILO …
-
-
WordPressの「お知らせ一覧」のタイトルに外部リンクを貼る方法
備忘録です。 よくWordPressでも新着情報みたいな感じで上の図のような「お …
-
-
【WordPress】びっくりするほど簡単！数秒でパクリサイトを作る方法と対策
いつまでも同じ内容を引っ張るのも何なのですが、 少し僕自身の誤解があったので。 …
-
-
今、肩こり対策におすすめのNo1！「Dr.Air 3Dマッサージピロー」
職業病と言うか、肩凝りはもう永遠の課題なんで次から次へとマッサージ機を買い漁って …