自作しようと思っていましたが、既に作って公開してくれている人がいました。ファイルは下記からダウンロードできます。サンプルが色々入っていますので、要点を抑えて説明させて頂きます。 DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us DEfusion.org.uk » Demo » Prototype JavaScript Image Cropper UI jsCropperUI の特徴 範囲を指定することができる 指定した範囲外を再度指定することができる 一度指定した範囲を後から変更することができる Shift キーを押しながら指定で縦横1:1で範囲指定可能 縦横を固定した範囲指定も可能 tests フォルダに色々とサンプルが入っています。基本的には example-Basic.ht

Array ( [_edit_last] => Array ( [0] => 1 ) [_edit_lock] => Array ( [0] => 1334031706:1 ) [test] => Array ( [0] => これはテストフィールドです。 ) [test2] => Array ( [0] => これはテストフィールド2です。 [1] => これはテストフィールド2ですの2。 ) ) ちなみにこれは豆知識ですが、カスタムフィールドのキーは _edit_last や _edit_lock のようにアンダーラインを先頭に付けることで、WordPress の管理画面から見えなくすることができます。バックグラウンドで値を保存したい場合は活用しましょう。 蛇足 ちなみに get_post_custom() は以下のようになっていて、結果的には get_post_meta() を呼んで

シンプルなサイトに馴染むアイコンを見つけました。これは今度いろいろなサイトで使っていくことができそうなので個人的にメモ。 Icojoy – stock icons shop, article 'Onebit free icon set' Icojoy – stock icons shop, article 'Onebit free icon set #2' Icojoy – stock icons shop, article 'Onebit free icon set #3'

