WordPressにおけるjQueryの仕様について | wembley
実は昨日から、新しく入れようとしているjQueryのプラグインがうまく動かずずっと悩んでしまって、下書きしていた記事を書き上げる時間がなくなってしまった。 今やっと問題を解決できたので、備忘録として。 jQueryをWordPressで読み込む まずは基本。 WordPressにはjQueryやPrototypeといったメジャーなJavaScriptのライブラリが標準搭載されており、それらを読み込む為の関数が用意されています。 WP関数wp_enqueue_script()を使うと、あらかじめ用意されたライブラリを自動的にヘッダに読み込みます。 5つも引数があるけど、必須なのは$handleのみで、後はオプションです。 具体的にはこのように記述。 $handleに読み込むスクリプト名を入れる。標準搭載のライブラリの場合、jQueryなら"jquery"、jQuery UIなら
bodyにカスタムなclassを追加する – わーどぷれすっ!!
Add custom parameters into the body_class() functionより、bodyのclassにカスタムなパラメータを追加するコードのご紹介。どういうことかっていうと、例えばbodyのclassが <body class="home blog logged-in"> となっているところが <body class="home blog logged-in anotherparam"> となります。 使い方は、以下のコードをfunctions.phpに張り付けるだけ。 function custom_body_class($classes){ if(is_singular()){ $myvar = "myparam"; } else { $myvar = "anotherparam"; } global $post; array_push($classes,
[041] Twenty Tenのレイアウトを変える | WordPress experiment – twentyten customize-
WordPress3.0 のデフォルトテーマ Twenty Ten のサイトレイアウト、具体的には全体とサイドバーの横幅を広げたいなと思い調べてみた。 まず、サイトの要素の大きさには以下の４つがある 要素の大きさ width 境界線 border 余白（境界線内） padding 余白（境界線外） margin 右図は下記サンプルCSS設定のレイアウトである div#sapmle{ width: 100px; border: solid 10px #999; margin: 40px 30px 20px 10px; padding: 30px 20px 10px 0px; } 今回はdiv#wrapper の横幅を 940pxから980px に、サイドバーの横幅を 220pxから270px に広げた（すでに変更済み）。ポイントはdiv#container の-240pxというmarginだ
カスタム投稿タイプ／カスタム分類関連のページの出力 - The blog of H.Fujimoto
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 WordPress 3.0のカスタム投稿タイプ／カスタム分類の機能で、各種のページのアドレスと、出力に使われるテンプレートについて解説します。 1.個々のカスタム投稿のページ 個々のカスタム投稿のページは、通常は以下のようなアドレスになります。 http://ブログのアドレス/カスタム投稿タイプの種類名/カスタム投稿のスラッグ/ 例えば、物件を登録するために、「realestate」というカスタム投稿タイプを登録するとします。 そして、「apartment1」というスラッグのカスタム投稿を投稿したとします。 このカスタム投稿のページのアドレスは、以下のようになります。 http
特定カテゴリーをサイドバーで表示する方法 | Masamichiのブログ
自分自身のブログ構築＆運用テストサイトです。ホームページを作成するにあたっては、いくつかの段階があると思う。 既成のブログに投稿するレベル HTMLがいじれるレベル スタイルシートの設定ができるレベル PHPが組めるレベル WordPressを使うことにより、ホームページの作成が相当楽になったが、それでも、細かいことをしようと思ったらやはり４のレベルまでなってないと難しい。 だが、あいにく私はまだ２～３のレベルであり、４も、今は実例を見ながら勉強中、といったところである。 WordPressを使っていて思ったのは、せっかくのウィジェットも、自動表示できるのは、カテゴリー、タグ、ページといった大元の組み分け自身だけであり、組み分けされた中の細かい部分、特定のカテゴリーだけタイトルを表示、といったことに対してはほとんど無力であり、もしそれを表示しようと思えば、自動表示をあきらめ、『テキスト』入
病的溺愛シンドローム
病的溺愛シンドローム 愛するWordPressのプラグインを病的に体当たりレポート。その他Tipsやコラムや実験など。サボテンとか日常も書き綴られているのはご愛嬌。 最近追加したいプラグインが思いつかなかったりするんだけども そんなことを言ってるとブログを更新できないので WordPressの上部に開閉するエリアを追加するプラグイン Sliding Panel をインストールして試してみた。 サイドバーと同じようにウィジェットに追加されて、 画面の右上に表示されている「Open」をクリックすると 隠れていたパネル（トップバー？）が開く。 という感じのもの。 そんなのテーマファイルでやればいいじゃん(´ー｀)┌ とかいう玄人の方はスルーしてくださいｗ Sliding Panel は特定のテーマを使っていれば有効化するだけで、 他のテーマの場合は一行追加するだけで使える便利プラグイン。 インス
上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」
TOP > plugin , WordPress > 上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」 国内外問わず非常に多く使われているオープンソースのCMS、Wordpressですが、その魅力の一つに非常に多くの拡張機能が簡単にプラグインを導入するだけで実現できてしまう所があります。今日紹介するのは上から迫り出てくるようなスライドパネルを簡単に実装でいる「Sliding Panel」を紹介したいと思います。 上記のように画面上部に出たボタンを押すとスライド式で迫り出てきます。 詳しくは以下 実装は簡単でプラグインをダウンロード後、フォルダごと「/wp-content/plugins 」へ移動。その後プラグインの設定でプラグインを有効にすれば設定完了です。あとはheader.phpファイルの<body>タグの後に下記のコードを貼付ければO
Sliding Panel: WordPress Plugin
Ever since I redesigned Theme Hybrid back in April, I’ve gotten numerous requests for the code so that others could do something similar. Typically, I’d point people to the Web Kreation article on integrating a sliding panel into WordPress. Unfortunately, this proved to be a tough task for the average end user. Not to say anything bad about the great tutorial, but there are some problems with inte
Implement A Nice Clean Jquery Sliding Panel In Wordpress 27 » Web-kreation
<?php wp_head(); ?> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/pngfix/supersleight-min.js"></script> <![endif]--> <!-- jQuery - the core --> <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Slidin
WordPress 3.0でテーマにナビゲーションメニューを追加する方法
WordPress3.0では、新機能としてナビゲーションメニューを追加する事ができます。 ただし、オリジナルのテーマにナビゲーションメニューを追加するには、 テーマ自体にソースを追加しないと、ナビゲーションメニューの機能を追加する事ができません。 今回は、自分のオリジナルテーマをWordPress3.0の新機能であるナビゲーションメニューに対応する方法を記載します。 テーマにナビゲーションメニュー機能を追加する設定 まず対応させたいテーマ内にあるfunction.phpに、下記のソースを追加します。 add_theme_support( 'nav-menus' ); ※WordPress3.0の最終FIXで上記の書き方から、下記の書き方に仕様が変わりました。 add_theme_support( 'menus' ); WordPress最新版ではmenusでないと動作しない可能性が高いので
サイト構成 - かちびと.net
【２００９・５・３１最終更新日】 ※情報は非常に古いです。参考になさいませんようご注意ください。 かちびと.netはWordPressというオープンソースのCMS（コンテンツ・マネジメント・システム） で作成しています。WordPressにはテーマスキンを簡単に変更出来る事も特徴のひとつで、 私もあるテーマをベースに、かちびと.netのような独自のテーマスキンを作成しました。 そのカスタマイズ法を一つも隠さず書いて置きます。 もくじ カテゴリごとに違うsingle.phpを呼び出すカスタマイズ法 WordPressのテーマSEOハック 使用しているプラグインの解説 WordPressに関する雑感 便利な便利なブログパーツ Twitterが好きなんです かちびと.netは完成しない カテゴリごとに違うsingle.phpを呼び出す 通常、WordPressは記事にsingle.phpが割り当
[wp]投稿された画像のサムネイルが表示される記事一覧ページを作る
以前書いた記事 [WP]画像サムネイルを投稿された記事へのリンク付きで表示 の応用編です。 ページテンプレートをちょっと弄って、画像のサムネイルがずらっと並ぶ一覧ページを作る方法について解説します。 表示するのは、記事に投稿された画像（のサムネイル）・記事タイトル・カテゴリー名、の３つとします。 記事に関連付けられていない画像（ライブラリから引っ張った画像）は表示されません。 ※上記のサンプル画像のwordpressでは、サムネイルの最小サイズを100x100pxの切り抜き設定にして、それを表示しています。 ※記事のギャラリーに投稿された画像のサムネイルを利用するもので、 2.9で実装された投稿サムネイル機能とは全く別物です。ご注意ください。 Step1.ページテンプレート作成 まず、ページ用テンプレートを作成します。 single.phpやpage.phpなどを複製して名前を変更後、先頭
![[wp]投稿された画像のサムネイルが表示される記事一覧ページを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/35f76b6cbe779610f317dc4c9ac1053eb55b443a/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2009%2F06%2Fcreate_imglinklist-300x281.jpg)
[WP]投稿サムネイルを記事へのリンクやタイトル付きで表示
以前書いた画像サムネイルを投稿された記事へのリンク付きで表示はギャラリーにある画像を表示するものなのだけど、 Wordpress2.9には投稿サムネイルっていう便利機能が備わっているんだよね。 そろそろ投稿サムネイル使う関数に書き直さねば…と思っていたらフォーラムにそんな感じの質問が投稿されていたのでｗ さらっと書いてみた。 関数はループ外の使用が有効なので、トップに更新情報を出すもよし、サイドバーに表示するもよしです。 HTML 仕様上リスト要素しか出力されないんで、タイトルとか適当につけてください。 <h3>新着記事</h3> <div id="newposts"> <?php postthumb_ancherlinks('category=16,15');?> </div> CSS デフォルトテーマに書いた超適当なソースだけど以下ポイント。 画像がない場合はnoimageというクラス
![[WP]投稿サムネイルを記事へのリンクやタイトル付きで表示](https://cdn-ak-scissors.b.st-hatena.com/image/square/04ad1c049f4e9ba39cc974d8f9b3d1bbcfd0bd7d/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F05%2Fpostthumb_ancherlinks.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Comment Form Hooks Visualized | WP Engineer
Account Suspended
Account Suspended
http://webourgeon.com/2010/10/20/change-a-layout-of-twenty-ten-2/
http://blog.openmedialabo.net/index.php/wordpress/wp-tmkm-amazon
http://www.angeblanc.net/2009/12/26/sliding-login-dash-panel/
https://y2web.net/blog/inet/wp/gallery-wp25-608/