2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト! Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
注 1: この関数はプラグインまたはテーマの中で使われることを想定されていません。後ほど出てくる説明にあるように、メインクエリーを変更するにはパフォーマンス面でも優れたより良いオプションが存在します。 注 2: query_posts() はページ内のメインクエリーを書き換え、新しいクエリーのインスタンスと置き換えるために使う関数としては過度に単純化され、問題が発生しやすい方法です。非効率的で(SQL クエリを再実行します)、一部の状況では適切に実行することもできません(特にページング処理)。モダンな WordPress コードではもっと安定したメソッドを使うべきです。例えばpre_get_posts フックを使った方法などです。ひとことで言うと、query_posts() は決して使うべきではありません。 以上のことをしっかり理解し、この関数を賢く活用してください。 画像のソース: WP
1.報告書の構成 報告書とは、上司や関係者に必要な情報を提供するための文書のことです。3層構造(標題→内容要旨→詳細内容)で、情報の整理や要約をしていきます。 例えば、日時、場所、目的、内容等について、情報を簡潔に記入します。 また、所感は記入する場合と、しない場合があります。その場の細かなニュアンスを伝えたほうが有効な場合には、所感も書くようにします。 【報告書(例)】 〔pdf〕打ち合わせ報告書 〔pdf〕営業報告書 1-1.報告書の全体構成 注意すべき点は、以下の三角形の図のように、「標題」は「内容要旨」(打ち合わせ内容)の要約、 「内容要旨」は「詳細内容」(ヒアリング事項等)の要約という3層構造を理解することです。 実際、報告書を上から(標題から)順に書こうとするから難しいのであって、 報告書の説明文(詳細内容から)順に書いていけば、割と楽に書けます。 【報告書の構造(下位にいくほ
Love Vector 登録されている素材は、オリジナルのものをはじめ、他の作者によるイラストやアイコンなど多数あります。 目的の素材は検索、タグ、カテゴリから探すことができ、下記にカテゴリの中からいくつかピックアップしました。
ありがたいことに最近結構なアクセスをいただいています。その分サーバへの負荷も結構なことになっているので、負荷の軽減に取り組んでいるのですが、Google ウェブマスターツール を見ていると、かなりの数の「見つかりませんでした(つまり 404 not found)」が出ていることに気づきました。 404 not found に対しても WordPress が逐一起動してしまうこと、本来なら拾えているアクセスを無駄にしないためにも、これを改善してみることにしました。 Movable Type のときに使用していたアドレスを WordPress にリダイレクト wokamoto 兄さんに教えてもらった .htaccess を設定したときに、Movable Type 時代に使っていたアドレスから WordPress へとリダイレクトする設定をごっそり消してしまっていました。 以前は [bash]R
というわけで先日グランドオープンした WordCamp Yokohama 2010 公式サイト。このサイトを構築するにあたって使ったプラグインとテーマをご紹介します(をかもとさんと記事まるかぶりのため、ぼくが選んだプラグインを中心にしていますw)。 言わば、「WordCamp 公式サイトの作り方~これであなたも WordCamp 公式サイトディベロッパー~」。 それではいってみましょう。 Akistmet まずは何をおいても Akismet 。イベント系サイトの CMS でコメントをオープンにすることは少ないかもしれません。でも、イベントをブログしてくれたらピンバックやトラックバックが飛んでくるから、ユーザの反応は見たいよね、と思うことありませんか?うんうん、あるよ、あるよ。 WordCamp Yokohama 2010 サイトでも、ピンバック/トラックバックをオープンにして、面倒なスパム
WordPressにほんの数行記述するだけで、多くの便利な機能を付け加えるチップスをMegaMagから紹介します。 10 wordpress hacks & tricks that I like 1.コメントがついた記事をサムネイル付きで表示 サイドバーやフッタなどどこにでも、たくさんコメントがついた記事をサムネイル付きで表示します。 「http://an-alternative-image.jpg」はサムネイル画像が無い場合のデフォルトの画像を指定してください。 <textarea name="code" class="html" cols="60" rows="5"> <?php $popular = new WP_Query('orderby=comment_count&posts_per_page=5'); ?> <?php while ($popular->have_po
yahooがyahooには似合わないくらいにかっこいいサービスを出した。その名も Pipes: Rewire the web とすごいサブタイトルがついています。rewriteはいい過ぎだけど。(よくみたらrewriteじゃなくてrewireだった) Pipes is a hosted service that lets you remix feeds and create new data mashups in a visual programming environment. と書いてあって、要するにフィードを混ぜたりするツール。UNIXのようにXMLデータをパイプをつないで処理したりできると便利だよね、というのは IBM dW : XML : XMLの論考: マイクロフォーマットのパイプストリーム - Japan にも書かれていた話。IBM dW の話は一般的なXMLの話で、行を単
WordPressに新しく実装された投稿サムネイル用のタグthe_post_thumbnail()は出力されるのが画像だけなんだけど、 これにページへのリンクとか拡大画像とかのリンクをつけたいと思うことがあったので関数作った。 構文: the_linked_post_thumbnail($size = 'medium', $linkto = 'image', $attr = NULL) $size 画像のサイズ。文字列(thumbnail, medium, large, full)か配列( array(32,32) )で。 $linkto リンク先。image=フルサイズの画像url、page=投稿記事、NULL=リンクしない $attr 画像の属性。連想配列形式で指定する $default_attr = array( 'class' => "zoom", 'title' => 'クリック
WordPress 2.9 では、投稿サムネイルという機能が追加されています。いままでもアップロードした画像には縮小されたサムネイル画像が自動的に作成される機能はありました。何が違うのかというと、テンプレートなどのループ中で決まった API を呼ぶことによりその記事に投稿されたサムネイル画像を表示できるというものです。 このサイトのトップページやカテゴリーページも各投稿に画像が含まれていればサムネイルを表示するようにしています。これまではテンプレートに PHP のコードをガリガリと書いて画像を抽出していたのですが、これが WordPress の標準機能でできるというわけです。これは便利。 ただし、この機能を使うにはテーマの function.php に以下の宣言をしなければなりません。 add_theme_support( 'post-thumbnails' ); set_post_thu
こういう専門的なサイトは探す手間が 省けるのでありがたいですね。様々 なソーシャルメディアのアイコンで フリーで使えるものを専門に扱う freesocialicons.comのご紹介です。 どれもクオリティの高いアイコンばかり ですよ。 こういう専門的なサイトは探す手間が 省けるのでありがたいですね。様々 なソーシャルメディアのアイコンで フリーで使えるものを専門に扱う freesocialicons.comのご紹介です。 どれもクオリティの高いアイコンばかり ですよ。 個人的に使いそうなのでメモです。 各ソーシャルメディアのアイコンがズラリです。セットのものもあれば単体のアイコンもあり。一部ご紹介します。 Free Star Social Icon Set Free Star Social Icon Set Free YouTube Icon Pack Free YouTube Icon
記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_hea
WordPressプラグイン: "Pager for Split Entries" Esperanto (eo) / Kromprogramo por blogprogramo WordPress: "Pagxilo por Dividajxoj" English (en) / Plugin for WordPress: "Pager for Split Entries" はじめに …… 概要と特徴 [ 目次へ ] WordPressプラグイン"Pager for Split Entries"は<--nextpage-->タグによって分割された投稿やページのためのページャです。 「< 前へ, ページ1, ページ2, ..., ページN, 次へ >」のようなナビゲーションバーを提供します(例)。 表示内容は誰でも簡単にカスタマイズ出来ます。 どのようなパーマリンク設定でも使えます(恐らく……
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く