Kindredというテーマに変える①子テーマ~フォント

テーマ見つけるたび買っちゃっていかんわ。 この今のMokaに変えたのが夏なんですが・・・

Dailyにかえる案が最初にあったんだけど、議員さんモデルさんアーティストなどのページでかなりつかわれてた。日記というかサイトっぽいから??あと1年更新されてなくて不安。

Daily theme - Brodziak Studio - Projektowanie graficzne | Grafik Freelancer Web Designer Portfolio Wrocław

これにするなら・・・カスタマイズの想定

StationSeven

Premium_Minimalist_WordPress_Themes_-_Station_Seven_-_2015-12-23_18.23.12

Premium Minimalist WordPress Themes - Station Seven カナダのカップルクリエイター。おしゃれ感すごい。ぐううらやま。

たまたまCriativeMarketをみてたらおしゃれなテーマをいくつか見つけて迷った末ぽちり。elmastudioからの浮気!!! わたしはいつもテーマ下部にあるクレジットをそのまま検索してテーマを使ってるサイトをいろいろみてからテーマ買います。 ほんとうに世界中のクリエイターが安くテーマを売っているので自分が頑張って勉強したところで・・・というマイナス思考からそれをカスタマイズして使う方が早いという結論です。

ほかのテーマともまよいましたがグリッドがきれいでシングルカラムがぴったりなこれで。 MATCHSTICKは似たような構成で、トップに大きな背景が置ける PAKERは白ベースでマガジンってかんじですね。メニューが二個あるタイプ多いですけど私はもてあますな。 COASTALも似たような系統ですが、フロントページが縦長にプロフィールなども記載できるポートフォリオ向け。 このKindredはMatchstickよりライフスタイル向け?レシピが載せられるので本格レシピブログか?私はレシピほとんどないけど。デザインもこちらの方が好みだった。トップはスライダーよりスクロールのほうが好みではあるので迷うところ。

MinimalWPの買えよって話? ワードプレステンプレート Minimal WP | シンプルでおしゃれな日本語WordPressテーマ

ほか候補

WordPress Themes – Anders Norén Habakiri Feminine Wordpress Blog Themes for Women

インストール

このテーマのインストールはふつうと違って、フレームワーク本体?とテーマをそれぞれインストールします。 外観にInstall Required Pluginsがあらわれます。推奨プラグイン一覧。うーんJetpackやだけどとりあえずFavicon以外はインストール。instagramのはなぜかエラー。Jetpackも有効にしようとしたらエラー このテーマは他と違ってこんな風にいろんなものが出現します。メニューにGenesis Featured Slider Recipe このテーマはレシピブログもできるようになっているのです。

同じく外観にある「Import Demo Data」を実行せよとのですが怖すぎ。既存のデータ消えそうだしやめとく・・ さら地の新規サイトならいいとおもいます。画像の幅とかわかるし。

子テーマづくり

いつもの作業。「私仕様」にしすぎるとおなじことの繰り返し(ダサくなる)のでよく考えて。 といってもこのテーマは親がGenesis、それの子がKindredとなっております。Kindred自体が子テーマとされている が、style.cssがどうみても一般的にいう子テーマじゃないのでいつもの手順で作成。

フォルダ作成>cssファイル作成>heder、functions、footer作成>カスタマイズしていく

ですが子テーマの子テーマってできない・・・・?なにやっても認識されない。

孫テーマや子テーマの子テーマでぐぐっても見つけられない・・・ とりあえずテーマオプションが豊富だからなんとかなる?

Customizations Using CSS – Station Seven やはり直接style.cssを編集するなと書いてある。 テーマカスタマイザーの中にカスタムCSS欄があるのでここに追加していけばよさそう。あとJetpackにもそういう機能があるらしい。 このページの下に主要な要素が載ってるので助かる。

今回は一気にやる時間がないのでTheme Test Driveプラグインを使う

フォント問題

いつでも悩まされるフォント問題。 ほんと、これだけでエントリせぇやってくらいに毎度毎度ね。 とくに海外テーマは明朝体になってることが多い。

どうしてもWindowsが問題になってきて ようやくXPとIE8が消えてきたのに今度は7が邪魔。といってもここのアクセスしている2割がWindowsでそのうちのほとんどが7の方。私も職場で7使ってるしまだまだ7ユーザーは多い。

①2割いるWindowユーザーには汚い明朝体でこのサイトだせえなと思われるが無視する ②なんとかしてWindows7だけメイリオで表示する ③今まで通りすべてゴシック体にする

Macだとヒラギノ明朝 古いWindowsメイリオUI 新しいWindowsは游明朝 Androidはゴシックって振り分けれないかなあ

・・・? とも考えたのですが、単純にCSSのfont-familyにつらつら書く中にHG明朝を書かずに最後にメイリオを入れればよかった。 このテーマは見出しも本文もそもそも明朝体ですから、見出し用の設定だけHG明朝をいれておけばいいかな。 英語だけならwebフォントだけで奇麗に表示されるのにね~

想定

  • Windows7にOfiice2010,2013を入れている人は稀=游書体使えない=游明朝がないWindowsメイリオ表示にする
  • VistaはほぼいないのでMeirioUIを優先
  • 本文は明朝体表示とする。テーマでせっていされているフォントを優先する
  • 見出しだけWin7ユーザーむけにHGS明朝EかHG明朝を
  • Macヒラギノより游ゴシックと游明朝を優先する
  • Android明朝体表示は諦めてAndroid標準フォントを想定したゴシックしてい

続きは次回。 つぎは細かくテーマをいじっていく。functionsには直接追加していく形かな・・・

参考

Font−familyのベストな書き方 2015年版 | それからデザイン スタッフブログ

いっそのことWebフォントで全部指定してしまうと楽なのに。フロップデザインフォントとかもたまに見かけますが・・・・

webフォントファン|日本語webフォントwordpressプラグイン

プラグインとか買ってしまう? でもですねーやっぱりウチは日記サイト的なものでしてねー長文なんですよー オサレポートフォリオならいいんですけどねえ