WordPress 上手に使ってますか。Web サイトの簡単更新をできるサイトを構築したい方は WordPress のウィジェットをうまく活用すると良いです。今回はサイドバーのバナーを簡単に管理できるようなテーマのカスタマイズ方法を紹介します。 ウィジェットで広告を簡単管理 ウィジェットを使えばこのように広告を簡単に管理できます。こういう風に広告を管理する方法を紹介します。 カスタマイズ方法 functions.php 以下のコードでウィジェットを作成します。 register_sidebar( array( 'name' => 'サイドバー広告', 'id' => 'sideads', 'description' => 'サイドバーの広告を管理できます。', 'before_widget' => '<div id="%1$s" class="ads %2$s">', 'after_wid

Windows で hosts ファイルを管理するには Hosts File Manager が便利です。ただし Windows7 で動かすには「管理者として実行する」必要があります。 Hosts File Manager 管理者として実行する項目がない場合の対処方法 インストール直後、右クリックからの「管理者として実行する」項目がありませんでしたので、以下のようにして管理者として実行できるように設定をします。 「管理者としてこのプログラムを実行する」というチェックボックスがありますので、こちらにチェックを入れておけば実行時、自動的に管理者として実行されます。 管理者として Hosts File Manager を実行しなくても、一見編集することはできますが、肝心の hosts ファイルなどに変更を反映させることができませんので気をつけてください。 また Hosts File Manage

Web サイトを作ったこと無いけど興味がある人に WordPress でブログを書こうよと宣伝するために書きました。Web 系じゃない人もこれを機会に Web サイトを立ち上げてみましょう。 今回構築したい環境 最終的には WordPress をインストールしてブログを書きたいので以下のようなサーバーを用意します。 独自ドメインを使いたい PHP が使える（WordPress のような動的なサイトを作れます） MySQL が使える （WordPress のデータが入ります） いつかたくさん Web サイトを作りたい できるだけ格安な方が良い それを考えると CORESERVER の CORE-MINI がおすすめです。今回は VALUE-DOMAIN でドメインを取得して、CORESERVER でサーバーを契約します。ちなみにこちらからまずはアカウントを作ると私にポイントが付加されますので

Google の+1ボタンが設置できるようになりましたね。プラスワンボタンについてご存知でない方はヘルプにある程度まとまっていますので読みましょう。 +1 ボタンに関するよくある質問 – ウェブマスター ツール ヘルプ +1 は、既知の信頼できるユーザーの関連コンテンツ（ウェブサイト、Google 検索結果、広告）を見つけてもらいやすくする機能です。ページに +1 ボタンを追加すると、ユーザーはそのコンテンツを友だちにすすめられるようになります。友だちと連絡先には、検索結果内で最も関連性が高いと判断された場合におすすめが表示されます。 Google の公式ページで簡単にコードが作れる 以下のページから簡単にコードを生成できます。 Google +1 をウェブサイトに公開 今すぐ簡単に設置する 忙しい人のために、要は公式サイトで生成するソースは大体みんな同じ。一般的な中サイズのパターンでコー

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 function postPopularList() { global $post; my_query_posts( Array( 'post_type' => 'post', 'orderby' => 'date', 'order' => 'DESC', 'showpost' => -1, 'posts_per_page' => -1, 'date_from' => date('Y-m-d', strtotim

今まで共用サーバーしか使ったことがありませんでしたが多くのサービスを作る上で専有サーバーを使ったりさくらのVPS を使ったりできるようになれば行けないと思ったので、丸1日かけて勉強しました。CUI でのサーバー管理は初めてなので、間違っているところがあったら教えてください。

Firefox で勝手にログアウトする問題が発生していました。Firefox のページ先読み順序の基準については以下のページが参考になりました。 FireFox先読み機能対策としてnextリンクを解除する : WordPressをインストールしてみた 単純に link rel=’next’ が指定している URL を先読みしているだけです。 WordPress のページなどでログアウトページを作っている場合は特定のページに以下のような感じで next にログアウトページが入ってしまいます。

なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,

WordPress 初心者にも分かるデフォルトテーマ twentyten の functions.php を解体して学ぶ基本設定編の続編です。この記事で解体は完了します。 一応この記事をあわせてデフォルトテーマは完全に把握できるので、是非とも前回の記事を読んだ人はこちらの記事も読んでみてください。 抜粋表示の文字数を変更する 以下のコードで抜粋表示の量を変更することができます。ただデフォルトテーマでは変更しても変化がありませんでした。以下の記事がヒントになるかもしれません。 WP Multibyte Patch で excerpt_length フィルターが未適用 – WordPress 日本語版作成チーム | Google グループ function twentyten_excerpt_length( $length ) { return 40; } add_filter( 'excer

WordPress の次世代デフォルトテーマを網羅するために解体しました。 ビジュアルエディタに StyleSheet を設定する ビジュアルエディター内に editor-style.css が適用されます。

WordPress での新着記事を表示する定石です。 単純に新着記事を一覧にするコード このまま貼りつければその場所に新着記事を表示できます。 <?php query_posts( Array( 'post_type' => 'post', 'orderby' => 'date', 'order' => 'DESC' ) ); if (have_posts()) : while (have_posts()) : the_post(); ?> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br> <?php endwhile; endif; wp_reset_query(); ?> query_posts() でクエリを発行してループを回す。終わったら wp_reset_query() で発行したクエリをリセット、

WordPress で主に Twitter の OAuth を使ったり、データベースに会員情報を持っておく方法を紹介します。すべて説明していると返って分かりにくくなりますので、ポイントを押さえて説明していきますので読んでみてください。今回メインで参考にさせて頂いた記事は以下です。 PHPでTwitter APIのOAuthを使う方法まとめ – 頭ん中 WordPress のデータベースにメンバーテーブルを作成 id を WordPress 側で使い、user_id は Twitter の user_id です。user_name は Twitter での screen_name です。access_token_key と access_token_secret を保存しておけばサイト側からツイートなどを行うこともできます。 CREATE TABLE IF NOT EXISTS `wp_me

Twitter で定期ツイートする Web サービスがあると思ったら意外になくて驚きましたので PHP で簡単に作ってみました。設置方法を紹介します。ちなみにこのスクリプトは即興で作ったサンプルですので、みなさん個人個人で組んでみましょう。 今回の記事で作ったサンプルはダウンロードして勉強用にお使いください。 regularTweets ダウンロード Twitter に定期ツイートするスクリプトの仕様 共用サーバーなどの cron の実行間隔に制限のあるサーバーを想定 cron でスクリプト起動した時間から10分過去までのものをツイート 一度ツイートしたものは再度ツイートされないようにタスク管理 全体の構成 index.php tweets.yaml logs.yaml PEAR spyc index.php 実際に定期ツイートをするスクリプトを書きます。 1 2 3 4 5 6 7 8

CakePHP で OAuth 認証をしてログインなどをしたり、会員データをデータベースに持っておく仕組みを作る際のサンプルを紹介します。CakePHP 1.3 での動作確認をしています。今後出てくる CakePHP 2.x 系では動作確認しておりませんのでご了承ください。 cakephp用OAuth認証ライブラリをつかってみた – メガネ女子(21)のメモブログ TwitterのOauthを使ってCakePHPのAuthコンポーネントにログインさせる – kur.jp CakePHPでTwitterマッシュアップを作る#4 – BUENA VISTA SOCIAL BLOG OAuth 認証ライブラリを組み込み 以下のページより OAuth のライブラリを読み込みます。 OAuth consumers for CakePHP – by cakebaker このファイルを vender/

WordPress のテーマで画像を使う場合は、WordPress のテーマファイル内に画像を詰め込み、実際に読み込む際はテーマファイルでは以下のように WordPress のタグを使って読み込むと思います。

SSL のサイト制作におけるまとめとなります。 https のページで http からファイルなどを読み込んではいけない SSL で保護されているページなのに SSL で保護されていないページからファイルを読み込んではいけません。各ファイルに対して http でも https でもアクセスできるようなサーバーの場合はすべてのパスを以下のように絶対パスや相対パスで記述すれば問題ありません。 /css/common.css ../css/common.css 存在しないファイルを読み込もうとしてはいけない 存在しないファイルを読み込んでもエラーが出ます。例えば js フォルダなんてないのに js/jQuery.js みたいな感じで読み込もうとするとエラーが発生します。ファイルのパスにも気をつけましょう。 Cookie に secure 属性を使う 以前記事にしました。せっかく SSL を使うな

wp_insert_post() で WordPress に記事を投稿できます。上手い具合にフォームなどと連携させて叩けばコンテンツを不特定多数の人たちで作っていくサイトを作ることができます。 関数リファレンス/wp insert post – WordPress Codex 日本語版 例えば歌詞をみんなで投稿するサイトを作ったり、今日の日記をみんなで書くサイトを作ったりすることができます。 記事投稿を最も簡単に行うサンプル なかなかサンプルがないので、シンプルなサンプルを作っておきました。 $postarr = Array( 'post_status' => 'publish', 'post_category' => '1', 'post_title' => '記事タイトル', 'post_content' => '記事の内容' ); wp_insert_post($postarr);