wordpress+jQueryで実現するテクニックチュートリアル30選
世界中で使われているCMSの一つwordpress。高い拡張性もその人気の一つですが、今日紹介するのは同じく世界中で使われているjavascriptライブラリjQueryとwordpressを組み合わせて実現するテクニックのチュートリアルを集めたエントリー「30 Tutorials Combining Both WordPress and jQuery」です。 Including jQuery in WordPress (The Right Way) jQueryを正しく、テンプレートに読み込ます方法から、Ajaxを使ってランダムに記事をピックアップ表示させる方法などなど様々なjQueryとWordpressを使ったテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■WordPress Featured Post Slideshow
初心者用PHP入門
独習PHP 第3版 手を動かしながら学ぶPHP7。基本構文から、クラス、DB連携、セキュリティ対策まで。解説、例題、練習問題の3ステップでよくわかる。基礎からオブジェクト指向まで学べる定番入門書。 PHP逆引きレシピ 第2版 (PROGRAMMER’S RECiPE) 第2版では、最新のPHP(5.4/5.5)に対応したほか、レシピ全体の大幅な見直しを行い、データベースやテスト関連のレシピ拡充など、さらに内容充実・より便利になりました。サンプルプログラムのスマートフォン対応も行っています。実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「PHPユーザー必携の1冊」です。 PHPの絵本 第2版 Webアプリ作りが楽しくなる新しい9つの扉 HPは、さまざまなWebアプリケーションが簡単に作れそうなので、興味のある人は多いのではないでしょうか。本書は、イ
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
How to Make a Featured Post Carousel for WordPress | Envato Tuts+
It's becoming more and more common for blogs to feature certain posts at the top of the page. In this tutorial, we're going to show you how to implement this in WordPress. We'll be using the default theme, Kubrik, as our base theme, but it should be adaptable to most themes with some modification. There's very little code and featuring posts is simple. What we're shooting for We're going to be mod
サイト構成
【２００９・５・３１最終更新日】 ※情報は非常に古いです。参考になさいませんようご注意ください。 かちびと.netはWordPressというオープンソースのCMS（コンテンツ・マネジメント・システム） で作成しています。WordPressにはテーマスキンを簡単に変更出来る事も特徴のひとつで、 私もあるテーマをベースに、かちびと.netのような独自のテーマスキンを作成しました。 そのカスタマイズ法を一つも隠さず書いて置きます。 もくじカテゴリごとに違うsingle.phpを呼び出すカスタマイズ法WordPressのテーマSEOハック使用しているプラグインの解説WordPressに関する雑感便利な便利なブログパーツTwitterが好きなんですかちびと.netは完成しないカテゴリごとに違うsingle.phpを呼び出す通常、WordPressは記事にsingle.phpが割り当てられますが、この
WordPress 2.8でウィジェット作成(1) - Hello World | とりさんのソフト屋さん
福井のソフトウェア会社です。AccessやExcel、.NETソフトウェア開発、WordPress等を使用したホームページのシステム化、PCサポート・メンテナンス、コンサルなどを行っています。 投稿日 2009 年 6 月 12 日 – 7:47 PM カテゴリ: カスタマイズ WordPress 2.8でWidget APIが変更になった。自作のRecommendationPageでウィジェットを使用しているが2.8では動かない（泣）なのでウィジェットAPIの勉強の記録を書いていこうと思う。 基本 Widgets API « WordPress Codexを見てみると、まずは新しく作成されたWP_Widgetクラスを継承し、コンストラクタ、widget、update、formメソッドに処理を記述します。デフォルトの使い方は以下です。(動かなかったので少し変えています。) //クラス名は
マフラーの巻き方をおさらいできる6サイト - F.Ko-Jiの「一秒後は未来」
毎年この時期になると検索数が伸びる「マフラー 巻き方」。今年もそろそろ、おさらいしておきたいところではないでしょうか。 というわけで、次に紹介する6つのサイトでオシャレなマフラーの巻き方をおさらいしておきましょう。 1. woolly Warmer 2007 | Plaza Online sonyplazaの2007年版のページはこちらのようです。5種類のおしゃれな巻き方がFlashで紹介されています。 (追記 2008-12-14) リンク先ページが消えていたためリンクを外しました。 2. 毛糸と手織り糸のメーカーです。「可愛くマフラーまいちゃおう！」 イラストつきでで10種類のマフラーの巻き方が紹介されています。 3. FAnet– 冬のおしゃれはマフラー使いで決まる!! — 6種類のマフラーの巻き方が紹介されています。どちらかというと女性向けか。 4. マフラーの巻き方：スカーフの巻
CSS swap hover effect | Min Tran's weblog
CSS swap hover effect Posted by Min Tran on 20 Jun 2008. 27 comments Few months ago, I worked on an e-commerce project whose owner (the client) required each and every of the product photos with information to be displayed in a fancy way. It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to
Timothy van Sas - Animate a hover with jQuery
Timothy van Sas is very good in webdesign, xhtml, css and smooth dancing RSS FeedAnimate a hover with jQuery Animate an image while hovering it and show the visitors information while doing that. Sounds simple huh? Well it is, but the effect is nice and can be nice for a portfolio, for example. Ok, lets take a look at an example first, after that i will show you how it’s done. It’s quite simple
日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ
豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグインではなく、テーマファイルなどを直接カスタマイズする方法を日本語で書いてある記事をまとめました。フォーラムは載せていないので探してみてください。結構有ります。 wp-adminをSSLでロック管理画面をセキュアに。https://abc.com/wp-admin/にする方法です。企業サイトなどは特に導入の検討をすると良さそう。1行加えるだけなので手軽に導入できます。 wp-adminをSSLでロック メディアにある画像のサムネイルを表示する[sexy-lightbox href=’http://kachibito.net/wp-cont
Twitterの公式RT、非公式RT、QTの違いを分かりやすく図で描いてみた - 聴く耳を持たない(片方しか)
＜追記 2012/03/06 ここから＞ 追記（2012/03/06） 2012年3月にTwitterの仕様が変更されました。 下記では「TweenのQT」と、「非公式RT」「QT」とはタイムラインでの見え方が違う……と書いてありますが、2012年3月現在ではどちらも同じようにタイムラインでは表示されています。 ＜追記ここまで＞ 先日、Twitterで公式にRetweet機能が一部のユーザー向けに公開されました。現在は言語を英語にしないと利用できませんが、今後はいずれ全ユーザーが利用できるでしょう。一方でこれまでのRetweetをQTと言い換える専用ソフト（クライアント）も出ています。 こうした動きの中で機能が複雑になり、それぞれの違いが分からない・分かりにくいといった意見をよく見かけます。……ですので、ちょっと整理も兼ねてそれぞれの機能の特徴をまとめてみました。 はじめに 以降、区別のた
iPhone AC（iPhone / iPad 解説サイト）
●（2014）定番ゲームアプリ 紹介/攻略 ※一部、非公開となったものを含みます。ご了承下さい。 おすすめゲームアプリ：ショートゲーム おすすめゲームアプリ：ショートゲーム２ おすすめゲームアプリ：パズルゲーム おすすめゲームアプリ：パズルゲーム ２ おすすめアプリ：トランプ / 麻雀 / 将棋 おすすめアプリ：ボード / ドイツゲーム おすすめアプリ：アドベンチャーゲーム おすすめゲームアプリ：RPG おすすめゲームアプリ：アクション / 格闘 おすすめゲームアプリ：シューティング おすすめゲームアプリ：FPS おすすめゲームアプリ：戦略/戦術 SLG おすすめゲームアプリ：開発/経営 SLG おすすめゲームアプリ：RTS おすすめゲーム：タワーディフェンス ●（2011）定番ゲームアプリ 紹介/攻略 ※現在は非公開となったアプリも含まれます。ご了承下さい。 iPhone / iPod
HTML5 and The Future of the Web — Smashing Magazine
Some have embraced it, some have discarded it as too far in the future, and some have abandoned a misused friend in favor of an old flame in preparation. Whatever side of the debate you’re on, you’ve most likely heard all the blogging chatter surrounding the “new hotness” that is HTML5. It’s everywhere, it’s coming, and you want to know everything you can before it’s old news. Things like jQuery p
[WP]WordPress Sidebar Widgets 仕様メモ
WordPressのサイドバーウィジェットについての覚書。2.5をベースに書いた記事です。 テーマへの適用方法、オリジナルウィジェットの作り方、オプション設定追加方法などをまとめた。 参考：Widgets API テーマにサイドバーウィジェットの機能を有効にするには、以下2つの手順が必要。 sidebar.phpに以下のPHPソースを入れる。 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> この間にサイドバーウィジェットが入る <?php endif; ?> 冒頭のifはこっちでもいい。 <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?> ifの条件が違うだけで内容は同じ。 サイ
![[WP]WordPress Sidebar Widgets 仕様メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
WordPress テーマを作成する（１） | Sun Limited Mt.
WordPress用のテーマを作ってみようと思います。始めて作成するのですが、作成過程を投稿していきます。まずは第1回目です。 テーマフォルダを作成する wp-content/themes/ 以下にテーマ用のディレクトリを作成します。 今回は test というディレクトリを作成しました。 CSS ファイルを作成する 作成したテーマディレクトリに style.css を作成します。 style.css には必要最低限の項目を書いておきます。 /* Theme Name: Test Template Theme URI: http://www.syuhari.jp/ Description: テーマ作成テスト用です。<a href='http://www.syuhari.jp/'>リンクも出来ます</a> Author: Boze Author URI: http://www.syuhari.
Effective Twitter Backgrounds: Examples and Current Practices — Smashing Magazine
Smashing Magazine has been on Twitter for about a year now (@smashingmag), and it turned out to be a great medium to communicate with our audience, build connections, discuss design-related topics and give away some nice prizes. However, even a year later, we still don’t have a Twitter background page and now is a good time to change that. So because we decided to create our own Twitter page, we w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/08/wp-jquery.html
https://quarter4.info/create/22-wordpress-customize-hack.html
WordPress Cheat Sheet - Nettuts+
http://www.cpa-lab.com/tech/0143