忍者ブログ
19 May

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

21 June

クロムChromeでのみ文字フォントサイズが勝手に大きくなる現象

原因

html{
font-size:62.5%;
}
body{
font-size:14px;
font-size:1.4rem;
}

62.5%が無視され、100%に1.4remがかかってしまいドデカ文字サイズになったという現象。
remを使うと稀に起きるらしい。私も始めてなりました。

解決法

body > div{
font-size:14px;
font-size:1.4rem;
}

http://hazumu.net/blog/2014/02/24/body%E3%81%84rem%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E3%82%89chrome%E3%81%A7%E5%8B%9D%E6%89%8B%E3%81%AB%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%8C%E5%A4%A7%E3%81%8D/

Scriptを追加する
http://n2p.co.jp/blog/tech/chrome-fontsize/


全ページにスプリクト埋め込むのがめんどうなので、1番目のcssに書くのを採用することにする。

05 June

PC用のfaviconとスマホ用のウェブクリップアイコンを作る　ワードプレス

http://shirose.jp/2013/10/wordpress-add-favicon/
このサイトのかたは他の記事でも説明が丁寧でわかりやすいのでとても参考になります。

1枚の画像から一括で色んなサイズを書き出してくれるという
外国のサイトがエラー吐いて使えませんでした。
http://www.allthefavicons.com/

しょうがないので日本の有名なサイトを使います
http://ao-system.net/favicon/index.php

始めは1枚の作った大きなアイコン画像で全部のサイズに当てはめましたが、
やっぱり縮小で汚くなるので、写真とかじゃない限り各サイズ作ったほうが綺麗です。

16x16
32x32
48x48
150x150（スマホ）

を作りました。
16、32、48は上記サイトの「参照」ボタンのところへドラッグドロップでいけます。
favicon.icoが簡単に仕上がりました。
スマホウェブクリップアイコンは「任意の名前.png」で使います。

favicon.icoのアップロード場所ですが、通常のサイトの場合は「index.htmlと同じ階層に置く」、
とよく言われてます。今までもそういうふうに作ってきました。
しかしWPで検索すると「imagesフォルダに入れます」なんてのがたくさんでてきました。
どっちが正解なのかわからない･･･。
結局私は　theme/自テーマ名/favicon.ico　にしました。
なんか不具合起こったら　theme/自テーマ名/images/favicon.ico　にします。
ウェブクリップアイコンもルートさえあってればどこでもいいんじゃないでしょうか
私はテーマのimagesフォルダにいれました。

次にコードをheader.phpの<link rel=”～～”>が各種並んでるところに貼り付けます。
スマホサイトは別テーマでやってるため、スマホテーマheader.phpに
スマホウェブクリップアイコンコードを貼り付けました

PC用faviconコード
親テーマ使用
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
子テーマ使用
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico">

スマホ用ウェブクリップコード
 
<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/images/任意のファイル名.png">
<link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/images/任意のファイル名.png">
アイコンに光沢あり　rel="apple-touch-icon"
アイコンに光沢なし　 rel="apple-touch-icon-precomposed"
光沢ありだと色合いが薄くなるので、それ前提に作ってないのでナシにしてます
これ見てふと思いました。
今まで　<?php bloginfo( ‘stylesheet _url’ ); ?>　を見てきて書いてました
http://mypacecreator.net/blog/archives/642/2
bloginfoは古い記述だそうです。WPのタグの変遷なんて知らなかったです･･･
htmlのタグレベルの長期間に渡る変遷ならともかく、WPは短期間でこういうふうに
非推奨に変わるから嫌です。
05 June

welcartでGoogleアナリティクスを使う

Google Analytics への対応方法について
http://www.welcart.com/community/archives/70199

０、Google アナリティクスのサイトでトラッキングコードを取得し、header.phpに貼り付け
１、WPプラグイン「Google Analytics Dashboard for WP」を使用
２、welcartが配布してるファイルをこのプラグインの中で上書き
　　＊プラグインアップデートで上書きされます

Welcart の為の Google Analytics の設定
http://www.welcart.com/community/archives/70484

３、Google アナリティクスの「目標」でwelcartが配布してる「目標」をインポートする

