KYO

スクリーンショット 2018-08-27 16.51.07

2018年8月27日


関連記事

記事やコンテンツが流れていくスライダーのアレを作ってみた

2018年7月28日

ブログとか見ているとトップページに、オススメの記事などが流れているスライダーを見かけます。今回はそれを作りました。画像スライダーというかコンテンツスライダーと呼ぶのでしょうか?とにかくあれです。自作すると大変そうなので、bxsliderというjQueryのプラグインを使いました。 コンテンツスライダーを作る まずは作ったデモサイトをご覧く...

Bootstrap4のグリッドデモページを作成

2018年6月17日

Bootstrapはレスポンシブなサイト高速に作る上で、非常に強力ですが、グリッドの仕組みを理解する必要があります。(理解しなくても感覚でいける気もしますが・・・笑) そこで勉強がてらデモページを作りました   Bootstrap4グリッドシステムデモページ   このデモページでブラウザの画面幅を変えると、その仕組みが...

ワードプレスのカスタムウィジェットでSNSシェアリンクを作る方法

2018年5月24日

環境:WordPress 4.6.1   ワードプレスで自作テーマを作っていると、ウィジェットを自作すればもっと開発効率が上がるのにな。と思うことがあると思います。 ワードプレスにはウィジェットエリアという便利な機能があるので、これを使いこなすことは自由度が高く、カスタマイズ力のあるテーマを作ることが可能になります。  ...

デザインパターン-PHPでTemplateMethodの入門

2018年6月12日

デザインパターンとはオブジェクト指向を理解するために最高の設計方法です。 オブジェクト指向を知っているからデザインパターンが使えるのではなく、オブジェクト指向を理解するためにデザインパターンを勉強するという意見もあります。   今回は中でも使用頻度の高いTemplateMethodを実装していきます。    ...

ワードプレスのアクションフックの基本

2018年5月26日

先日、フィルターフックについて書きましたが、今回はアクションフックについて書きます。 ワードプレスのフィルターフックの基本を理解する   アクションフックを使いこなすと、高度なプラグインとかが作成できるようになりそうですね。 ワードプレスのアクションに関連して関数を呼び出せるようになります。   具体的には、記事を投稿...

レスポンシブなスティッキーヘッダーを作るチュートリアル

2018年6月18日

スティッキーヘッダーとはページをスクロールしても上部に固定されている、ヘッダーメニューのことです。 ヘッダー部分を固定させるだけなら簡単にできますし、Bootstrapを使ってしまえば、レスポンシブで便利なヘッダーもサクッと用意できてしまいます。 しかし、今回は0から作っていきます。   なぜ0から作るかというと、オシャレなステ...