タグ

ブックマーク / kachibito.net (28)

  • ブログ記事のTweet数やブクマ、いいね!の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした - かちびと.net

    今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね!他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日向けにしました。 日向けといっても、ソーシャルサイトを入れ替えて日語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいk 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl

    ブログ記事のTweet数やブクマ、いいね!の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした - かちびと.net
  • Facebookページをアピール出来るソーシャルプラグイン・Likebox(いいね!ボックス)をオリジナルデザインに変更する方法 - かちびと.net

    Facebookページをアピール出来るソーシャルプラグイン・Likebox(いいね!ボックス)をオリジナルデザインに変更する方法 - かちびと.net
  • 有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net

    ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート

    有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
  • WordPressのカスタム投稿(ポスト)タイプを作成するまでの手順リスト - かちびと.net

    捜し物をしている最中に、ちょっと気になったのでテスト的に記事にしてみます。WordPressに新たに追加されたカスタム投稿タイプですが、多少なりにカスタマイズ経験が無いとハードルも低くはない印象なので手っ取り早く作成出来る用にリスト化します。 便利なのにさほど深く浸透していない印象のカスタム投稿タイプ(カスタムポストタイプ)やカスタムタクソノミー(タグに親子関係を持たせる的な機能)とかいろいろと不可解なキーワードで混乱してる方も多いような気がします。 個人的には理解の前にとりあえず触ってみるのもひとつの手だと思いますので、まずは気軽に追加してみてからどういったものか調べればいいかなと。(賛否両論あるでしょうけど僕はとりあえず触って失敗して学びたい人なので カスタム投稿タイプってなんだろう カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加

    WordPressのカスタム投稿(ポスト)タイプを作成するまでの手順リスト - かちびと.net
    i196
    i196 2011/05/31
    分かったようで、まだピンと来てない。試すしかないかな
  • jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify - かちびと.net

    なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さそうです。 [note]因みに当サイトでもjQuery Mobileのサンプルを配布していますので宜しければどうぞ。[/note] jQueryMobileを使ったHTMLファイルをダウンロード出来るのですが、諸事情でモックアップとして使うしか無さそうですが、ユーザー登録も不要で手軽に使えるので。 以下に使い方を少しご紹介。 Pageを作成 Try Nowをクリックしてスタート。まずはPageをク

    jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify - かちびと.net
  • jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net

    人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには体を読み込む必要があります。方法は2つあって、

  • 「WordPressのfunctions.phpを使って出来るカスタマイズ」をまとめたスレ・Best Collection of Code for your functions.php file

    いつかやろうと思っていたWPの functions.phpで出来ることのま とめが、海外のWP専門質問サ イトにあったのでこちらをご紹介。 個人的にもかなり役に立ちました。 Q&Aサイトは色々助かりますよね。 WordPressのテーマファイルで使えるfunctions.phpは色々とテーマの機能を拡張するのに大いに貢献してくれます。 このfunctions.phpを使って何が出来るのかは、WebデザインレシピさんのWordPressのfunctions.phpに書いておくといいかもしれないコードいろいろという記事をご覧になってみてください。 今日ご紹介するBest Collection of Code for your functions.php fileというスレッドには79個の回答があります。 WordPressの情報専門のQ&Aサイト・WordPress Answersでのスレッド

    「WordPressのfunctions.phpを使って出来るカスタマイズ」をまとめたスレ・Best Collection of Code for your functions.php file
  • 頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net

    個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送

    i196
    i196 2011/01/18
    知らないのが結構あった
  • お手軽・簡単にブログやWebサイトを拡張出来そうなWebサービスいろいろ

    以前、デザインとか加工とか出来ないから なんかいいの教えて、と言われて教えたツ ールいろいろという記事で、ブログを始めた 彼が今度はブログをパワーアップさせたい 的な事を言い出したので教えたWebサービ スです。知識がないから簡単に出来るやつ がいい、とのことでしたのでそんなWebサー ビスになっています。 パワーアップさせたい、としか聞かれなかったのと、僕もあまり時間がなくてさほど数は探せませんでしたが、喜んでくれていたので需要があるかと思って記事にしてみます。パワーアップって言われても、どうしたいのかよく分からないので機能を追加できる的なものを探してみました。 基的にコピペで済むものがほとんどです。僕自身、あまり導入経験が無いので使用感抜きで書いていますがご了承ください。 zenback 国産(シックス・アパートさんですね)のWebサービスです。かなり色々なところで見かけますが、申請

    お手軽・簡単にブログやWebサイトを拡張出来そうなWebサービスいろいろ
    i196
    i196 2010/12/01
    後で試してみたいものが多い
  • 取り敢えず入れてみたiPad専用の無料アプリ26個 - かちびと.net

    iPad友人から頂いて、その1ヶ月後には 解約しようと思っていたイーモバイルの回線 をポケットWifiに変更できる上に料金も安く なる的なキャンペーンのお知らせがイーモバ から来たので、解約をせずにWifiにした事で iPadのネット環境が整ったので、楽しさが 数倍増しました。 なんとなく影の薄いiPadですが、僕は期待しているデバイスの一つです。 そんなiPadに、iPad専用の無料アプリを取り敢えずいろいろとインストールしてみました。今日は、今更感漂うiPadに関するアプリ記事です。 Twitter for iPad Twitter公式のiPadアプリです。もちろん無料。いくつかアプリはあるのですが、僕は公式が一番相性良かったです。ぬるぬる動きます。 AppStoreに行く Flipboard TwitterやFacebookのタイムラインを雑誌レイアウトに変換してくれるアプリです。

  • 厳選して使用している便利なChromeエクステンション19個 - かちびと.net

    メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So

  • クライアントに頼まれやすい機能を補えるWordPressプラグインいろいろ - かちびと.net

    中小企業、店舗系のWeb制作が 個人的に最も多いので、そういった クライアントさんに頼まれやすい機能 を加えるWPプラグインのメモです。 大規模なWebサイトではまた別の需 要が出てくると思います。 羅列した全てのプラグインを入れる訳ではなく、「よく頼まれる機能」を補うプラグインをあげています。順不同。 WP-Add-quicktag 今更便利さに気がついた、という感じですが、最近よく使っています。基的にはマークアップを補うプラグインなんですが、定型文の挿入に凄く便利なのでお勧め。こちらで設定してあげればクライアントさんはワンクリックで挿入できます。複数登録も可能なので重宝しますね。 addquicktag Ktai Style 携帯サイト作って欲しい!予算無いけど!みたいな要望があったとき、というか中小規模サイトの案件では多いのでKtai Styleは必須プラグインです。予算無いなら断

  • 知っておいて損しない、地味に便利なWordPressのデフォルト機能 - かちびと.net

    存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 殆どは知られていると思いますので期待しないで下さい。1つでも「これ知らなかった!便利!」と思ってくれる方がお一人でもいれば幸甚です。 やや地味な機能なのですが、知っておいて損しない便利な機能です。順不同。 Press This Press Thisというブックマークレットがお使いのWPの管理画面→ツール→ツールからインストール出来ます。これが結構便利で、引用したいと思った他サイト等でブックマークレットを使えばその場で上図のようなWYSIWYGがポップアップします。 リンクは既に作成済みなので下書き保存してあとで編集すれば記事執筆のハードルも低くなるかも知れません。 記事を複数ページに分割 テーマファイルを触る必要が

    i196
    i196 2010/08/18
    結構知らない機能があった。使うかどうかはまた別だけど・・・
  • 無料で音源(効果音やBGM等)素材をダウンロード出来る15のサイト - かちびと.net

    フリーで音源をダウンロードする事 が可能なサイトのまとめです。人に 聞かれて探したのでついでにメモ。 ライセンスはサイトごとに異なるので それぞれご確認の上でご利用下さい。 フリーで使える事を条件に探しました。ライセンスはそれぞれ異なります。 The Freesound Project 要ユーザー登録。とにかく量が凄いです。現在8万以上。 The Freesound Project Sound Jay ボタン用、自然系などカテゴリ分けされています。 Sound Jay Open Source Audio 投票も可能です。ユーザー参加型。 Open Source Audio Soungle 音源専門の検索エンジンです。 Soungle freeSFX 要ユーザー登録。見やすくて探しやすいです。 freeSFX FleshZen イタリア語なので良く分かりませんが、ループ音源を扱うサイトっぽい

  • 記事内に容易に「メモ」を実装するWordPressプラグイン・WP-Note - かちびと.net

    新リリースのプラグインを漁っていた所、 「おっ」というプラグインがあったので 勢いでご紹介します。WP-Noteは記事 内のテキストを特定のタグで囲むだけで 「メモ」的な表現を実装してくれます。この プラグインは1月3日リリースの出来立てです。 見やすいデザインはユーザビリティ向上において大事なファクターですので 取り入れてみては如何でしょうか。 使い方 多くの場合カスタムフィールドやblockquoteなどを使用していると思いますが、 このプラグインは簡単にメモをデザインすることが可能です。 用意されたテンプレートは5種類。 HTMLエディタで、それぞれ以下のように記述するだけです。 [note]メモ[/note] [tip]Tipsです[/tip] [warning]危険[/warning] [important]重要[/important] [help]助けて~ 助けて~ 助けて~

  • サイト構成 - かちびと.net

    【2009・5・31最終更新日】 ※情報は非常に古いです。参考になさいませんようご注意ください。 かちびと.netWordPressというオープンソースのCMS(コンテンツ・マネジメント・システム) で作成しています。WordPressにはテーマスキンを簡単に変更出来る事も特徴のひとつで、 私もあるテーマをベースに、かちびと.netのような独自のテーマスキンを作成しました。 そのカスタマイズ法を一つも隠さず書いて置きます。 もくじ カテゴリごとに違うsingle.phpを呼び出すカスタマイズ法 WordPressのテーマSEOハック 使用しているプラグインの解説 WordPressに関する雑感 便利な便利なブログパーツ Twitterが好きなんです かちびと.netは完成しない カテゴリごとに違うsingle.phpを呼び出す 通常、WordPressは記事にsingle.phpが割り当

  • WordPressのSEOに千手観音プラグイン、HeadSpace2・使用方法まとめ - かちびと.net

    千手観音の如き機能と噂のSEOWordPressプラグイン、HeadSpace2 を導入してみました。確かに高機能です。 WPでSEOするならコレ1使いこなせ ればheadを弄る事もあんまりない気が します。HeadSpace2の機能はそれだけ では有りませんが、いいプラグインだと 思うのでご紹介です。 ほぼ全ての機能をご紹介しています。 インストール 1・ダウンロードして解凍 2・wp-content/plugins内に解凍したファイルをコピー&アップロード 3・プラグインを有効化 4・各種設定 5・Done 設定 設定にHeadSpaceが現れます。HeadSpaceのメニューは ・ページセッティング ・ページモジュール ・サイトモジュール ・オプション ・インポート があります。分かる範囲で以下にご紹介します。 ページセッティング セッティングは図のような画面で個別に設定可能で

  • 全てのWordPress使いが導入を検討すべき15のプラグイン - かちびと.net

    今日も飽きずにWordPressネタです。 WordPressを使ってブログやCMSとして Webサイトを運営するにあたり、 「最低限これだけは考えた方がいい」と思う事と、 それに対応するプラグインをまとめてみます。 あんまり多いとウンザリするので 適当に数を絞りました。 必要と感じるかは運営形態によるでしょうが、ユーザー目線と 運営者目線で「導入すべき」と考えたプラグインです。 基 何が基で何が応用なのかは個人差がありますので主観でGoです。 Akismet 標準装備されていますが、海外スパマーのスパムコメントは日スパマー を大きく凌ぐエグさです。WP自体、スパコメ対応は優れてる(と思う)のですが、 Akismetは簡単に導入できるので入れておきます。APIキーをWordPress.orgで 手に入れることで機能します。 Permalink Redirect 必ずパーマリンクで表示

  • WordPressでWebサイトを構築するまでの手順リスト - かちびと.net

    私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpDBに合わせて変更 接頭語も変える(wp_ → example_) FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン

    WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
  • ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった

    ライフハッカーで紹介されていた 高機能なブックマークレットの Quixを試したら当に便利でした のでご紹介します。使いこなせば かなりブラウジングやWeb制作 の助けになりそうです。 Quixの使い方はいたって簡単で、指定されているコマンドを入力するだけ。以下のようにブックマークレットを使って出るテキスト欄にコマンドを入力します。 短いコマンドを入力するだけでGoogleの様々なサービスや、Web制作に役立つFirebugやxray、Twitterやtumblrにポストする事も可能。 コマンドの数はかなり多いので個人的にお勧めのコマンドを抜粋します。 Quixにはおよそ90ものコマンドが用意されており、ブックマークレットを使って出るテキストエリアにそのコマンドを入れるだけで使えます。検索関連機能は全て「コマンド キーワード」が使えます。 使い方使い方はかなり単純。ブックマークレットを使う

    ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった