タグ

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

  • WordPressのwp-config.phpで出来る事いろいろ

    自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう?」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにするdefine('WP_DEBUG',

    WordPressのwp-config.phpで出来る事いろいろ
    misarine3
    misarine3 2012/06/08
  • WordPressで作っておくと便利なショートコード何個か - かちびと.net

    WordPressではショートコードを自作して 好きなときに使う事が出来ます。ショート コードを利用すると、通常記事内では出来 ない事もできる様になったり、面倒なマーク アップを簡略化できたりと、とても便利 ですので、ぜひ覚えてみてください。 という訳で、WordPressで作っておくと便利なショートコードをいくつかご紹介します。 その前に宣伝。 WordPressのスニペットを集めてシェアする事にしましたご存知のように、WordPressで使える便利なコードは日々世界中で公開、シェアされています。その背景にWordPressがOSSであることが理由の一つとしてあげられるかと思います。 WordPressはGPLですので、極論を言えば有料のプラグインも無料で配布可能です。このあたりがGPLが一部の方に嫌われる原因でもありますが、沢山のコードを割と自由に使う事が出来るのも利点の一つです。 そ

    WordPressで作っておくと便利なショートコード何個か - かちびと.net
    misarine3
    misarine3 2012/04/25
  • WordPressスニペット | かちびと.net

    Code Note Description 画像のURLからその画像のアタッチメントIDを取得するコード。カスタムフィールドに格納した、どこにも紐付いてない画像の他のサイズのパスを取得する際にどうしても必要になった時に...

    WordPressスニペット | かちびと.net
    misarine3
    misarine3 2012/04/25
  • 商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 - かちびと.net

    女性の写真素材専門のモデル・フォトは、 商用利用も可能で、リンクや著作権表示 も不要。完全に無料で使える人物写真 素材サイトです。簡単なアイキャッチ等に 使いやすそうな印象でした。なによりリンク 不要というのは貴重ですね。 以前ご紹介したモデルピースと同じく、人物写真素材専門のサイト。人物写真が商用利用OKでリンクも著作権表示も不要というのは、かなり貴重なので覚えておきたいですね。 商業広告・出版物・冊子のデザイン、Webサイトやホームページのデザイン制作、TV番組やCMの映像製作、店舗や看板の 装飾などに画像のトリミングや合成など、自由に加工してご利用いただけます。 とのことです。細かい規約は利用規約をご確認ください。 モデルさんはまだ3人ですが、量はなかなか揃っています。今後増えてくれると嬉しいですね。 素材の例ブログには規約上使用できないのでキャプチャ撮りました。なんか勘違いだったみ

    商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 - かちびと.net
  • jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル

    自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="h

    jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル
    misarine3
    misarine3 2011/03/01
    これすげえ
  • 配布したWP管理画面マニュアルをプラグイン化して管理画面で確認出来るようにしてみた

    先週にWordPress2.9の管理画面 の操作マニュアル(Webに疎い お客様に渡す用)を配布しましたが、 直接管理画面で見れたほうがいいかも と思って簡単なプラグインを作成しました。 良かったらご利用下さい。 詳しくは以下より。 操作マニュアルを管理画面で直接確認出来る ↑ 上記のようにWebサイトを納品した先のお客様側で管理画面内でマニュアルを確認出来るので、紙に印刷して渡したり、PDFで渡す事でお客様がいちいち開く必要が無いようになります。 必要なくなればプラグインを削除、という感じで。テーマ→functions.phpからでも可能ですが、プラグインの方が削除も楽なのでこっちを選択。 ↑ 上記のようにPDFが大きく表示されます。単純にPDFを読み込んでるだけです。モニターの関係上、見にくい場合は別窓で開けるようにリンク付けてあります。 宜しければ編集して下さい作成はしましたが、管理

    配布したWP管理画面マニュアルをプラグイン化して管理画面で確認出来るようにしてみた
  • WordPressの管理画面をカスタマイズしたい時に覚えておくと重宝しそうなハックやプラグインいろいろ

    商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_

    misarine3
    misarine3 2010/12/16
  • WordPressにベーシックなプロジェクト管理システムを追加できるプラグイン・CollabPress

    なかなかの使い勝手で気に入ったので ご紹介。WordPressの管理画面内に、 ベーシックなプロジェクト管理システムを 追加するプラグイン・CollabPressです。 基的に欲しい機能や使い勝手が凄く 平均的な感じで、結構おすすめです。 個人的に、こういうマネジメントシステムは高機能、高性能よりも使い勝手で選択するのですが、CollabPressは性能もなかなかで使い勝手も良いのでオススメしたいプロジェクト管理システムでした。 よく、こういったシステムは紹介されていますが、どうも使い勝手がいまいちです。CollabPressは最低限の機能なので使いやすさは個人的に好みでした。 以下にざっと機能、手順などをご紹介します。 管理画面全体 管理画面全体はこんな感じです。まず新しいプロジェクトを追加します。プロジェクト名と簡単な説明を加えてAddすればOK。また、アクティビティもここで確認でき

    WordPressにベーシックなプロジェクト管理システムを追加できるプラグイン・CollabPress
    misarine3
    misarine3 2010/12/11
    これ後で試してみよう
  • 厳選して使用している便利なChromeエクステンション19個

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

    厳選して使用している便利なChromeエクステンション19個
  • クライアントに頼まれやすい機能を補えるWordPressプラグインいろいろ

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

    クライアントに頼まれやすい機能を補えるWordPressプラグインいろいろ
    misarine3
    misarine3 2010/09/01
  • 名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α

    ビジネスデザイン名刺 名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトをいくつか。 名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトと、発注 する時にいいかも、と個人的に 思った名刺屋さんをいくつか。 まずはデザイン名刺のインスピレーション向上用のギャラリーやFlickrのグループなどのまとめから。 Creattica とりあえずデザインといえばここですね。ロゴでもお世話になっているギャラリーサイトです。 Creattica-Business Cards Card Nerd 凄く綺麗にまとまっているギャラリーサイトです。シンプルでとても見やすい。上4つは広告です。 Card Ner

    名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α
  • jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ

    cssやプログラミングjQuery探し 個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益j

    jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ
  • まずは基本から・HTML5のCanvasについて参考になったサイトまとめ

    WebデザインHTML5 Canvas ようやくHTML5に興味を持ち 始めました。サンプルを以前 記事にして、凄いなーと思っ ていましたが、なかなか時間 がなく、先延ばしに。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 ht

    まずは基本から・HTML5のCanvasについて参考になったサイトまとめ
  • WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる

    WordPressWPカスタマイズ事始め WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基構造を ある程度理解すれば可能です。 WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基構造を ある程度理解すれば可能です。 PHP製のWordPressですので、当然PHPを理解していれば様々なカスタマイズが可能ですが、プログラミング自体まだ敷居はデザインより高いかもしれません。 でも、カスタマイズしてみたい!という方も多いと思いますので今回はカスタマイズ始めの1歩、的な内容です。 はじめにこれはPHPの記事ではありません。コピペ(ファイル間でのソースの移動など)が基になるのでプログラマーさんからすれば

    WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる
    misarine3
    misarine3 2010/05/15
  • 最近見つけた完成度の高いフリーのWordPressテーマ

    最近知ったthemes2wp.comというサイト のフリーのWordPressテーマで、個人的 に完成度高いなと感じたテーマをいくつか ご紹介したいと思います。完全に主観が 入っているので参考にならなかったら ごめんなさい。 ここで言う”完成度が高い”、というのは「使いやすそう」「変更箇所が少なそう」という意味です。いいデザインにしたいけどカスタマイズは面倒・・・という方にお勧めです。11個あります。 [note]ワームのご報告を受けて全テーマへのリンクを削除しました。テーマは沢山ありますのでテーマカテゴリでお探しになってみてください。[/note] BlockStock Theme 非常に綺麗なテーマです。シンプル系がお好きな方なら殆ど変更する箇所無さそうな気がします。個人的に凄く好きなテーマです。 ※「誰がために鐘は鳴る」さんよりご指摘を受けてリンクを削除しました BlockStock

    最近見つけた完成度の高いフリーのWordPressテーマ
  • Web制作関連記事の復習メモ

    今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版

    Web制作関連記事の復習メモ
    misarine3
    misarine3 2009/12/30
  • ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点

    何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascriptjQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わるImage Rotator / サイドにサムネイル。jquery使用。手動切り替えGalleryView

    ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点
  • 「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net

    復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu

    「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net
    misarine3
    misarine3 2009/12/09
  • WordPressでWebサイトを構築するまでの手順リスト - かちびと.net

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

    WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
    misarine3
    misarine3 2009/11/10
    あ、これ便利
  • 白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ

    最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ&シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw

    白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