WordPress レスポンシブ テンプレート 元にサイトを作ってみる その2

DEMO を見る カスタム投稿タイプ functions.php 今回は3つのリストメニューを作ります。このテンプレートでは、既に1つリスト記事用のカスタム投稿部分が作ってありますので、それ

続きを見る

WordPress レスポンシブ テンプレート 元にサイトを作ってみる その1

「レスポンシブ テンプレート の メニューやブログの設置」の記事では、メニューやブログの設置例をやったので、今度はこれを元にデモサイトを作りながら、ざっくり説明の補足をしようと思います。 DEM

続きを見る

WordPressでカテゴリー名も検索にひっかけるプラグイン「Search Everything」

2015/03/28 | WordPress

WordPressでカテゴリーも検索にひっかけるプラグイン「Search Everything 8.1.3」を入れてみましたが、少し変更が必要だったので、メモしておきます。 「Search Ev

続きを見る

WordPress レスポンシブ テンプレート の メニューやブログの設置

前回の 「WordPress レスポンシブ テンプレートコーポレート用(シンプル・カスタマイズ用)ダウンロード」の記事ではテンプレートの設置の説明しかしてなかったので、書かなくても分かるかもしれません

続きを見る

WordPress レスポンシブ テンプレートコーポレート用(シンプル・カスタマイズ用)ダウンロード

WordPress レスポンシブ テンプレートコーポレート用(シンプル・カスタマイズ用)ダウンロード WordPressでコーポレート用(シンプル・カスタマイズ用)のレスポンシブテンプレート「SAM

続きを見る

CSS 三角 を利用したメニューを作る(レスポンシブ)

2014/12/07 | CSS

前回の吹き出しを利用して、段階を見せるような三角メニューを作っておきます。 なるべくレスポンシブ対応にしようと思います。 ■ HTML <div class="wrap&

続きを見る

CSS 三角で吹き出しを作る

2014/11/17 | CSS

吹き出しとか三角とかよく使うのに、いちいち調べてどれ使おうかといつもやっていたので、まとめて作っておこうと思います。 CSSのborderで三角を作る CSSのborderは以下の様な構造にな

続きを見る

PHPフレームワークについて

2014/10/30 | PHP

フレームワークとは? 開発する際に頻繁に必要とされる汎用的な機能をまとめて提供している、アプリケーションの土台。 フレームワークはコーディングのルールや実装方法を統一する目的で構成されている為

続きを見る

Magento ver 1.9.0.1 をレンタルサーバのロリッポップにインストールしてみる

2014/09/30 | magento

Magentoを使う機会があったので、ロリポップにインストールしてみました。 Magentoは日本語の資料が少ないので、やり方をメモしておきます。 Magento が使える環境かチェックする

続きを見る

Web アイコンフォント 作り方

2014/08/22 | SVG, WEBフォント

SVG が欠かせないものとして、最近よく使われているのは、アイコンフォントです。 アイコンフォントとは、Webフォントとしてアイコンを表示することです。 アイコンをウェブフォント化すると、色・

続きを見る

WordPress カレンダー カスタマイズ(add_filter版)

2014/08/11 | CSS, PHP, WordPress

前回、「WordPress の PHP をちょっと見てみよう Ⅲ」でフックをやったので、カレンダーで試してみようと思います。 前記事で行った、「WordPress カレンダー カスタマイズ」は、

続きを見る

WordPress の PHP をちょっと見てみよう Ⅲ

2014/08/08 | PHP, WordPress

前記事の続きで、wp-settings.php の91行目あたりから見ていきます。 次は、wp-includes/default-filters.php を読み込んでいるので、開きます。

続きを見る

WordPress の PHP をちょっと見てみよう Ⅱ

2014/08/04 | PHP, WordPress

前記事の続きで、wp-settings.php の68行目あたりから見ていきます。 <今回のピックアップ項目> 英語版WordPressをインストールした後に日本語にしたい場合 GetT

続きを見る

WordPress の PHP をちょっと見てみよう Ⅰ

2014/08/02 | PHP, WordPress

WordPress には、たくさんのファイルが入っています。 ここではテーマ内ではなく、トップの index.php から、関数や抑えておきたいポイント、気になるところなどをピックアップしたりし

続きを見る

日本語対応の オープンソースの美しい フォント Noto Sans CJK が出来たらしい

2014/07/30 | CSS, WEBフォント

Google Earth が出来た時も、Google ストリートビューが出来た時も、 Googleの開発にはいつもビックリさせられます。 何が驚きかというと、その規模の大きさと、その多くが無償

続きを見る

Web フォント とは?

2014/07/28 | CSS, WEBフォント

WEBフォントとは? 意図するフォントを表示する技術 Webブラウザは端末にインストールされているフォントを呼び出し文字を表示します。 Windowsにインストールされている主な日本語フ

続きを見る

WordPress カレンダー カスタマイズ

2014/07/09 | CSS, PHP, WordPress

WordPressでカレンダーの表示部分をいじってみようかと思います。 どうやら、カレンダー関数の名前は get_calendar みたいで、 以下のファイルにありました。 wordpres

続きを見る

繰り返し背景を全面表示してアニメーションする

2014/07/06 | CSS, JQuery

前回の「背景を SVG で全面表示し、パターン化をアニメーションさせる」がSVGの要素を全て対応しているというブラウザが少ない為、あまり実践的ではありませんでした。 今回はついでにjQueryと

続きを見る

背景を SVG で全面表示し、パターン化をアニメーションさせる

2014/07/05 | html5, SVG

SVGでウィンドウに全面表示させた空に、シャボン玉が飛んでいるような表現をしてみようと思います。 ※注意※ここでのサンプルは最新のChrom意外、多くのブラウザによって動作しません。 IEも9

続きを見る

SVGとは?

2014/06/29 | html5, SVG

SVGとは? SVG(Scalable Vector Graphics)は、XMLをベースとした、2次元ベクターイメージ用の画像形式の1つである。アニメーションやユーザインタラクションもサポートして

続きを見る

マウスドラッグ
マウスドラッグ で ボール投げたい

アイキャッチ画像がマウスドラッグを描いたつもりが、子供の好きなあのボー

Three.jsで360°パノラマ画像を VR させる
Three.jsで360°パノラマ画像を VR させる

Three.jsで360°パノラマ画像を VR させる VRを作るの

Wordpress VR Test
WordPress で VR させて、360°のパノラマ画像を表示する

WordPress.com内ショートコードで VR させる Word

画像加工 cropbox.js
写真をアップロードして切り抜きが出来るcropboxにタッチイベントを付けてみる

Git Hub の cropbox 写真をアップロードしてカット出来

画像の拡大・縮小 タッチイベント
画像の拡大縮小を javascript の touch イベントでやってみる

画像の幅と高さを取得 まずは、neko.jpg という画像を用意して

→もっと見る

にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ PHPへ にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村 FC2 Blog Ranking
PAGE TOP ↑