Webフォントで簡単にアイコン表示 | 株式会社ツクロア
アイコンをWebフォントで表示させたサンプルです。 ここでは、Font AwesomeというWebフォントを使っています。 Font Awesomeは、Twitter Bootstrapに入っている画像をWebフォントとしてフォントファイル可したものです。 http://fortawesome.github.io/Font-Awesome/ アイコンをWebフォントとして表示するメリット 拡大しても荒れない（Retinaディスプレイでもはっきりくっきり） CSSプロパティを使って大きさや色を設定できる（font-size, color） 拡大しても荒れないという意味ではSVG画像でもよいのですが、SVG画像の場合だと色の変更をしたいときには結局画像自体を修正しないといけないということになってしまいます。 <nav> <ul class="list"> <li><a href="#"><i
wordpressにパンくずリストを簡単につける方法♪ | 小さなお店のネットでお金をかけずに集客率を上げる方法！
一定期間更新がないため広告を表示しています
パラメータでカスタマイズしやすいパンくずナビをプラグインにしてみた – Simple Colors
@miya0001 さんに、WordPressでパンくずリストを表示するためのプラグイン９個+1を検証で半ば強引に取り上げてもらったパラメータでカスタマイズしやすいWordPressのパンくずナビを作ってみたのコードを一部デバッグして、さらに簡単に使えるようプラグインにしてみました。 とりあえずプラグイン化しただけなので、国際化とかはまだですし、サンプルとなるCSSなども全然作っていませんが、それについても追って公開していきたいと思います。 ただし、Breadcrumb NavXTとの差別化もあって管理画面などの実装は今のところ考えていません。 Prime Strategy Bread Crumb 1.0.0 フィードバックがあれば、是非お寄せ下さい。 使い方 上記のダウンロードリンクより、プラグインのアーカイブファイルをダウンロードし、解凍後、プラグインディレクトリにアップロードしてくだ
WordPressカテゴリーの順番を並び替えるプラグイン|WordPress超初心者講座
WordPressブログに表示するカテゴリーの順番を並び替えたい！ という時に便利なプラグインを紹介します。 WordPressの「カテゴリー」ウィジェットを使った場合、ブログに表示されるカテゴリーの順番は、思い通りに設定することができません。 しかし、「Category Order and Taxonomy Terms Order」プラグインを使うと、簡単なマウス操作でカテゴリーの表示順を変更できます。 本記事では、Category Order and Taxonomy Terms Order プラグインの使い方を、初心者向けにわかりやすく解説します。 こんにちは、かずよしといいます。2010年からWordPress（ワードプレス）を使っています。 この記事を書いた、かずよしです ユーザー数のべ800万人超えの情報サイト「WordPress超初心者講座」を管理・運営する人。ワードプレスの
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
テンプレートタグ/wp list categories - WordPress Codex 日本語版
リンク付きカテゴリーリストを表示します。 カテゴリーリンクをクリックすると、テンプレート階層ルールに基づく適切なカテゴリーテンプレートを用いたカテゴリーページに、そのカテゴリーに属する全ての投稿が表示されます。 参考: wp_list_categories() は、WordPress 2.1 で非推奨となった list_cats() および wp_list_cats() の後継で、この二つとほぼ同じように動作します。 フォーマットしていない結果が必要な場合は、get_categories() をお試しください。 <?php $args = array( 'show_option_all' => '', 'orderby' => 'name', 'order' => 'ASC', 'style' => 'list', 'show_count' => 0, 'hide_empty' => 1,
Untitled Document
hoverFade Examples The underlying mark-up for the plugin to use can be as follows: <ul class="hover-css" id="nav"> <li class="one"><a title="One" href="#">One</a></li> <li class="two"><a title="Two" href="#">Two</a></li> <li class="three"><a title="Three" href="#">Three</a></li> <li class="four"><a title="Four" href="#">Four</a></li> <li class="five"><a title="Five" href="#">Five</a></li> </ul> Th
Dan Wellman » Plugin Update: hoverfade-1.0.2
I recently updated my hoverFade jQuery plugin after using the plugin in a couple of projects and work and needing extra functionality. I’ve been waiting for the jQuery plugin site to come back up again (which it now has) after being locked down following major spam attacks. I also wanted to wait until I had chance to put some proper examples together following comments in the original plugin relea
jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う - ダーシマ・ヱンヂニヤリング
やりたいこと jQuery の animate メソッドを使って見た目を作っている時、アニメーションの完了後にクラスを付与したいとか、 CSS を変更したいというようなことはよくある。これをエレガントな感じに書きたい。 何も考えずに jQuery っぽく書いてみる $('.target') .animate({ left: '100px', top: '100px' }, 500, 'swing') .css('background-color', 'red'); これだとうまくいかない。アニメーションが終了した時に背景色が赤になってほしいが、アニメーションが始まったと同時に赤くなってしまう。 animate のコールバック関数を指定する 解決策のひとつとして、 animate メソッドの最後の引数にコールバック関数を指定する方法がある。指定したコールバック関数は、アニメーションが完了した
CSSアニメーションを実行するトリガーのまとめ５＋１個
先日『CSS3のtransitionプロパティでアニメーションを試してみた』をエントリーしましたが、とりあえずは:hoverで動作するものばかりを試作していたのですが、:hover以外はどんなのがあるか？と思い、とりあえず調べてまとめてみた。 E:hover まずは前回同様:hoverから。マウスを要素に乗せることで動作します。 .demo1 div{ width:150px; height:100px; background-color:#0066cc; border:3px solid #ffffff; color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; -webkit-transition: 1s; -moz-transition: 1s; -o-transiti
jQuery :: コンフリクト対策 [Tipsというかメモ]
<script type="text/javascript"> var $j = jQuery.noConflict(); $j(function(){ // ここにjQueryの処理内容を記述します。 }); </script> 個人的には 対策３ がおすすめ。 追記: 2010-02-15 以下の書き方もあるようです。 <script type="text/javascript"> jQuery(function($){ // ここにjQueryの処理内容を記述します。 // この中では$はjQueryとして扱われます。 }); </script>
[CSS]ホバー時のエフェクトを自分以外の要素にも適用するチュートリアル
ホバー時のエフェクトを実際にホバーされているエレメント以外にも適用するスタイルシートのチュートリアルを紹介します。 下記キャプチャのデモでは、ホバー時に不透明度を3種類適用しています。 Hover on "Everything But" デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 エレメントにホバー時のエフェクトを与えることは簡単です。 ここでは、ホバー時に不透明度が変化するものを例にしてみます。 div { opacity: 1.0; } div:hover { opacity: 0.5; } これで、ホバー時に不透明度が0.5になるようになりました。 ここまでは簡単ですが、ホバー時のエフェクトを実際にホバーされているエレメント以外にも適用するには、どうしたらよいでしょうか？ 例えば隣接した兄弟のdiv要素などに。 まずは、HTMLの基本的な例を見てください。
css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた - かちびと.net
css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ：-webkit-transition 対応ブラウザ：webkit系(GoogleChrome、Safari等) JavaScript：未使用 （※ソース閲覧の部分はjsを使っています） 一応アニメーション以外（角丸など）は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-
MAMPを使ってMacでバーチャルホストを設定する方法 |
サイト制作で絶対パスを使いたいとき、普段はMAMPを使って、ローカルをサーバーとして作業をしているんですが、案件が複数同時に進行するとけっこうめんどくさかったりします。そこで、Macに複数のバーチャルホスト環境作ろうと思って調べてたんですが、どうやらMAMPでそれができるみたいです。以下、覚書。 ちなみに環境は Mac OS 10.6（snow leopard） httpd.confファイルの編集 /Applications/MAMP/conf/apache/ にある「httpd.conf」を開いて、 # Virtual hosts #Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf って書いてあるところがあるので、 # Virtual hosts Include /Applications/MAMP/conf
MySQL 5.5で「default-character-set」が使えず文字化けする→「character-set-server」にするとOK | KennyQi PHP Blog
MySQLを5.5にバージョンアップしました。 MySQLを起動すると、 Faildに！！！！ ログを調べてみたら「default-character-set」ってオプションて何？みたいなのが出てました。。 で、調べたら解決しましたのでメモ。 [mysql]MySQL 5.5.3-m3, 5.5.4-m3 同時リリース ここに書いてあるとおり、MySQLサーバのほうは 「default-character-set」というオプションが廃止されて、 「character-set-server」になった模様。 で、下記のようにmy.cnfを修正してMySQLを起動したら無事に再起動できました。 # vi /etc/my.cnf # default-character-set=utf8 ←ここはコメントアウト character-set-server=utf8 # ここを追加 ちなみ
MAMPのインストール for Mac-独学!未経験からWebデザイナーになる!!
Mac OSXにはもともとApacheがインストールされています。ですから他に何もインストールせずともApacheを利用することができます。しかし、手軽にPHPスクリプトも書いてみたい、またはWordPressやMovable Typeをインストールしてみたいという方には、このMAMPが最も手軽なソリューションだと言えるでしょう。 MAMPは、Apache,MySQL,PHPをパッケージとして一括インストールすることができるソフトです。同じようなソフトとしてWindowsではなじみ深いXAMPPもありますが、MacではMAMPの方がよく使われているようです。 まずはMAMPをダウンロード まずはMAMP のサイトにアクセスしてください。左側の[ MAMP: One-click-solution for setting up your personal webserver ]とかかれたすぐ下
MAMPでローカル環境構築のまとめ | WebScripter.jp
MAMPは簡単にWeb環境を構築できる便利なソフト。自分も長らく使ってますがあれこれ設定を変えたりしているので、おさらいがてら、ローカル環境を構築する時の設定をまとめてみました。 ポートの設定を変更する。 ドキュメントルートを変更する。 バーチャルホストを設定する。 PHPのエラー内容を出力する。 ポートの設定を変更する。 MAMPのApacheのポートはデフォルトで8888。接続するには、 http://localhost:8888 または、マシンに固有のローカルIPアドレスを振っていれば、 http://[IPアドレス]:8888/ でもアクセスできます。 でも、出来ることならポート番号なしのURLで接続したいですよね。それにはApache標準のポート80に設定する必要があります。以下の方法で簡単に設定出来ます。 まずはMAMPの環境設定をクリックします。 「ポートタブ」を開き、「Ap
WordPress：カテゴリーの一括登録プラグイン「Batch Category Import」、カテゴリー並べ替えプラグイン「My Category Order」
Home WordPress WordPress：カテゴリーの一括登録プラグイン「Batch Category Import」、カテゴリー並べ替えプラグイン「My Category Order」 WordPressで、カテゴリーを一括登録したい、ということがあります。 店舗サイトを作るときの商品のジャンルを一括で取り込みたい、とか。 そんな時に便利なプラグインが「Batch Category Import」です。 使い方はとても簡単。 上記URLからダウンロード プラグインを解凍 できたbatch-category-importフォルダをWordPressのwp-content/plugins/フォルダにアップロード WordPressのダッシュボード（管理画面）でプラグインを有効化 「投稿」メニューに「Batch Category Import」サブメニューができるので、そこをクリックし
Contact Form 7で確認用メールアドレスの入力フォームを加える方法
Contact Form 7はお問い合わせフォームを用意するのに、非常に便利なWordPressプラグインです。これまでWordPressを使ったサイトで、このプラグインを入れなかったことは一回もありません。 今回確認用メールアドレスを入力欄として設けなくてはならなくて調べたのですが、意外にいい方法が見つからなかったので、自分で作ってみました。 functions.phpに下記コードを追加（UTF-8で保存すること！） <?php add_filter( 'wpcf7_validate_email', 'wpcf7_text_validation_filter_extend', 11, 2 ); add_filter( 'wpcf7_validate_email*', 'wpcf7_text_validation_filter_extend', 11, 2 ); function wpcf
slife-sjob.net
slife-sjob.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to add <span> into wp_list_categories() variable?
http://sharedhat.com/blog/943/
Image Hovers
Batch categories import
猫でいいです（猫雑記） | [WordPress]カテゴリー説明もちゃんとインポートする方法
wordpressで市区町村を一括アップロードするには