忍者ブログ
19 January

[PR]

×

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

08 July

AMP WPにampを対応させる

AMP プラグイン
作者はjetpackやAkismetチーム

ampって知らなかった
ようするに今までのテンプレ、デザイン全て破棄して、まっさらな簡易テンプレ使って表示させて超軽くしますってことらしい

共通バナーつけろだの追尾つけろだのうるせー野郎どもがampテンプレで満足できんのかよ
ampやれば表示が早くなったり、検索結果が目立つとこに出たりしてユーザーが増える!とか夢見てんだろうな
せっかくまっさらに軽くしたテンプレに、snsボタンだの追尾バナーだのつけたら本末転倒だよなー

対応はsingle.phpのみ
当たり前だよな。固定ページとかarchivesページ、トップページなんて超cssいじってデザイン性あげてんのに対応できるわけがねえ。そこを対応したいならもう元からシンプルテンプレのままでやれよってことだよな

http://liskul.com/amp-12753
https://www.suzukikenichi.com/blog/how-to-make-your-wordpress-blog-amp-ready/




カスタム投稿タイプにもampを対応させる
functions.phpに書き込む必要がある

http://tenman.info/labo/snip/archives/8958
https://www.imamura.biz/blog/27583
//投稿タイプ追加
add_action( 'amp_init', 'amp_add_function_reference' );
function amp_add_function_reference() {
 add_post_type_support( '投稿タイプ名', AMP_QUERY_VAR );
}
07 July

ヘッダー固定追尾 Androidスマホでずれる

https://webnetamemo.com/coding/css/201602242761

top:0;
left:0;

を追加すればいいらしい




古いAndroid標準ブラウザだと、position:fixed; しただけだと、まれにヘッダーが中途半端な位置で固定される

これを一番上に固定するためには、わざわざcssでしばってやるひつようがある
IE的かようぜえ
でももう標準ブラウザはサポート打ち切って更新してないから、かなりcssで不対応すぎて不具合でとる

24 June

ファーストビューを背景フルスクリーン・スライドショーにしたい

https://create.irec.jp/jquerylog/2014/678/
http://guitar.irec.jp/

上記めちゃありがたいことです
デモサイトの設定は、説明コードの記述と多少違います。余計な設定の記述が省かれてます
デモサイトのまんまでokならデモサイト内のコードをコピペしていいとおもいます。




・imgじゃなくてbackgroundでフルスクリーンにしたい
・ブラウザサイズきっちり縦100% 横100% じゃなくて、下にはスクロール領域があるが、ファーストビュー領域にぴったり100%100%で張り付いた背景100%フルスクリーンがいい
・背景がブラウザ縮めて切れたりしない

検索してもブラウザサイズ100%100%きっちりばかりで使えない
100hwだか100whだかは簡単なのに、スマホが対応してなくてつかえねーしどうしようもねー」



背景フルスクリーンスライドショー
https://rewish.jp/blog/releases/jquery_bg_switcher