いやー、ちょっとハマっちゃったので備忘録的に書き残しておこうと思います。 久々に管理画面を触っていたら、メディアアップローダーがちゃんと動かない! という状況に陥りまして、その原因がjQueryの読み込みに関係してたんですよねー。。 Photo:Designing a new feature, with jQuery! By Peter Hellberg WordPressを使う上のに切っても切れないのがjQuery。 各種プラグインがさまざまなjavascriptのフレームワークを使うため、そもそもWordPressに包括されるかたちで、jQueryは導入されることになります。 そのため、特にjQueryの公式サイトからダウンロードしてくる必要もありません。 ただ、ちょっと気になるのがそのロード時間。 内蔵されたjQueryを呼び出すこと自体が、ロード時間の増加につながっている可能性もあ

Skitter Slideshowとは？ 「Skitter Slideshow」は、スライドショウを実装するjQueryプラグイン「Skitter」の、wordpressプラグイン版です。Skitterの豊富な機能・多彩なエフェクトはそのままに、wordpressの管理画面上から画像やリンクの設定ができるため、HTMLの知識のない方でもスライドショウを管理できるという大きなメリットがあります。 wordpressプラグインディレクトリのSkitter Slideshowのページはこちら Skitter本家サイトはこちら 導入方法 wordpressの管理画面から、「プラグイン」→「新規追加」で、『Skitter Slideshow』で検索すれば出てきます。「いますぐインストール」をクリックしてインストール、有効化します。 テンプレートファイルのスライドショウを表示させたい箇所に、以下のコー

WordPressのhtmlエディターをハイライト表示するプラグイン「HTML Editor Syntax Highlighter」 Wordpressの標準のhtmlエディターはタグでも文字でも全て同じ色になってしまい、タグベースで記事を書くには不便ですね。 そこで、htmlタグをハイライト表示してくれるプラグイン「HTML Editor Syntax Highlighter」をご紹介いたします。 投稿日2012年04月24日 更新日2012年04月24日

概要 リンクにはてブ数を表示します。 このサイトの「最近の投稿」などでも使用しています。最初はWordPressのコードを書き換えていたのですが、こちらの方が簡単です。 ダウンロード jQuery.gpHatebuCounter-1.0.zip [57KB] 基本的な使い方 リンクに対して.gpHatebuCounter()を実行するだけです。 $(elem).gpHatebuCounter(); またWordPressの「最近の投稿」(.widget_recent_entries）に特化したjQuery.gpHatebuCounter for WordPressも用意しました。一緒にスクリプトを読み込んでおくだけで、スクリプトを書かなくても自動で「最近の投稿」に適用します。 <script src="jquery-0.0.0.min.js"></script> <script src="

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。 今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。 とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対

WordPressのサイドバーリストをjQueryでツリー化する「wp_tree_maker」プラグインを紹介します。 プラグイン適用前 プラグイン適用後 このプラグインは、以前公開した「サイドメニューのツリー化プラグイン for WordPress」をjQueryで新たに作り直したものです。これにより、ツリー化の設定が格段に簡単になりました。 １．機能 本プラグインの主な機能は次の通りです。 階層構造のリストをツリー化します サブカテゴリーの多段階層にも対応しています ツリー化の設定は管理画面から行えます ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.05.24 v2.0 jQuery版 2011.05.26 v2.1 保存後に入力項目が表示されない不具合を修正 2011.12.03 v2.2 第1階層にもツリーを

昨日に続いて今日もjQuery Mobileの 話題。jQuery Mobileを使ったフリーの WordPressテーマです。このテーマを 使えば、ユーザーエージェントで切り替 えるだけでスマフォ対応できますね。 既にjQuery Mobileを使ったWordPressテーマは存在しますが、択一だったので選択肢を増やそうと思い、ご紹介・・・する前に、jQuery Mobileと、WordPress周りの事を過去に記事にしてるので宜しければ合わせて御覧ください。 jQuery Mobileを使ったWordPressテーマ→Mobile theme iPhoneやiPadに自動対応させるWPプラグイン・WPtap jQuery Mobileを使ってiPhone用のWordPressテーマを作るTips jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル UAで

jQueryに僕が弱いのではまったのですが、もしかすると同じような情報を探している人もいるかもしれないので、メモ。 Contact Form 7はWordPressで簡単にフォームを作ることができるプラグイン。AjaxZip2は郵便番号を入力すると、ボタンなどをクリックせずに住所をテキストボックスなどに出力させることができるJavaScriptライブラリ。この2つをWordPress上で組み合わせる方法。 まず、WordPressでjQuery（またはPrototype）を使うにはちょっとしたコツがいります。理由は次のエントリーを参照してください。 WordPressではじめてのjQueryが動かないという人へ スライドショー レビューも兼ねて WordPressでjQueryが動かない件 | Bliss そこで、jQueryはこんな感じで読み込みます。header.phpあたりのhead

2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！ お助けコードを使う前に 今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。 有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文

Webサイトを制作する際、パーツ類に使う色を決める必要があります。色の選択は、ユーザーの印象を大きく左右するため、慎重に行うことが重要です。特におすすめなのが、「ベースカラー」「アクセントカラー」「サブカラー」という3つ […]

世界中で使われている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

TOP  >  plugin , WordPress  >  上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」 国内外問わず非常に多く使われているオープンソースのCMS、Wordpressですが、その魅力の一つに非常に多くの拡張機能が簡単にプラグインを導入するだけで実現できてしまう所があります。今日紹介するのは上から迫り出てくるようなスライドパネルを簡単に実装でいる「Sliding Panel」を紹介したいと思います。 上記のように画面上部に出たボタンを押すとスライド式で迫り出てきます。 詳しくは以下 実装は簡単でプラグインをダウンロード後、フォルダごと「/wp-content/plugins 」へ移動。その後プラグインの設定でプラグインを有効にすれば設定完了です。あとはheader.phpファイルの<body>タグの後に下記のコードを貼付ければO

HTTP Error 404.0 - Not Found The resource you are looking for has been removed, had its name changed, or is temporarily unavailable. Most likely causes: The directory or file specified does not exist on the Web server. The URL contains a typographical error. A custom filter or module, such as URLScan, restricts access to the file. Things you can try: Create the content on the Web server. Review th