WordPress:テンプレートタグや関数などを外部で使用する方法

Read More

WordPress:テンプレートタグや関数などを外部で使用する方法

主に独自のプログラムで書かれていて且つそれがWordPress外に設置されているファイルだけどWordPressのテンプレートタグや関数を使用したい、サイト全体をWordPress化するわけではないけどヘッダー・フッターなどの共通部分をテーマ内で使用しているものにしたいなど、WordPressのテンプレートタグや関数などを外部ファイルで使用したいときに使える方法です。

  • Posted on
  • WordPress
WordPress:wp_enqueue_style()で出力されたlinkタグを自分好みに変更する方法

Read More

WordPress:wp_enqueue_style()で出力されたlinkタグを自分好みに変更する方法

備忘録。WordPressでCSSを読み込む際に使用される`wp_enqueue_style()`ですが、そのまま使用した場合は`id`や`type`といった属性が記述されていたり、末尾には閉じスラッシュがある状態で出力されます。またクォーテーションについてもシングルが使用されています。これらが原因で表示上で大きな問題が起きるということでもないですし、気にならない人も多いとは思いますが、レギュレーションなどでこれらの記述が禁止(ない方が好ましい)とか個人的にも削除して出力させたいということがたまにあるので。

  • Posted on
  • WordPress
Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

Read More

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

役立つリファレンスやスニペットサイト、様々なコードを容易に出力してくれるジェネレータ、デザイン制作に使えるテクスチャ・アイコン・フォントといった各種デザイン素材の配布サイト、SEOやマーケティングに関する便利ツールなど、インターネット上にはサイト制作時や運用時の手助けをしてくれるサイトが沢山あります。今回はそういった便利なリソース・ツールサイトをまとめているサイトを集めてみました。

  • Posted on
  • Services & Resource
Sass:cubic-bezierを使った各種イージングを変数化しておき、簡単に指定できるようにする備忘録

Read More

Sass:cubic-bezierを使った各種イージングを変数化しておき、簡単に指定できるようにする備忘録

CSSでイージングを使用する際、`ease`や`linear`の場合はそのままその名前を値に記述すればいいですが、例えば`easeOutCubic`や`easeOutExpo`といったイージングを使用したいときは`cubic-bezier`を用いて記述する必要があります。ただ、それぞれどのような数値になるかいちいち覚えておくのは面倒なのと単純にイージング名で使用できたらいいなと思ったので変数化してみた備忘録です。

  • Posted on
  • Tips
Sass(SCSS)のmixinを使って、Media Queries(メディアクエリ)を使いやすくするスニペット

Read More

Sass(SCSS)のmixinを使って、Media Queries(メディアクエリ)を使いやすくするスニペット

ブレイクポイントや使用回数が増えるに連れてどんどん管理などが面倒になってくるMedia Queries(メディアクエリ)を、Sassのmixinを使って利用しやすく且つ管理もしやすいようにしたスニペットを紹介します。ここで紹介する以外にも方法はあるとは思いますが、個人的に過去に使っていたとか普段から使っているものを3つ紹介します。

  • Posted on
  • Tips
Sass(SCSS) mixin Snippets

Read More

Sass(SCSS) mixin Snippets

普段からSassを使ってるのであれば多くの人が利用しているであろう機能のひとつであるmixinは、面倒な記述を手軽に呼び出せたり何度も同じ記述をするという手間を省けたりと、使いこなせば何かと楽になるだけでなくCSSを記述する時間を大幅に短縮させることも可能になります。特別目新しいものはないですが、今回はそんなmixinで使えるスニペットをいくつか紹介します。特にこれまでSassやmixinをあまり使ってこなかったという人は、全体的に紹介しているものは内容もシンプルですし、そのまま試しに使ってみるだけでなく自分好みにカスタマイズしたりもしてみてください。

  • Posted on
  • Tips
WordPress:URLの自動補完リダイレクトを無効にする方法

Read More

WordPress:URLの自動補完リダイレクトを無効にする方法

WordPressには本来存在しないURLを指定したとしても、WordPress側で推測してユーザーがアクセスしたかったであろうURLにリダイレクトする機能があります。便利だと思う機能ではありますが、単純に存在しないURLはすべて404ページに飛ばす動きにする必要があったので、そのときの備忘録です。

  • Posted on
  • WordPress
クリスマスにピッタリなデザインアイコンセット 10

Read More

クリスマスにピッタリなデザインアイコンセット 10

クリスマスが近づくにつれて、今年も様々なところでクリスマスをテーマにしたデザイン素材が配布されています。もちろんベクター・テクスチャ・フォントなどのデザイン素材も多数見かけますが、今回はデザインアイコンを集めてみました。全体的に見た目や色合いなどシンプルなものが多いです。

  • Posted on
  • Material
最近気になったハイクオリティなUIキット #18

Read More

最近気になったハイクオリティなUIキット #18

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回はよくあるWebデザインやアプリ用のものだけでなく、Bootstrap 4のUIを再現したキットやチャート系のエレメントを集めたもの、チャットアプリのUIをテーマにしたものなどあります。また、形式としてはSketchで配布されているもの中心になります。

  • Posted on
  • Material

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。