WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ
少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご覧になってみては如何でしょう。 というわけでちょっと個人的なメモです。WPスニペットを保管してるサイトのまとめ。お手軽なWordPress Tipsっていうカテゴリで記事をよく書いてるんですけどそのネタ元なので英語OKな方はこちらから探してみては如何でしょうか。 この手のサイトのコードは古い可能性もよくあるのでCODEXで非推奨のコードでは無いかどうか合わせて確認しておくとより良いかもしれません。 WP-Snippets 数は多くないけど需要のあるTips多め。最近リニューアルしてちゃんとカテゴリ分けしてくれました。単純な単語をタイトルにしてくれているので英語が苦
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
お手軽WordPress Tips：1行のコードで追加できる便利な新機能「投稿フォーマット」を使ってみよう - かちびと.net
WordPress3.2のリリースも間近に控え、 より楽しみが増える今日この頃ですが、 3.1から増えた新機能の投稿フォーマット がさほど普及していない印象が否めない ので微力ながら貢献してみようかなと 思います。 カスタム投稿タイプやカスタムタクソノミーなど、便利な新規能が山盛りなWordPressなんですが、Webデザイナーさんにとって嬉しい新機能といえば「投稿フォーマット」ではないかなと勝手に思い込んでいます。 1行のコードだけで済むので導入も楽ですし、デザインに貢献出来る機能でもありますので、「知らなかったよ！」という方はぜひ使ってみてください。 以下、参考になるページです。 投稿フォーマット – WordPress Codex WordPress3.1の新機能投稿フォーマットを試してみた。 | Simple Colors Simple Colorsさん(@jim0912)が分かり
WordPress凄いな・・と改めて思ったプラグインやテーマ
onextrapixelの記事を見て、改めて WordPress凄いな・・と思ったので ご紹介したいと思います。ここまで WPで出来るんだと感心してしまい ました。そんなプラグインやテーマです。 記事には多くのWPユーザーが既知である、WordPressをSNSにしてしまうBuddyPressや、以前ご紹介したギャラリーを作れるテーマ、Twitterっぽくしてしまうえる P2 Themeやprologueなどの情報もありますが、それは割愛して、この記事で始めて知ったものを数点。 Job Board ジョブボード化するテーマです。有料。投稿者はお金を払うと自分の載せる事が出来ます。フリーランス、パートなどのアイコンをつける事も可能でPaypalと連動しているようです。 Job Board Digg-like Voting Site Diggのような投票を行なえるように出来るプラグインです。無
TwitterやGoogleニュース、動画などを横断検索→綺麗なレイアウトで閲覧出来る無料のiPadアプリ・Hitpadを試したよ
TwitterやGoogleニュース、動画などを横断 検索して綺麗なレイアウトで見やすく表示 してくれる無料のiPadアプリ。こういうのも キュレーションの一種なんでしょうかね。 うまい題名が浮かばなかったのでイメージ したものと違ったら申し訳ないんですが。 たまたま見つけたアプリだったんですが、無料ですし思いのほか良かったのでシェア。iPadと凄く相性いい気がします。動作もなかなか軽く、全く閲覧中のストレスはありませんでした。 画像、動画、ニュース、Web、Twitterなどを横断検索し、見やすくまとめる無料iPadアプリ。 以下に使った感想を。キャプチャが全てランドスケープモード（横向き）ですが、ポートレートモード(縦向き)でも使えます。 横断検索する キーワードで検索すると、Googleニュース、Twitter、動画（Googleビデオかな？）、Web（Bing）、Google画像で
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
あなたのファンページのコンテンツを、より充実させるFacebookアプリいくつか
徐々に数も増えてきてる印象の Facebookファンページですが、 便利なアプリも多数存在するの で使わないと勿体無いですよ、 という訳でファンページに良さそう なアプリをいくつかご紹介します。 FBMLが難しくて使えない・・！という方はアプリに頼るのもひとつの手です。多数存在するアプリから実用性のありそうなファンページ向けアプリを数点ご紹介します。 はじめに・追加方法はじめに、ファンページへの追加方法についてですが、簡単なんですが、若干分かりにくいので場所だけご説明します。 アプリのページに行って左サイドバーのプロフィール画像下部に「ファンページに追加」と出ますのでクリックしてアプリを追加します。あとはアプリ認証して設定すればタブに追加されます。 Static FBML ファンページ作成ではマストのアプリですね。オリジナルコンテンツを追加できるアプリです。使い方はこちらをご参照ください。
iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。 キャプ
【Vol.2】最近になって国内でリリースされた9 1のTwitterツール - かちびと.net
前回の日本国内でリリースされた 14のTwitter系ツールに 続いて第二回、国産Twitterツールです。 最近リリースされた（と思われる） 国産Twitterサービスを9ツール ＋おまけ1ツールご紹介します。 「最近」というのは前回紹介した日（8月半ばくらい）から、という意味で使っています。 twitvideo 動画を共有できるサービスです。国内では初なんじゃないでしょうか？サイトも綺麗に作られてますね。OAuth認証ではないのが非常に残念。でも人気クライアントのhootsuiteもOAuth認証では無いけど利用者多いですし、サービスの内容次第では気になら無いのかな？今後に期待したいところです。 twitvideo twiz! 投稿を地図上に反映させる事が出来ます。「いまここで何してる？」につぶやく事で美味しいご飯の場所とか近所に住んでるとかを簡単に知らせられそう。 twiz! Twi
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
Twitter関連ツール・まとめ - かちびと.net
Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。ＭａｃとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので１５個追加して180個更に20個追加して200個に育った。 ※8月アップデート＞17個増えて217個 ※9月アップデート＞30個増えて247
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイトの閲覧にパスワード制限をかけられるシンプルなWordPressプラグイン・Password Protected