[WP]get_posts()関数について
get_posts関数の使い方とCSS Template Listsのページでやってることを紹介しますん。 CSS Template Listsではカテゴリーに記事がpublicで投稿されたら、記事のサムネイルになる画像にリンク貼って一覧表示しています。 記事のサムネイルについては設定や表示をするプラグインもありますが、プラグイン使わなくてもやれる方法があるよ、ってことで。 あるカテゴリーの記事をリストアップしたいという場合、この記事のサンプルのように 普通はquery_posts()とか使うと思いますが <?php query_posts('cat=5');if (have_posts()) :?> <?php while (have_posts()) : the_post(); ?> <div class="post"> <?php the_content(__('Read More
![[WP]get_posts()関数について](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
HTMLテンプレートの再帰でツリー型のデータを表示する - terazzoの日記
ツリー構造を持ったデータを、Mayaaのテンプレートを再帰的にinsertすることで表示する ソース こういう階層構造のデータがあったとする package sample.model; import java.util.Arrays; import java.util.List; public class SampleUtils { /** 階層構造を持ったデータクラス */ public static class Node { public String name; // 名前 public List children; // 子要素のリスト } /** Nodeのツリー構造を初期化して戻す */ public static Node getRootNode() { return new Node() {{name="アマゾネス";children = Arrays.asList( ne
テンプレート切り替え機能を拡張する - terazzoの日記
Mayaaには一つのmayaaで複数のテンプレートを切り替える機能がある。(参考: 3-10. テンプレート切り替え : Documentation - JavaServer Templates "Mayaa") たとえば利用者の使用言語に合わせてその言語用のHTMLを使う、というような用途が想定されているらしい。 使い方としては、たとえばhello.mayaaファイルのm:mayaaタグの属性にm:templateSuffix="${locale}"などと書く事で、locale="en"の時にhello$en.html、locale="ja"の時にhello$ja.htmlを表示に使用することができる。また、hello$○○.htmlが無い場合にはhello.htmlファイルが使用される。 templateSuffixで指定した種類に対応するHTMLファイルが無い場合の挙動だけど、$から
Mayaaについて思う事あれこれ - terazzoの日記
今Mayaaを使ってスクリプトライクにアプリ開発できないか考えている。S2StrutsでもS2JSFでもなくS2とMayaaを直につないでMayaaのテンプレート上にヴァリデーションとかアクションをごりごり書くという感じ。以下、そう思うようになった発端など。 発端その1. アクションに書くことが無くなってきた 前回のプロジェクトでようやくまともにS2Dao-S2Struts-Mayaaでプログラムを書いたのだけど、無設定Strutsと自動バインドが本当によく出来ていて助かった。特にActionFormをPOJOで書けるのが良い。Dto→Formのマッピングさえ用意すれば、Daoに渡すConditionとかキャッシュ用のキーとか一覧/詳細ページのハイパーリンクの記述がかなりの範囲全部同じ方式で出来る。 データアクセスとかページ送りの処理とか、とにかく共通で書ける所を全部ライブラリ化したりGe
Mayaaを普通のテンプレートエンジンとして使う - terazzoの日記
解説などは後ろで。 ソースコード package sample.mayaa; import java.io.OutputStream; import java.util.Map; import javax.servlet.ServletContext; import org.seasar.mayaa.FactoryFactory; import org.seasar.mayaa.engine.Engine; import org.seasar.mayaa.impl.FactoryFactoryImpl; import org.seasar.mayaa.impl.cycle.CycleUtil; import org.seasar.mayaa.impl.cycle.web.MockHttpServletRequest; import org.seasar.mayaa.impl.cycle.w
WordPressにAdSenseを貼る時に関連記事リンクの上に表示する方法 | アフィリエイト野郎！
WordPressサイトでAdSenseをやっている方も多いと思いますが、広告をどの位置に貼れば良いのかわからないという質問を時々頂きます。 投稿画面に直接張っても良いですし、AdSense Managerというプラグインを使えば、好きな場所に簡単に指定したAdSenseコードを貼ることができますが、毎回貼る手間を考えてサイトのテンプレート部分に張っている人が多いと思います。 テンプレート部分に張っておけば、広告サイズを変更するのも簡単です。AdSenseの成果を上げるためには、広告を貼る位置やサイズを何度もテストする必要がありますが、記事内に直接コードを貼り付けてしまうと、全ての記事のコードを張り替える必要が出てきます。 AdSense Managerを使えば記事内に貼った広告をまとめて変更することができますが、貼り付けた場所を変更するためにはやはり手間がかかります。そう考えるとテンプレ
CSSレイアウトをWEB上でサクッと作れる「PageBlox」:phpspot開発日誌
CSS Layout Generator | PageBlox - home CSSレイアウトをWEB上でサクッと作れる「PageBlox」。 次のような画面で、カラム幅をクリックで簡単に拡大縮小できたり、ブロック要素を消したり移動したり、追加したりといったことが自由にできます。 基本となるテンプレートを選んで修正すればより効率があがりそうです export で簡単にHTMLコードを生成できます。 とりあえず素早くレイアウトを組むのには便利に使えそうですね 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ レスポンシブなレイアウトをON/OFFできるようにするJS「ReView」 アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 これは新しい!パネルレイアウトが美しいスライドショー実装デモ レスポンシブなレイアウト実装
YappoLogs: サービスをつぶさない為に Web アプリを書く時にやっとくと良い事2選
サービスをつぶさない為に Web アプリを書く時にやっとくと良い事2選 テンプレートのエラーが出た時にアプリケーションのログだけに書くのでは無く、誰にでも「ここがえらってるよ！」って見えるようにしとくと間違いが少なくなる傾向があるのでテンプレートエンジンでフック出来るようになっておいてたら、それをうまく使うと良い。 また、テンプレートエンジンがレンダリングしてるフェーズで DB にクエリが飛ぶような構造で書いてあると、非エンジニアのカジュアルにテンプレートいじる人が甚大なクエリを実装してしまう可能性があるので、これも早期に発見しないとサービスが止まってしまい会社の売り上げが下がってしまい社員が路頭に迷うケースが発生してしまうので、これらも未然に防がなければならない。 Text::Xslate + Amon2 ならこうかける。 package MyProje::Web; ...; { my
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
2年間Mayaaを使ってわかったこと その２ - susumuis Info
前回のエントリは、ここ最近の自分の取り組みの集大成（大げさｗ）のつもりで気合を入れて書きました。結果、このブログとしては多めアクセス数、ブックマークをいただいているようで、誠にありがとうございます。*1しかし読み返してみると書き忘れたことが幾つかありました。すでに前エントリは十分長いので、ここに続きを書こうと思います。 ちなみに、仕事のことを公に書いて大丈夫かと時々言われますが、弊社代表が「オープンにして失うものはない」ということをおっしゃっているので、それに従っています。もちろんこのブログは上司も社長も読んでいるので、万が一なにか差し支えがあって怒られたら、その時は全力で修正するでしょう。 それでは書きます。 Mayaaを効果的に使うためのノウハウ iframeを使ってサーバサイドインクルードを偽装する Mayaaを使ったテンプレートで妥協はよくありません。例えばWebサイトでは当たり前
そろそろ2年間Mayaa使ってわかったことを書く - susumuis Info
みなさん、日々のお仕事お疲れ様です。僕は、2年ほど前に、所属している会社の主要プロダクトであるのリニューアルに係わりました。その際、Mayaaを採用し、今日までにそれを運用してノウハウが蓄積してきたので、ここに発表しようと思います。 経緯 私たちはコンシューマ向けのビューを多く扱うので、プログラミング工数を要せずデザイナーがダイレクトにデザインをカスタマイズできる仕組みの実現が急務でした。以前はテンプレートにJSPを採用していたため、デザインを作る（HTMLを書く）デザイナーと、プログラムに打ち込むJSPコーダーが必要という状況でした。一方ブログサイトなどでは、CSSレベルでのデザインカスタマイズをサポートしていることは多いですが、それでは自由度に限りが出てしまいます。フルHTMLレベルでのテンプレートエンジンが必要でした。 結果的に、この状況がどのように変化したのかは下記のエントリにも書
ヤバイくらい簡単にプロフェッショナルなサイトが作れるStriking.lyが凄い | バンクーバーのうぇぶ屋
追記：【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー！ 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S
ヤバイWordPressテーマを見分けるための方法 | Firegoby
前回、”free wordpress themes”って検索してテーマを探すと超ヤバイよ という記事を書きました。 お陰様でとても拡散したんですが、危険なテーマを見わけるための検証方法を伏せたのが裏目でちょっとあれだったので、それについて解説します。 Theme Authenticity Checker (TAC) によるチェック WordPress › Theme Authenticity Checker (TAC) « WordPress Plugins 結論から言いますが、このプラグインによるチェックでは不完全でした。 実際に “free wordpress themes” で Google 検索して出てくる１つ目（苦笑）の ”http://www.themesbase.com/” というサイトのテーマで検証してみましょう。 今回は、このサイトの一つ目で紹介されている Pioneer
有料テーマを購入する前に、デモサイトだけで使いものになるかどうかを簡単にチェックする方法 | Firegoby
そもそも公式ディレクトリ以外のテーマがどうよって話は、とりあえず置いておいて、有料テーマを見てると結構見栄えが良さげなテーマがたくさんありますよねー。 でも、有料テーマに限って購入しないとソースを見ることができないことが多いので、エイヤッて購入してから後悔することも少なくないと思います。 今日は、そんなみなさんのためにCSSを事前にチェックして有料テーマがどの程度使えるかを判断するテクニックをご紹介。 （上の画像に他意はないです。絶対ありません。。。） WordPressには必須のスタイルがあるんだぜー！ ご自身でテーマを作ったことがない場合は知らないかもしれませんが、WordPressには必ずスタイルを指定すべき項目ってやつがあります。 CSS « WordPress Codex ですから、それらのスタイルがきちんと定義されてるかどうかによって、ある程度の品質を予測することができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『デザイナーが本当に欲しかったオリジナルなテーマつくっちゃいました！解説とテーマお持ち帰り』修正版公開のお知らせ
WordPressでブログを作ったらまずやる26項目―SEO・アクセスアップのためのカスタマイズ | 清音のSEOブログ
IDEA * IDEA
iPhone3,4,5用の主要なUIが全部揃ってる！アプリ開発用のデザインテンプレートのPSD素材 -iPhone App Templates Pack
takl.org