BLOG

フロントエンド

Animate cssが進化していた!

| HTML / CSS
フェードインやスライドインなどのちょっとしたアニメーションをつけるのに便利なのが「wow.js」と「animate.css」なんですが、この間仕事で、こいつを使う機会があって触ってたんですがいっこうに...

jsでのHTML要素をquerySelectorで簡単取得!

| JavaScript
HTML要素の取得はいままでjQueryで取得するのが簡単なので、それですることが多かったのですが、 jQueryのように取得できる「querySelector()」が便利だったのでご紹介! quer...

IE等でSVGが表示されない

| HTML / CSS
IEでSVGが表示されないことってないですか? あれってすごくなぞだったんですが、やっと解決しました。 原因 SVGにwidthとheightが入ってない 対策 SVGタグにwidthとheightを...

Browsersyncで自動リロードさせる

| フロントエンド
コーディング作業をしてて面倒なのが、ブラウザーのリロード作業。 みなさんも、作業してて少しでもその手間を省きたいと思いませんか? ってことで、自分用のメモも兼ねてここに記載。 準備 下記が必要になので...

タクソノミーページで、タイトルとかスラッグとかの情報を取得する

| WordPress
タクソノミーのページ(taxonomy.php taxonomy-***.php)とかでタイトルとかスラッグとか、よく使うけどあれなんだっけ?的なのが多いのがこのページとかの情報の取得する方法ではない...

特定のカスタム投稿タイプのみ投稿数を取得する

| WordPress
カスタム投稿タイプを複数使っていてカスタムタクソノミー等を共有している場合にカウントが、複数分のカスタム投稿タイプの合計が取得されてしまいますよね。 例えば、事業所とスタッフというカスタム投稿タイプと...

WPでセッションを使えるようにする

| WordPress
なんか、Cookieの扱いが面倒になってくるそうですね。 んで変わりになりませんが、SESSIONでも代用できることが結構ありますよね。 PHPも使えることですし、SESSIONも使えるようにってやっ...

taxonomyをいろんなカスタム投稿で使いまわし

| BLOGWordPress
お仕事ではカスタム投稿タイプを分けて作ることが僕は多いのですが、同じタームで使い回せるときでも分けて作ることが多かったわけです。 でもここ最近は、少しでもいろいろな手間を省くためということを考えて、使...

Breadcrumb NavXTでメインカテゴリのみを表示させる。

| WordPressプラグイン
WordPressでパンくずを表示させるプラグインで超有名なのが「Breadcrumb NavXT」ですよね。 インストールして、ちょこっと追加するだけの簡単なプラグインですよね。 <div c...

lazylinepainterをつかって簡単SVGアニメーション

| HTML / CSSJavaScript
SVGアニメーションといえばCSSのみでもいけますよね? 例えばこんな感じで( -`д-´)キリッ <style> #cloud { stroke: salmon; stroke-dash...