バナーデザインする上での参考サイトご紹介
バナーをデザインする上でとても参考になるサイトをご紹介致します。
バナーに使われている色使などが紹介されていてとても参考になります。
ぜひチェックしてみてください。
月別アーカイブ: 2012年7月
「TeamViewer」無料で手軽に使える遠隔操作ソフト
「TeamViewer」無料で手軽に使える遠隔操作ソフト
個人は無料で利用できるWin/Mac対応のリモートアクセス（遠隔操作）ソフト「TeamViewer」をご紹介します。
商用目的以外での利用は無料ということです。
以下のような特徴があります。
・ファイアウォール内で機能
・無人サーバのリモート管理
・インストール不要
・ファイル転送
ダウンロード
http://www.teamviewer.com/ja/index.aspx
上記のサイトからダウンロードします。
リモート操作する側は「TeamViewerフルバージョン」を、
操作される側は「TeamViewer QuickSupport」をダウンロードしておくと良いとおもいます。
是非使ってみてください。
[javascript]お問い合わせフォームで郵便番号自動入力を追加
[javascript][/javascript]お問い合わせフォームで郵便番号自動入力を追加
ユーザーアビリティを考えるととても有効的な
郵便番号自動入力の機能をご紹介致します。
AjaxZip2
http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html
使い方、ダウンロードは上記のサイトをご参考ください。
wordpressのコンタクトフォームでも使用できるのでぜひ使ってみてください。
[wordpress]contactform7で確認画面を表示
[wordpress]contactform7で確認画面を表示
contactform自体に確認画面表示する機能がなかったので
確認画面を表示させる方法をご紹介します。
株式会社オルタさんがライブラリを公開されていたので
利用させていただきました。
使い方
使い方は思ったよりとても簡単でした。
1. ダウンロード
株式会社オルタさんのサイトからライブラリをダウンロードします。
http://aulta.jp/library/wordpress/contactForm7Confirm.html
2.contact-form7-confirm.jsファイルの修正
10～19行目で設定を行います。
設置するURLのドメインを省いたところを記述します。
http://blog.aulta.net/inquiry/ に設置する場合、/inquiry/ となります。
ContactForm7を複数のページに設置している場合で、下記ボタンなどが同じ設定の場合は、配列で指定できます。
'path' : [‘/inquiry/’, ‘/inquiry2/’, ‘/inquiry3/’]
3.アップロード
ダウンロードしたファイルを解凍しアップロードします。
<script type="text/javascript" src="contact-form7-confirm.js"></script>
アップロードしたファイルを<head>ないで読み込みます。
4.管理画面の編集
Contact Form 7の設定画面で、<p class="submit-button">[submit “送信”]</p>
以上で完了です。ぜひ使ってみてください。
[javascript]ie8以前のブラウザでもHTML5のプロパティを対応させるhtml5.js
[javascript][/javascript]ie8以前のブラウザでもHTML5のプロパティを対応させるhtml5.js
最近html5でのコーディングが増え、よく活用させていただいているので
ご紹介致します。
ダウンロード
以下のサイトからダウンロードします。
http://code.google.com/p/html5shiv/
使い方
ie9以前に読み込ませるために条件付きコメントで記述します。
htmlのhead内に以下をコピーして貼付けます。
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->ぜひ使ってみてください。
[css]ブラウザの互換、ie6,ie7のz-indexのバグについて
[css][/css]ブラウザの互換、ie6,ie7のz-indexのバグについて
ie6の互換をチェックしたところz-indexがきかない？
おかしいな？と思い調べたところie6とie7にz-indexのバグがありました。
今更？と思うかもしれませんが、覚え書きとして。
ie6,ie7のz-indexのバグ
通常2つのdivの親要素が別々でz-indexは指定しない場合、ブラウザは子要素のz-indexの値が優先されるが、IE6とIE7は親要素の出現順が影響します。後から出現した親と子要素が手前になります。
解消法
解消法としては「同一階層」内においてz-indexをかけるしかないようです。
いちいち設定するのがめんどくさい場合はjqueryで出来るようです。
[wordpress]自動でサイトマップを作成してくれる「PS Auto Sitemap」
[wordpress]自動でサイトマップを作成してくれる「PS Auto Sitemap」
サイト内のサイトマップはユーザービリティの観点から見ても便利になりますし、
検索エンジンとしてもサイトマップからすべての記事にアクセス出来るのでSEO的にもあるべきとされています。
そんなサイトマップを簡単に作成できるwordpressプラグイン「PS Auto Sitemap」をご紹介します。
インストール
1. 管理画面［プラグイン]＞[新規追加]から【プラグインのインストール】画面を開く
2. キーワードに「PS Auto Sitemap」 と入力し、検索
3. 【いますぐインストール】をクリック
4.【プラグインを有効化】をクリック
以上でインストールは完了です。
使い方
1. 固定ページを作成しpageIDをチェックします。。
2. 作成した固定ページに
<!- SITEMAP CONTENT REPLACE POINT ->
を貼付けます。
3. 管理画面[設定]＞[PS Auto Sitemap]をクリックします。
4. 「サイトマップを表示する記事」に1でチェックしたpageIDを入力します。
以上で完了です。
ぜひ、使ってみてください。