カートの各ページを見るために導入するものらしいです。
welcartではdefaultではカートページは全ページが同じURLのため。
それが必要なくともGoogle Analytics Dashboard for WPをいれることで、
ダッシュボードにて簡易ではありますがGoogleアナリティクスの簡易データが見れます。
27 May

welcart　商品一覧カテゴリーページの初期値並び替え

商品一覧カテゴリーのソートがしたけりゃ有料拡張プラグイン（4000円）買えよっていうのが
welcartの出方です。

http://goo.gl/SNlAvg
「商品一覧ページでの商品の並び順変更」welcartフォーラムより

function getcatorder( $query ) { if ( is_admin() || ! $query->is_main_query() ) 


return; 


if ( $query->is_category() ) { 


$query->set( 'posts_per_page', '-1' ); 


$query->set( 'orderby', 'meta_value' ); 


$query->set( 'meta_key', '_itemCode' ); 


$query->set( 'order', 'ASC' ); 


return; 


} 


} 


add_action( 'pre_get_posts', 'getcatorder' );

この記述を参考に、自分がしたい初期値に変えます。
http://www.understandard.net/wordpress/wp009.html
このサイトを参考に私はこう変えました。

    if ( $query->is_category('スラッグ名') ) {
        $query->set( 'posts_per_page', '-1' );
        $query->set( 'orderby', 'date' );
        //$query->set( 'meta_key', '_itemCode' );
        $query->set( 'order', 'DESC' );
        return;


特定のページだけ並び順を変えたかったので、
category()の括弧の中にスラッグ名をいれています。
並び順は日付（date）の新しい順（DESC）にしました。
ある程度任意で記事を並び替えたいなら、この並び順設定にして
商品編集画面で公開日時をいじるのが早いかなと思います。


welcartの商品一覧の並びの初期値は記事ID順（DESC）です。
適当に商品登録をしてるとぐっちゃぐちゃになります。
カスタムフィールドの値を使ってソートできるそうですが、
肝心の価格ソートは、価格がカスタムフィールドではないため自力でやろうとしたら
何やら激ムズらしいです（公式回答）。有料拡張プラグイン買えよってことらしいです。

検索するとwelcartで並び替えソートのセレクトボックスを作ってる方がいました。
でもこのかたも価格をカスタムフィールドに入れて登録するしかないか･･･といっております。
価格でソートできなければソートをつける意味すらないと思います。
このお店なんで価格ソートないの？って思いますよね。
そう思われるなら最初から全ソートないほうがマシですよ。
そして全価格をカスタムフィールドに入れなおす苦行をするなら
4000円で有料拡張プラグイン買いますよ。

お客が使うソートはともかく、初期値の並びさえ素直にできないイラつき加減。
記事の並び替えが管理画面でできる便利そうな国産プラグイン
Intuitive Custom Post Order を発見しましたが、
welcart商品一覧では動作せず！！
ついでにAdvanced Custom Field もwelcart商品編集画面で使えません！！
なんかね、welcartは色々と無理やり独自に作ってるらしくて、
他のプラグインとの影響ありまくりなんだよね。
＊追記
Intuitive Custom Post Orderを有効化したまま放置してたら　’orderby’　指定がきかなくなり無意味に悩むはめになった。

functions.phpに書き込んだカテゴリーページへの商品一覧並び替えへの指定は効くが、
トップページに直接書き込んだorderbyがうんともすんとも言わず。
テストサイトでは動くのに本サイトでは動かない。
既に稼動してるサイトのためいじりまくれないので、以前めんどくさくて投げた
XAMMPにもう一度挑み本サイトをコピーしたローカル環境を整えることに･･･。
（ここでも相当イライラする。サーバー移管とあまり変わらないイライラ度）

結果的に「そういえば並び替えのプラグインで、強制的に色々効かさないように
ユーザーの意見取り入れて変更してたな･･･ちょっとやりすぎじゃない？とか
読んでて思っていたけど･･･あれ！もしかしてこれか！！！！！」
と思ってプラグインを停止したらどんぴしゃでした。

はああ･････
使用をやめた不要なプラグインは停止か削除しとくべきですね。
使ってなくても他に干渉してくることもあるってことがよくわかりました。