タグ

ブックマーク / design-develop.net (13)

  • WordPressの全オプションが変更できる隠しページ「All Options」

    WordPressの管理画面から直接は行けませんが、WordPressの全オプションの値が表示され変更できるページが存在します。 それは「All Options(すべての設定)」と呼ばれ下記のURLを直接打ち込む事でページが表示されます。 http://(あなたのワードプレス設置のドメイン)/wp-admin/options.php pingの送信先から記事の表示設定、プラグイン固有の設定等、名前の通り、ありとあらゆる設定項目がずらっーと並んでいて、表示、変更する事ができます。 完成されたページを少しづついじっていく時は逆に不便であまり必要ないかも知れませんが、新規でWordPressを導入したときや、サーバーを移転して設定するときは便利ページです。ただしシリアライズされたデータの変更は不可みたいでその部分は「SERIALIZED DATA」と文字ボックスに表示され、編集できないようになっ

    WordPressの全オプションが変更できる隠しページ「All Options」
  • HTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」

    HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。 利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。 詳しくは以下 このサービスにはHamlというHTML/XHTMLを生成するためのマークアップ言語が使われているみたいで、「HTML → 一旦hamlにする → HTMLに戻す」という流れでインデントの整頓を実現しているとのこと。hamlに興味のある方は「日Hamlの会」もどうぞ。 実際、インデントが無くても問題なく、動作しますし、整ったからと言ってオモテ面に影響があるわけでないのですが、メンテナ

    HTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」
  • ページナビゲーションを拡張してくれるWPプラグイン「WP-PageNavi」

    通常のWordPressのページナビゲーションは「« Previous Page Next Page » 」として表示され、今何ページ目にいてどのくらい続きがあるかが直感的に分かりません。 そこでそんなインターフェイスの不便利を解決してくれるのが今回紹介するプラグイン「WP-PageNavi」です。 プラグインを導入すればページナビゲーションが上記のように表示され、今何ページ目にいるのかが瞬時に分かるようになります。ほんの少しの事ですが、閲覧する側を考えれば当然の配慮かと思います。 インストール方法 1.WP-PageNaviからプラグインをダウンロード 2.ローカルで展開後フォルダごと「wp-content/plugins」へアップロード 3.「WP-PageNavi」プラグインの有効化 以上です。 これだけではページナビゲーションは反映されませんので下記の手順を踏んでください。 導入方

  • 記事の閲覧数を表示してくれるプラグイン「WP-PostViews」

    記事が増えてくると当然人気がある記事、無い記事とあるわけで、運営者サイドとしては非常に記事の人気が有る無しは気になる所です。そこで大体の人気の目安として活用できる、記事の閲覧数を表示してくれるプラグイン「wp-postviews」を今回紹介したいと思います。 投稿した時期や話題によっても異なるので完全にこれで人気を測る事はできないかもしれ舞えんが目安には指標には十分なってくれると思います。 インストール方法 1.「wp-postviews」よりプラグインをダウンロード 2.解凍してできたフォルダごと「wp-content/plugins/」へアップロード 3.[wp-postviews]を有効化 導入方法は以下から 導入方法 閲覧回数を表示させたい場所に下記のコードを挿入します。 < ?php if(function_exists('the_views')) { the_views();

  • 透過PNGをIE6で表示させるjavascript「Unit PNG Fix」 | DesignDevelop

    GIF画像に変わるライセンス・フリーの画像形式として登場したPNGフォーマット。最大280兆色までカラーが扱え、圧縮率も優れていて、可逆圧縮形式を採用、W3C推奨となにかとメリットがあるPNG画像ですが、ブラウザへの対応が完璧ではなく、透過PNGにいたってはIE6でも正常に読めない状況です。 そこで今回紹介する「Unit PNG Fix」はそんな透過PNG画像をIE6で正常に表示してくれるjavascriptです。 詳しくは以下 設置方法は至ってシンプルで、設置は以下の一文をヘッダ部分に付加してください。 <script type="text/javascript" src="unitpngfix.js"></script> また1×1の透明GIF画像(デフォルトのパスは「images/clear.gif」変更可)を合わせてアップロードする必要がありますが、あとは基的にはHTMLファイル

    透過PNGをIE6で表示させるjavascript「Unit PNG Fix」 | DesignDevelop
  • WordPressをカスタマイズする30のテクニック「30 WordPress Development Tutorials」

    TOP  >  WebDesign , WordPress  >  WordPressをカスタマイズする30のテクニック「30 WordPress Development Tutorials」 非常に使い勝手が良いオープンソースWordpress。DesigndevelopもWordpressを使って構築しており、国内でも利用しているというかたは多いのではないでしょうか?今日紹介するのはそんなwordpressをより便利に使う為のWordpressをカスタマイズする30のテクニックを収録したエントリー「30 WordPress Development Tutorials」です。 Get Posts Published Between 2 Particular Dates ウェジェットのCSSの設定方法から、ヘッダーを外部化、themeの作り方などなど様々なテクニックが収録されています。今日

    WordPressをカスタマイズする30のテクニック「30 WordPress Development Tutorials」
  • デザインの現場で使えるデザイナーのためフリーフォント集「50 Incredible Fonts for Professional」

    多種多様なフォントが世の中には出回っていますが、今回紹介するのはプロでも使えそうなデザイン性の高いハイクオリティなフォントを集めたエントリー「50 Incredible Fonts for Professional Web & Print Design」です。 Evolution True Type Font 全部で50個のフォントが紹介されていますが、今日はその中から気になったフォントをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Kawoszeh 少し癖のある欧文フォントですが、タイトルやアクセント的に使えそうです。 ■Geo Sans Light 細めのキレイめなゴシック体で、キレイ目のデザインで重宝しそうな欧文フォント。イタリック版もあります。 ■GOCA LOGOTYPE BETA 遊びの効いたゴシックフォント。楽しげな雰囲気を作ってくれそうです。 ■Chopi

    microgravity
    microgravity 2008/11/18
    スクリプトとか使えそう
  • 星、音符、ハートなどシンプルで定番のphotoshopブラシを集めた「Free Photoshop Brushes」

    TOP  >  Design , Photoshop  >  星、音符、ハートなどシンプルで定番のphotoshopブラシを集めた「Free Photoshop Brushes」 様々なphotoshopブラシがWEB上では公開されていますが、今回紹介する「Free Photoshop Brushes」では派手さはないが、定番とも言える星、音符、ハートなどデザインのアクセントになってくれそうなphotoshopブラシが無料で配布されています。 全部で13コのphotoshopブラシ集が公開されていますが今日はその中から気になったブラシセットをピックアップして紹介したいと思います。 詳しくは以下 ■Star Brush Set 上記のような細かい星くずなども作れるブラシセットです。 ■Music Brush Set 音符や楽譜関連のオブジェクトが多数収録されているブラシセットです。 ■Pol

    星、音符、ハートなどシンプルで定番のphotoshopブラシを集めた「Free Photoshop Brushes」
  • 面接で差をつけるフリーデザイン履歴書集「38 More Beautiful Resume Ideas That Work」

    TOP  >  Design  >  面接で差をつけるフリーデザイン履歴書集「38 More Beautiful Resume Ideas That Work」 管理人はデザイン・広告業界に身を置いていますが、面接の時に重要なのは仕事の経歴はもちろんですが、お会いした時のセンスだったり遊びだったりします。そこで今回紹介するのは自作のデザイン履歴書集「38 More Beautiful Resume Ideas That Wor」です。 定型のものでも特に問題はありませんが、こういう細かいところが「おっ」と思わせる事に繋がるかと思います。堅い企業では逆効果に働く場合もありますが、はまった時の効力は大きい気がします。全部で38個以上の履歴書が公開されていますが、今回は気になったものをいくつか紹介したいと思います。 詳しくは以下 ポートフォリオは自作しているという方がデザイナーの方ならほとんどだ

    面接で差をつけるフリーデザイン履歴書集「38 More Beautiful Resume Ideas That Work」
  • ロゴデザインのリソースサイト集「105 Logo Design Tuts And Resources」 | DesignDevelop

    皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか?今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。 ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。 詳しくは以下 ■Logo Design Trends – 2008 2008年のロゴのトレンドがまとめられているサイトこれは以前にも紹介しましたね。 ■LogoSauce ロゴ共有サイト。様々なロゴデザインがアップロードされています。 ■The Logos Of Web 2

    ロゴデザインのリソースサイト集「105 Logo Design Tuts And Resources」 | DesignDevelop
  • 56のシンプルな矢印フリーベクターデータ「56 Professional Free Arrow symbol & icon」

    TOP  >  Design , vector  >  56のシンプルな矢印フリーベクターデータ「56 Professional Free Arrow symbol & icon」 注目を惹いたり、場所を示したりとデザインする上でかなりの頻度で利用する矢印。今日はそんな矢印のベクターデータを集めた素材集「56 Professional Free Arrow symbol & icons」を紹介したいと思います。 この素材集はスタンダードな矢印からアイコンチックな矢印まで幅広く収録されていて、AIファイル( Illustrator 8.0)、PDFと2種類の形式で収録されており、ベクターデータで配布されていますのでデザインしている方には非常に使い勝手が良い素材種です。 詳しくは以下 ↑収録されている矢印の一覧 スタンダードなものなので作るのは誰でも作れるかと思いますが、こうしてデータであると

    56のシンプルな矢印フリーベクターデータ「56 Professional Free Arrow symbol & icon」
  • 高解像度+商用利用可のテクスチャ用画像配布サイト「freetextures.org」

    デザインの質感を作って上で欠かせないテクスチャ画像。DesignDevelopでも今まで「2〜5Mの高画質・高解像度のフリーテクスチャ配布サイト「texturez.com」」や「最大2560×1920の高解像度テクスチャを無料配布する「Mayang’s Free Textures」」といくつか紹介してきましたが、今回紹介するのは高解像度+商用利用可というかなり好条件のテクスチャ用画像配布サイト「freetextures.org」です。 配布されているテクスチャ画像の一例 木の年輪、緑、石、空、汚れた壁といった定番のテクスチャ素材がカテゴリーに分かれ数多く配布されています。 詳しくは以下 カテゴリー分けがしっかりとなされていますが、サイト内検索もできるようで、英語のサイトになりますが迷うことなくお目当てのテクスチャ画像を探し当てることができるかと思います。 画像の配布サイズは2272*170

    高解像度+商用利用可のテクスチャ用画像配布サイト「freetextures.org」
  • photoshopチュートリアルを100個集めた「100 wonderful photo effects Photoshop tutorials」

    TOP  >  Design , Photoshop  >  photoshopチュートリアルを100個集めた「100 wonderful photo effects Photoshop tutorials」 前回「テクスチャからイラストレーションまでPhotoShopチュートリアル100選」という記事でphotoshopによるチュートリアルを100個紹介しているサイトを紹介しましたが、今回紹介する「100 wonderful photo effects Photoshop tutori」も同じように100のphotoshopチュートリアルを集めたエントリーです。 紹介されている100のチュートリアルの一部です。 集められている物はスケッチ風にする、虹を作るといったありふれた物から、HDRをphotoshopで実現する方法やレントゲン写真の作り方など少し変わった物まで紹介されています。 詳

    photoshopチュートリアルを100個集めた「100 wonderful photo effects Photoshop tutorials」
  • 1