タグ

2012年11月23日のブックマーク (14件)

  • HTML5のmicrodataで情報を付加したパンくずリストを、WordPressに設置する方法。

    Home > WordPress > HTML5のmicrodataで情報を付加したパンくずリストを、WordPressに設置する方法。 WordPressでパンくずリストを表示させるには、「Breadcrumb NavXT」のような便利なプラグインを利用したり、プラグインなしでも短いコードで実現可能ですが、私はHTML5のmicrodataでパンくずリストに情報を付加させたかたちで設置したかったので、その方法をシェアしたいと思います。 これからSEO的にもセマンティック技術はますます無視できない存在になっていくと思うので、少しずつ取り入れていきたいですね。 ところで、microdataって何? という人は、下記のサイトやページでわかりやすーく解説されているので、是非ご覧になってみてください。 Google、MS、Yahoo!、構造化データマークアップの標準化で協力 HTMLにセマンティッ

    HTML5のmicrodataで情報を付加したパンくずリストを、WordPressに設置する方法。
    fm315
    fm315 2012/11/23
  • WordPressのFacebook用OGP出力テンプレート|Webクリエイターネット

    Category WordPress WordPressでFacebook用にOGPを出力するには、「WP-OGP」「WP-OGP Customized」「Open Graph Pro」等いろいろ便利なプラグインがありますが、どれも思ったような出力をしてくれなかったり、デバッガーでエラーが出力されることもよくあります。 Facebookの仕様変更も多く、それにプラグインが対応していないことも原因の一つです。 ここ最近の仕様変更でいうと、「og:imageのサイズが200px×200px以上に変更」「og:localeが自動で付加されるようになった」「og:descriptionの指定を推奨」「fb:adminsもしくはfb:app_idの指定を推奨」といったところでしょうか。 私も以前は「WP-OGP」を使用していたのですが、プラグイン自体が更新されていないこともあり、プラグインファイルの

  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • カスタムフィールドの指定したキーの値だけ表示する方法

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog カスタムフィールドに入力した値を出力するには、 <?php if(have_posts()) : while(have_posts()) : the_post(); ?> <?php the_meta(); ?> <?php endwhile; endif; ?> というテンプレートタグを使うのが最も基的な方法です。 ただ、これだと入力したすべてのキーと値が一つの<ul>リストで出力されてしまい、使い勝手が良いとは言えません。 指定したキーの値を個別に出力できればなぁ……、と思っていろいろ調べた結果、実は別の関数を使えば簡単に出来ちゃうことが分かりました。 手元にあるのうち1冊にだけ載ってたような情報で、改めてググってみてもほとんど見つからず。 ってことは意外

  • Custom Field GUI Utility 3.2 - WordPress プラグイン | かたつむりくんのWWW

    Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. Custom Field GUI Utility 3.2 は、WordPress 3.3以降用です。3.4でも使えると思います。 このページは、Custom FIeld GUI Utility 3.2 のドキュメントです。過去のバージョンのドキュメントは、以下のページにあります。 ver 2.x ver 3.0x 〜 3.1x Custom Field GUI Utility とは このプラグインは、WordPress のカスタムフィールドを、色々な数種類のフォーム要素として使えるようにするプラグインです。 当プラグインの元となっているプラグイン「Custom Field GUI」は、「投稿」の編集画面にカスタムフィールドを入力するフォームを生成するもので

    Custom Field GUI Utility 3.2 - WordPress プラグイン | かたつむりくんのWWW
  • 5509.me

    This domain may be for sale!

    fm315
    fm315 2012/11/23
    本命!
  • wp_headから不要なコードを削除する

    覚え書き程度にメモしています。 ASP/PHP/JS/HTML5/CSS3/Android/Objective-C/FLEX/VB/Javaなどなど デフォルトのまま<?php wp_head(); ?>を記述するといろんなタグが自動的に出力されます。 サイトに寄って要否があると思いますが不要なものを削除したい場合は、削除してしまいましょう。 wp_headについて記述があるのはwp-includes\default-filters.phpです。 【wp_head()にいろいろ追加して部分の抜粋】 add_action( 'wp_head', 'wp_enqueue_scripts', 1 ); add_action( 'wp_head', 'feed_links', 2 ); add_action( 'wp_head', 'feed_links_extra', 3 ); add_acti

    wp_headから不要なコードを削除する
  • [WordCamp資料]WordPressでWebアプリケーションを作る方法~Croppy編~

    この記事は、WordCamp Tokyo 2012でお話した「WordPressでWebアプリケーションを作る方法~Croppy編~」の内容をまとめ、分かりやすいように + 一部のコードについてセッションよりも詳しく加筆したものです。 WordPressTwitter・Facebook ログインのようなソーシャル性を取り入れたWebアプリを作るためのプレゼンをするにあたり、最初は「ノンプログラマーでもできる」みたいなタイトルにしようかと思ったのですが、さすがに PHP が分かっていないと厳しいかと思いますので入れませんでした。 普段 PHP を全く書かない方には少々難しいかもしれませんが、ある程度 WordPress をカスタマイズできる方ならなんとかなるかな…という程度かと思います。 Croppyとは Croppy は、ほぼ WordPress でできているWebアプリです。 気に

    [WordCamp資料]WordPressでWebアプリケーションを作る方法~Croppy編~
  • さくらのVPSで複数台の契約するときの注意点 - elf's blog

    記事自体の注意点 これは2012年10月末位の経験と周囲の情報をもとにした話なので,のちに状況など変化している可能性があります. 要約 この記事はさくらのVPSを複数台借りたときにちょっと困ったこと,具体的にはVPSのハイパーバイザーが同一筐体になってしまった.ということに関する諸処まとめです. VPSのハイパーバイザーが同一筐体になると何が困るの? そもそもの話です. VPSはいわゆる仮想化技術を使っていてそれ自体はHW障害からは縁が遠いような気がしますね. でもHDDならRAID 1で,NICならボンディングで実運用上はある程度耐障害性を確保できますが,たとえば「メイン基盤が壊れた」など冗長化が難しい部分が壊れた際にはもろ影響を受けます. 実際の報告ベースだと軽く検索すると色々出てきます. 色々と書いていますが台数を想像すると決して多いとは感じませんが… さくらのVPS 2012年春

    さくらのVPSで複数台の契約するときの注意点 - elf's blog
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    fm315
    fm315 2012/11/23
  • MySQLバックアップの基本

    バックアップ勉強会#2 (#bkstudy) での発表資料です。 http://atnd.org/event/bkstudy02 MySQLバックアップの基的な内容についてまとめています。Read less

    MySQLバックアップの基本
    fm315
    fm315 2012/11/23
  • 原価率にこだわりすぎると間違いなく失敗する ―ラーメン店開業支援は東京ジョーカー―

    上記は当社からお出しするスープ・タレなどを使ったラーメンの一部原価モデルを参考までに記してあります。 ラーメンの原価は数字の上では低いにこしたことはないのですが、売価の考え方はいろいろあり、出店エリア、競合、客層などを考慮し、慎重に決定すべきもののはずなのに、実際は原価のみを指標として設定しているお店も多く見られます。原価のみを参考にして売価を設定することは非常に危険です。 売価を決める 新しく開業するラーメン店です。ラーメン1杯の原価計算をしたところ210円になりました。 店主は迷いなく売価を700円に設定したのですが、理由は原価率を30%以下にしたいからとのことです。 チェーン店出身のオーナー、飲店経営のノウハウを勉強したかたがよく口にする理由です。 30%の原価率というのが飲業を経営するうえで常識のような話になっているからなので、 粗利率70%を確保するということが最も重要なこと

    fm315
    fm315 2012/11/23
  • Yahoo!バザールを選ぶ3つの理由 - Yahoo!バザール

  • 日本の美しい伝統技術に世界が目を奪われる? 飯田市の伝統品『水引』

    You are here: Home / 地域とアート / 日の美しい伝統技術に世界が目を奪われる? 飯田市の伝統品『水引』 冠婚葬祭で使うのし袋に、欠かせない美しい「水引」。 この水引を、伝統産業として、江戸時代より約400年間もの間、作り続けているまちがあります。 長野県飯田市。 人が「おめでとう」「ありがとう」と、贈り物に込める想いを支えてきた飯田の水引産業は、どのような歴史を持つのでしょうか。 水引(みずひき)とは、贈答品や封筒に付けられる飾り紐のこと。結婚式等のお祝いごとでは必ず目にしますね。 和紙を、こより状にし、糊をひき、乾かして固め、さらに金銀の薄紙を巻いたり、細い繊維を巻きつけて紐を作ります。 その紐を数に束ねて、綺麗に結び目を作って、水引は完成します。 紐を色水に浸けては引き出し、浸けては引き出し着色することが、「水引」と呼ばれる所以です。 飯田市はもともと和紙の名

    日本の美しい伝統技術に世界が目を奪われる? 飯田市の伝統品『水引』