当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p>
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Free Royalty Free Stock Photography: Unlike other sites with free images, these are also royalty free. Welcome to our free, royalty free stock photography collection of over 1000 images and growing! You'll find stock photos covering a range of categories such as textures, animals, technology, water, fire, jobs and careers, buildings and more. These stock photos are 100% free and are also royalty f
物忘れの激しい管理人が何度も同じことを調べ直さなくてもいいように、PHPリファレンスとしてまとめました。 地道に更新する予定なので、使えそうだったら使ってみてください。 当サイトは、PHP5で試した結果を掲載しています。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
WordPress 3.0 よりWordPress MU が統合され、マルチサイト機能が簡単に利用できるようになった。このマルチサイトを利用すれば、一度のインストールで、サブドメインまたはサブディレクトリで、複数のWordPressを運用できるようになる。 今回はさらに一歩進めて、WordPress のマルチサイトでドメインマッピングを利用して複数の独自ドメインを運用する方法を見ていきたいと思う。今回は、Coreserverでの設定方法になるが、途中まではほとんど共通の設定になると思う。ドメインマッピングについては、ホスティングサービスによってやり方が異なったり、できない場合もあると思うのであくまでも参考にしてもらいたい。 WordPress のインストール・マルチサイトの設定をする まず、WordPress を通常通りインストールしよう。 WordPress でマルチサイトを利用するには
css3で新たに加えられたドロップ シャドウを使って一歩進んだシャド ウを作るTipsです。画像でよく使わ れている、めくれた際に出来る様な シャドウをcssのみで実装。 以下のようなシャドウをcssのみで実装します。 CSS3 でめくれた感じのドロップシャドウを 下部の両端にドロップシャドウがあると思います。良く見る手法ですね。これを画像を使わず、css3のみで実装します。 cssとHTMLのソースは以下。 htmlは以下 <div id="shadows"> <article> <h3>CSS3 でめくれた感じのドロップシャドウを</h3> <p>下部の両端にドロップシャドウがあると思います。良く見る手法ですね。これを画像を使わず、css3のみで実装します。</p> </article> </div> css div#shadows { width: 559px; margin: 20
Looking for the best theme to give your website the perfect look that matches your brand and vision? With over 11,000 WordPress themes available, it’s quite difficult for beginners to find the best WordPress theme for their needs. Often, we’re asked by users if there is a single WordPress theme that fits all use cases. The answer is YES. You can use a popular multipurpose WordPress theme on just a
中小企業、店舗系のWeb制作が 個人的に最も多いので、そういった クライアントさんに頼まれやすい機能 を加えるWPプラグインのメモです。 大規模なWebサイトではまた別の需 要が出てくると思います。 羅列した全てのプラグインを入れる訳ではなく、「よく頼まれる機能」を補うプラグインをあげています。順不同。 WP-Add-quicktag 今更便利さに気がついた、という感じですが、最近よく使っています。基本的にはマークアップを補うプラグインなんですが、定型文の挿入に凄く便利なのでお勧め。こちらで設定してあげればクライアントさんはワンクリックで挿入できます。複数登録も可能なので重宝しますね。 addquicktag Ktai Style 携帯サイト作って欲しい!予算無いけど!みたいな要望があったとき、というか中小規模サイトの案件では多いのでKtai Styleは必須プラグインです。予算無いなら断
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個!』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います!その数も増えて何と30個から45個へグレードアップ!記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです! それでは、少し長いので「続きから」どうぞ~! WordPress
【JavaScript】 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したKeyを入力"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("RSSフィードのURLを入力"); <!--表示したいエントリー数--> feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i <
Twitterにリンクをつける 前回は.getJSON()メソッドを使い、Twitter上での発言をサイトに表示できるようにしてみました。しかし、時にはTwitterの発言文中にはURLやhashタグや@ユーザー名などが含まれていることがありますが、前回のままではそのままテキストとして表示されるだけになってしまいます。 以前、フォームの内容を紹介した時に正規表現の紹介をしましたが、今回はその正規表現を利用して、Twitterの発言文中に含まれるURL・hashタグ・@ユーザー名をリンクをつけるサンプルをご紹介します。 URLにリンクをつける まずは文中に含まれるURLにリンクをつけてみましょう。文中からURL部分だけを見つけるために、正規表現を利用します。 URL用の正規表現 /(http:\/\/[\x21-\x7e]+)/gi 「[\x21-\x7e]」の部分は16進数で表現したASC
2009年10月30日(追記):プラグインを見直し、こちらで公開しています。 2008年8月9日(追記):この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記(2007年7月11日)1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
PHPというのは非常に便利なスクリプト言語で、perlなんかと比べても非常にコーディングか楽チンです。 例えば、sendmailを利用してサーバーからメールを送信する、なんて処理も、perlだったら大体以下のような処理するコードを順番に書いてやる必要があります。 メールヘッダを文字列として定義する メール本文を文字列して定義する メールヘッダとメール本文の文字コードをJISに変換する sendmailのパイプを開く sendmailに文字コード変換したメールヘッダとメール本文を渡す でも、PHPならこれらの処理をmb_send_mailという関数ひとつでやっちゃえるわけです。 (勿論、perlでも何らかのライブラリなりモジュールを使えば関数一つでやっちゃえますが) 具体的には、以下のような感じですね。 // 件名 $subject = '主人じゃ…満足できなくて!!'; // 本文 $ma
MT4サイドバーのサムネイルリストはデフォルトでは直接画像へリンクが張られています。それはそれでいいのですが、ブログの内容や方針によっては、画像ではなく、画像のあるエントリー記事へリンクを張りたいと思うことはありませんか。 これが実は出来るんです。MT4には「自動でサムネイルを作って、そのサムネイルから自動で記事へリンクを張る」機能があるんです。これには<MTEntryAssets>タグを使います。MTタグだけで実現できてしまうので、すごい便利です。 ■カスタマイズの前に…画像と記事の関連性について まずはおさらい。特定のブログ記事(エントリー)にどの画像が属しているのか知るためには、画像とブログ記事(エントリー)が何らかの形で紐付けられていなければならないのですが、MT4の場合はユーザーが自分で何かしなくても画像挿入時に実はもう既にちゃんと関連付けがされているのです。MT4になってから、
テンプレートとなるHTMLの構造 <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>{title}</title> <link type="text/css" href="output/skin.css" rel="stylesheet" /> <script type="text/javascript" src="output/add_event.js"></script> </h
jQuery用のプラグインjQuery.lightpop.jsのサンプルです。 使用方法・ダウンロードはこちらからどうぞ。 画像 サンプル <a href="media/pict01.jpg" rel="lightbox" title="画像1"> <img src="media/pict01.thumbnail.jpg" alt="画像1"> </a> <a href="media/pict02.jpg?width=320&height=240" rel="lightbox" title="画像2"> <img src="media/pict02.thumbnail.jpg" alt="画像2"> </a> 画像3テキストリンク <a href="media/pict03.jpg" rel="lightbox" title="画像3">画像3テキストリンク</a> 画像4テキストリンク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く