ブログ｜ぼうびろく

04 November

[PR]

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

03 July

WooSidebars　サイドバーのwidget欄をページごとに増やす

http://wp-themetank.com/wordpress-plugin-woosidebars/

サイドバーのwidgetエリアを自由に追加できるプラグイン
固定ページごとにwidget欄を変えたいときとかに便利

28 June

プラグインインストール時などにFTP情報を要求するクソサーバー

speever　とかいうしらねーサーバー

プラグインインストール時にいちいちFTP情報を要求する
＝WP等のツールがサーバーに自動アクセスするのを弾くサーバー

できないこと
・プラグインの自動インストール
・プラグインの設定インポート（エクスポートも無理かも？）
・自動でなんちゃらが無理なため、プラグインでWP一括引っ越しもたぶん無理
・.htaccess内の記述変更に関わってくること（パーマリンク）

こういうとこ選ぶと、一気にインストールとか、設定をインポートとか絶対できない
ほんとめんどくせー
一括引っ越しとかも無理だしうざすぎ

htaccessにも自動で書き込めないため、パーマリンク設定時は手動で記述する必要がある
WP内に書き込めばいいコードが下のほうに出てくれるのでありがたい

WPって簡単じゃない
インストールにあたり障害多すぎ
名のしらねーサーバーは90%以上の確率でトラブル有り
ほんとめんどくさい

28 June

htaccessでスマホ用URLとPCを振り分ける　

http://allabout.co.jp/gm/gc/386483/3/#a386483p3case1

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L]
</IfModule>

/sp/　の部分を自分のサイト用のフォルダ名に書き換える

西さんの超わかりやすい解説
1行1行ここまで解説してくれるサイトを他に見たことがない
応用や他のやり方もちゃんと解説してくれており、書き換え方法も具体的にこういうときこうするetc書いてくれており、本当にわかりやすい。
コピペでOKだけど、内容も理解できる

西さんの書いたもの全て読みたい…でも時間がない…

■追記
上記コードでは転送元が下記のようになってしまった。
そのためindex.htmlのときでも　/sp　に転送できるようにかく

○　http://ドメイン.com/
☓　http://ドメイン.com/index.html

https://www.xserver.ne.jp/manual/man_server_mobby.php

上のサイトを参考に、index.htmlがついてもついてなくても/sp/に飛ぶよう
下記のように変更した

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^(|index.html)$ http://ドメイン.com/sp/ [R,L]
</IfModule>

15 June

カルーセルスライダーには「slick」が一番いい！

http://kenwheeler.github.io/slick/
http://gimmicklog.main.jp/jquery/549/
http://gimmicklog.main.jp/demo/slick/slick.html
http://cly7796.net/wp/javascript/plugin-slick/

$(function() {
    $('.center-item').slick({
    infinite: true,
    dots:true,
    slidesToShow: 1,
    centerMode: true, //要素を中央寄せ
    centerPadding:'100px', //両サイドの見えている部分のサイズ
    autoplay:true, //自動再生
    responsive: [{
      breakpoint: 480,
        settings: {
          centerMode: false,
      }
    }]
  });
});

imgの入ったスライダーのを囲むdivかulには　max-width　を指定
以下のようにどっちか。

<div class="slick">
<div>img></div>
</div>

<div class="slick">
<li>img></li>
</div>

スライダー画像には　width:100%;　height:auto;　を指定しておく

カルーセルだけをやりたいならslickというjqueryプラグインがいい
レスポンシブ対応で、ブレイクポイントを定めてカルーセルの形を簡単に変えることもできる
これがすごいいい

PCサイズでは3枚表示1スライド
スマホサイズでは中央寄せ1表示1スライド

とか変幻自由。私でもわかりやすくコピペだけで可能。

カルーセルの形やオプションも豊富で、やりたいことはほぼ可能
公式もすごく見やすい
海外の公式サンプルって見難いとかどこかわかんねーとか多すぎ

14 June

アナリティクス　複数サイトを登録したい　クロスドメイン

http://web-heihou.jp/blog/analysis/googleanalytics_crossdomain/

↑上記みてやる
一旦設定したら、同じアカウント内なら、フィルターは使い回しできた

下記をコピペし、ドメイン名を差し替える
→フィルタ設定（使い回しですぐ登録）
→参照元除外設定（A.com、B.com　を追加）

A.comサイト用

ga('create', 'UA-*******', 'auto',{'allowLinker':true});
ga('require', 'linker');
ga('linker:autoLink', ['B.com']);
ga('send', 'pageview');

B.comサイト用

ga('create', 'UA-*******', 'auto',{'allowLinker':true});
ga('require', 'linker');
ga('linker:autoLink', ['A.com']);
ga('send', 'pageview');