unphatic

css

css animation

移動(距離) transform:translateX(00px); 横方向 transform:translateY(00px); 縦方向 transform:translate(00px, 00px); 横縦方向 回転(角度) tr...
デザイン

adobe XDでのline-height値の変換

adobe Xdで行間指定する際に、line-heightが1.8だから、えーと…となることが多いのでメモしておこうと思う。font-size × line-height(pxではなく1.5などの相対値) = 行間例) font-size ...
デザイン

Gulpでscssをコンパイルする手順

node.jsはインストール済の前提 任意の場所にフォルダ作成しておきます。 cd /Users/xxx/Desktop/フォルダ名 npm init -y //package.json生成 ...
vscode

VSCodeで折返し切り替えしようとしたらΩが出た話

Mac版VSCodeを使っていて、時々Ωが表示されるときがありまして、なんだろな?と思いつつたまにしか出ないので気にしていませんでした。 ですが最近Ωが頻発するようになりまして、option+Z押すと出るということがわかりました。 ...
デザイン

Smart Custom Fieldsで表示した画像にリンクをつける

これはホントにただの自分のためのメモです。Smart Custom Fieldsにて画像を繰り返して表示し、その画像にリンクをつける方法。<?php $cf_group = SCF::get('img_group');foreach ($c...
WordPress

WordPressでエクスポートした投稿記事をカスタム投稿へインポートする方法

サイトのリニューアルなんかで、WordPressを引っ越しする際、投稿記事をインポートしたいけど新しいサイトではカスタム投稿にしたい。 そんな時の役に立つ簡単な方法。 まず、エクスポートしたxmlファイルをエディタで開き、 CDATA の...
WordPress

WordPressで簡単にソーシャルボタンを設置する方法

記事ページにはソーシャルボタン必須ですよね。 でもその都度オフィシャルページに行ってコピペする作業は面倒。 WordPressで作っているなら、プラグイン使えば超簡単です。 僕が使っているのは、 「WP Social Bookmark...
WordPress

Smart Custom Fields チェックボックスの設定と表示

Smart Custom Ffieldsが便利だなと、使わせていただいているんですが、 初めてチェックボックスを使った際、出力の仕方がわからなかったので書いておこうと思います。 自分にとって必要なことしか書いてませんのでご了承ください。 ...
デザイン

今でも間違えてしまう、bloginfo(‘home’); と home_url();

使うときにいつもどっちかわからなくなってしまうのでメモ。 ページとトップへのURLを返すテンプレートタグ。 廃止 <?php bloginfo('home'); ?> 現行 <?php echo esc_url( home_url...
jQuery

久しぶりにslickを使おうとしてつまずいた点

レスポンシブウェブサイト制作時に便利なので、いつもBootstrapを使っています。 カルーセルもBootstrapのものを使ってるんですが、代わり映えしなので、久しぶりにslickを使うことにしたのですが、そこでつまずいた点を書いておこ...