›スマホ用WPプラグインWPtouchで表示されるスマホ画面にカエレバ・ヨメレバのcssを適用2012-09-29スマホ用WPプラグインWPtouchで表示されるスマホ画面にカエレバ・ヨメレバのcssを適用ブログの記事中で本やなんらかの商品を紹介・解説する事があると思いますが、そんな時にはその商品へのリンクを一緒に貼っておく事が、読んだ人がいちいち探す手間が省けるので親切です。直接のリンクでも構いませんが、どうせならアフィリエイトにしておくとブログ運営にあたってのサーバー代やドメインの費用も捻出できるので、利用されている方も多いのではないでしょうか。abdelazerこの際に最も面倒なのが、自分用のアフィリエイトリンクを作成する作業です。そんな時に便利なのがヨメレバ・カエレバ等のアフィリエイトリンク作成用のブックマークレット。ヨメレバアマゾン・楽天・7net・ブックオフなどの複数のネットショップへのアフィリエイトリンクをまとめて一気に作成できるので、ブログを書くことが圧倒的に楽になります。詳しい使い方については上記のリンク先をご覧下さい。ヨメレバ・カエレバのcssとhtmlを分離カエレバ・ヨメレバのブックマークレットで書き出されるコードはかなりカスタマイズする事が可能です。後々の為に自分の場合はcssとhtmlを分離させて使用しています。nowrap;}アフィリエイトリンクを作成する場合には「cssカスタマイズ用」を選び作成されたタグを記事中に貼るだけです。こんな感じになります。2011-03-30Amazon楽天ブックスhontoブックオフよく考えれば別にヨメレバとカエレバでcssを分けることなく、カエレバのcss一本でもよかったようには思いますが、なんか最初にこうしてしまったのでズルズルそのままという状態です。このブログではカエレバはほとんど使っていません。どこかで調整し直した方がいいかも知れないです。WPtouchへのヨメレバ・カエレバのcssの反映このブログでは、スマホ向けにWPプラグインのWPtouchを利用しています。インストールするだけでほぼ何もせずともスマホ向けに表示を最適化してくれるという、ありえないぐらい便利なプラグイン。今のところはほとんどデフォルトのまま使っていますが、いつかもう少しカスタマイズしてみたいと考えています。Proを購入して色々手を加えてみたいと妄想しているような次第。スマホ対応にそこまで気を使いつつも、このブログでも何度か触れていますが自分はガラケーしか所持していません。touchでのブラウザ確認をしておらずそちら方面は放置気味でした。そこで久しぶりにブラウザ確認をして見ると(safariの開発者モードで)、先程のヨメレバのリンクがこのように表示されていました。cssが全く反映されていません。RSSリーダーで読み込んだ時のようになっています。これはWPtouchのcssファイルがWordPress本体に適用されているテーマのcssとは別のファイルなので、当たり前といえば当たり前。その事にかなり長い間気づいていませんでした。ヨメレバ・カエレバのcssとhtmlを分離していなければ、これは全く関係ない話。いうことでWPtouchにもヨメレバ・カエレバのcssを書き込みます。ファイルの場所は↓/wp-content/plugins/wptouch/themes/default/style.css(デフォルトのテーマを使用している場合)このファイルの最後尾にでも前述したcssを追記すればOK。こんな感じで反映されるようになりました。自分はスマホを持っていないので本当にわからないのですが、iPhoneやiPadでネットショッピングとか皆さんするものなのでしょうか?アドセンスなどは、実はスマホ対応していないサイトの方がクリック率が高かったりします。理由はなんとなく想像は付きますが面白い現象です。榎田(エノキダ)といいます。ひとみ綜合法務事務所の代表行政書士やっています。ノート100YEN.com.。