テーマ変更(前)

Elmastudio - Webdesign & WordPress

ZukiからMoka

たまたま見たらセールだったし。新しいものはサイドバーがあってなあ。

ちなみにこれ買う前に間違えてテーマサイトでBlogger用テーマを間違って購入してしまった。Bloggerなんてやってないのに・・・

浮気しようとした罰ですか?

今回はシングルカラムを探したのだが。Mokaは2カラムだよね。まあ昔ながらのサイトっぽくてよくない? 新作のBlackWalnutはサイドバーあるマガジンタイプだし、Suidobashiは左寄りすぎてる。 Onigiriはカッコイイけどポートフォリオすぎて(文がセンタリングされてるから長文に向かない) ちなみにUbudもいいなあと。Oitaとかもいいけど古いテーマは更新されてないからな~

Zukiはメニューが2個設定できるけど1個しかないandフルワイド画面でないと出てこないタイプのテーマはボタンが動かなくなる(jQueryとの兼ね合い系)でそれ直すのに改造を要するでしょ。まあ結局Mokaでもスマホの場合メニューボタンになってしまうのでこの問題にぶち当たるわけだが・・・・

テーマを変えたらすること

ドキュメントを見ながら設定 メディアは大が1070、中が720pxにしてRegeneTumbnail実行

外観→ThemeOptionでカスタムロゴ。Retina対応しないといけなかったけど普通に小さく作ってしまった。

Sidebar Fixed PositionとPost Excerpts(自動抜粋)にチェック 最初はサイドバーくっついてきてたのにいろいろいじってたらついてこなくなったけど・・・

フロントページは従来のZukiで作ったやつを更新しただけ。

ウィジェットはZukiよりは少ないがある程度同じように配置。 Recentpostは4の倍数

メニューは新たに作成。Zukiよりテンプレートが多い。フロントページを作ったようにArciveページを作る。

WP-PageNaviを入れろってことでいれた。pagenavi-css.css を使用をNoに

いつものカスタマイズ

Zukiで相当やったカスタマイズを移せるのはそのまま移します。

子テーマ作成(style,header,footer,single-content)

作成といっても本体のをコピーして小テーマフォルダにアップ。 CSSは中身コピペ 変なとこは修正。 タイトルのフォント指定やfeedlyもいらないな。 フォントの指定も見直し。游ゴシック優先。ウェブフォントは何が指定されてるか調べて直す。

functions.phpのコピー

子テーマに入ってたのでzukiのfunctionsの中身を貼り付け。 とくにいじってはない。 積み重ねて色々あるんだけど

  • カスタムタクソノミー(まだ練習中)
  • ぱんくず
  • ブログカード
  • 更新時の更新レベル選択
  • サイトマップのカテゴリだけ一覧

で、ここに本体のjQueryを読み込ませずどうとかするのを入れてたんだけど それだとテーマのメニューが開かなくなって困るから今考え中。 本体のも読み込ませて、さらにGooglejQueryも読み込むと今までやってた自前jsが動かなくなる罠に直面中。なんでだよ前動いた気がするんだけどな?

ちなみにWordpressjQueryだけだとFlickrEXが動かない ボタンが開かなくなるのを解決した方が早いかなあ

footerの編集

上の続きだが。 フッターはzukiフッターにあるものコピペで入れるだけだから。

なぜか$を取ったやつらが動かないので。 でも外部リンクを別窓で開くやつは外部jsファイルからfooterに直接書いたら動いたのよね。$が無くても動くなら他のも動いていいはず? だから今は「FlickrEX」と「外部リンクを別窓で開くjQuery」は動いてて ページスクロールボタンと、Swipepadと、それのバックをクリックしたら戻るやつと、hilightjsは動いてない。

jQueryのバージョンがいかんのか? 二重読み込みでも動いたことが過去にあるからどうやったか探す。

  • TOPのロゴ化 SEO?どうでもええわ
  • 字をでかく 游ゴシックに さっき書いた
  • 関連記事はいつもphpに直接書き込んでるけど今回は自動挿入にした。 

feedlyは足せたら足す。とりあえずウィジェットで置いた。 PopularPostっているんだろうか? これがあると急にありふれたブログ感がでてしまう。 でも、私の信者(いるのか?)でもない限り、初めて来た人っていうのは つまんねーって即戻るボタンか とりあえずおもろい記事ないんか?と探してくれる人といると思うんですよ iherbで検索してきた人はほかのレビュー記事が見たいとか、そういう感じで。 私自身、新着記事一覧は多めに把握したいので この二つをテキストで並べてひとつのページにしようかなあ?とか。とりあえずarchiveにしといたが。

今からすることメモ

  • single-content.php修正
    • シェアボタン挿入
    • hilight.jsのcssがあったかも
    • タイトル上サムネイル削除
    • 更新日時の表示
    • コメントも削除
  • FlickrEXとその他自前スクリプトも動くようにする
  • トップページがごちゃついてるので見直す
  • メニューのリンク色 紫に
  • Swipepadも動くように
  • フォントの調整
    • 明朝の指定 タイトルは明朝体がいいかな
    • まあ一生懸命やってもWindows7でみたら溜息ですけど
  • 引用の色 見直し
  • 不要なサムネイル削除(DNUI)
    • テーマ変えたら、前のテーマで作られたサイズの画像はずっと残る
  • Recentpostで画像がない場合のNoimage

続きは後編で。 いつになるやら。徐々にやってきます。