Are you looking for the best WordPress Block Themes for your next...Read More
思いのほか見やすくなったので 備忘録も兼ねてシェアします。 WordPressの管理画面のデザイン をFacebookライクにしてくれる プラグインです。これは結構 いいかもしれない。 失礼な話ですけどテストするまでさほど期待していませんでした。実際に試したら結構見やすかったので管理画面のデザインの参考にもなりましたよ。プラグイン自体はFacebookを意識したとは書いていないんですけどかなり似ています。 プラグインを使用した際のWordPressの管理画面です。実際に見たほうがピンと来るかもですけど、かなり見やすい気がしました。このまま納品物に使う事はありませんけど、テキストや余白具合がいい感じなので上手く利用すれば結構工数減らせそうです。 ↑ 比較です。ウィンドウサイズとキャプチャしたページは統一してあります。 ↑ デフォルトの管理画面はサイドメニューとメインエリア、アイコンのカラース
timing: a jQuery plugin JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 setTimeoutやsetIntervalはタイマー関連の関数ですが、沢山使うとどこで何やってるかわかりにくくなって管理がめんどくさいですね。 timingプラグインを使えば、次のように書けば 0.3秒ごとにクラスをつけたり消したりということが可能。これにより文字を点滅させたりする処理が簡単にかけます $('.example1').repeat(300).toggleClass('blink'); repeat は setIntervalにあたり、何度も実行させるメソッドでありますが、setTimeoutの対応としてwaitメソッドがあります。 次のように書けば、0.5秒後にクラスを追加し、その0.2秒後にクラスを削除というような処理が可能です。これをsetTim
HOME>WEBプログラム覚書>[WordPress]XML-RPCを利用して外部から投稿したりする。 [WordPress]XML-RPCを利用して外部から投稿したりする。 小粋空間: PHPでXML-RPCを利用する方法でMovable Typeで、XML-RPCを利用する方法がエントリーされてたのでWordPressについて書いておきます。もちろん適当に。 XML-RPCって? XMLをPOSTしてXMLを取得するための規格です。POSTの誤用の最たる例として「Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)」でさらされてますw そんなわけで現在では下火な感がありなかなかお目にかかれませんが、FotoliaのAPIはXML-RPCとなっています。 WordPressで何ができる? WordPressでは、XML-RPCを利用する
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
10 Best WordPress Plugins for Video Gallery | SkyTechGeek 動画ギャラリー用WordPressプラグイン10個が紹介されていました。 動画サイトもWordPressで手軽に作れちゃうようになりますね TubePress - デモ色々 YoutubeやVimeoをベースとしたビデオアルバム等を実装できる超多機能プラグイン。 動画の検索機能も埋め込めるため、WordPressで動画検索サイトっぽいものが作れます。その他多機能! Smart Youtube Pro - スクリーンショット エントリに動画やプレイリストを埋め込む際に便利なプラグイン Simple Flash Video flv, mp4 などの動画をアップロードして再生できる 関連エントリ Youtube動画をページ背景にするjQueryプラグイン「tubular」 フリーの
※WordPress3.3.2を使用しています。 2012.06.01 「投稿記事だけ検索したい」に抜けている部分があったので修正しました。 検索フォームの設置 一つのテキストフォームだけで検索する場合は以下のコードを表示させたい位置に配置するだけですね。 wp template <div id="search-box"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> あとは「search.php」を作成して適当にループさせれば検索結果が表示されます。 投稿記事だけ検索したい 標準のサイト内検索は固定ページも検索範囲に含まれて
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。 Twitter Bootstrap × jQuery Mobileです。既出ですけど良かったので。 JQMのデザイン変更用リソースです。ThemeRollerでもいいんですけどどうも微妙というか、肌に合わないのです。最初から作った方が早い気がしましたが、こうして変更されたものがあるならこれを元に変えると効率的になりそうです。同じ手法でbootswatchで配布されてるBootstrapテーマを起用しても良さそうですね。 Sample サンプルのQRコードです。↓ 何故かフォームのデザイン変更できなかったけど・・・まぁ自分で作ればいいかなw ご利用は以下よりどうぞ。 jQuery-M
表示サイズに合わせて最適なサイズで表示する、幅が固定ではないレイアウト用の超シンプルなスライダーを実装するjQueryのプラグインを紹介します。 「Blueberry」という名前は、開発時に使った画像がブルーベリーだったからだそうです。 デモページ:幅480pxで表示 [ad#ad-2] Blueberryの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプト、あと当スタイルシートを外部ファイルとして記述します。 ※スタイルシートはスライダーのベースとなるスタイルが記述されています。 <link rel="stylesheet" href="css/blueberry.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></scrip
Googleのフォームの背景色を変えて、ブログやサイトになじませる方法です。他にも、フォントのcolorなどを変更できます。 方法は簡単で、iframeのsrc要素の最後にパラメータを付けて実現できます。 もともと: https://docs.google.com/spreadsheet/embeddedform?formkey=<ID> カスタマイズ後: https://docs.google.com/spreadsheet/embeddedform?formkey=<ID>&bc=f1f1f1&tc=666666&lc=0A8DC7&f=serif ここでは、 背景を#f1f1f1 テキストの色を#666 リンクの色を#0A8DC7 フォントをserif にしています。 pli=0 – なんのパラメータだか分かりません>< ttl=1 – “0”を指定するとタイトルが出なくなる。 bc
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通:要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
WordPressをCMSとして運用していると、固定ページ(または投稿)内で本文の一部分のみを指定した日時で削除(表示)したい事があります。 例えば 1/1から数日間は「明けましておめでとうございます」 を表示しておきたい。 固定ページ内に貼ったバナー(画像やテキスト)は期間限定だらから期日がきたら削除したい などなど。 普通はそのタイミングで投稿の内容を変更しますが、うっかり忘れたりしないように本文内で日時指定したいものです。 そこで今回は指定日時によって内容を表示するショートコードを作成します。 PHPでやる方法 日時を指定して投稿を表示・非表示にする場合、PHPのdate関数を使えば簡単です。 <?php if ( date(YmdH) >= "2012052812" ) { //2012年5月28日12時以降 echo "指定日時に表示したい内容"; } ?> たったこれだけです。
「Touchfolio」という名前の通り、iPhoneなどのタッチデバイスに最適化された、写真や作品を紹介するためのポートフォリオ用のWordPressのテーマファイルを紹介します。 もちろん、デスクトップでも動作します。 Touchfolio [ad#ad-2] Touchfolioのデモ Touchfolioの特徴 Touchfolioのインストールと使い方 Touchfolioのデモ デモはiPhone, iPadなどのタッチデバイスでも、デスクトップでも、どちらでも閲覧可能です。 まずは、デスクトップ時のキャプチャから紹介します。 デモページ:デスクトップ幅1200pxで表示 デモでは第二階層が5つあり、通常通り左のナビゲーションから階層を移動することができますが、右のメインコンテンツから移動することもできます。 分かりにくいかもですが、右端のアローが下向きになります。
パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワーアップしたjQueryのプラグインを紹介します。
WordPress 固定ページの投稿ステータスについて、調べてみました。 wp-includes/post.php を調べてみると、 publish:公開 future:予約投稿 draft:下書き pending:レビュー待ち private:非公開 trash:ゴミ箱 があるようです。この他、内部データとして、auto-draft:自動保存、inherit:投稿リビジョン、がありました。(register_post_status を使うと、独自のステータスが作成できるようです。) 公式フォーラムで質問のあった、固定ページの親階層候補に、公開以外のステータスも追加する場合のコードです。 wp-admin/includes/meta-boxes.php を読むと、page_attributes_dropdown_pages_args というフィルターが用意されています。なので、このフィルタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く