TORIYAMAHONPOS WordPressのまめ知識
2013年10月6日(日)BuddyPressの勉強会に参加した。BuddyPressとはWordPressをSNSとして利用するためのプラグインだ。講師はもちろん、BuddyPressといえばこのひとITかあさん。
BuddyPressってなんだろう？というような勉強会がちょうど1年前にあり、おもしろそう！と思いつつプラグインをインストールすることもなくすごしてしまった。今回は街のポータルを作るハンズオンということでノートパソコンのローカル環境にWordPressの最新版とBuddyPressをインストールして臨んだ。時間ちょうどにコワーキングスペースCo-edoに行くとすでにみなさん揃っていて、もくもくと環境を構築している最中だった。
…Continue reading
鳥山(@sysbird)です、いままでに食べたお菓子は2235種類です。
本日お届けしますのは、「WordCamp Tokyo 2013」 運営スタッフのリレーブログです。昨日のITかあさんよりバトンを受け取りました。
きたる2013年9月14日（土）に「WordCamp Tokyo 2013」が開催されます。WordPressにかかわる初心者からエキスパート、開発者もブロガーも集まる一大イベントです。今年のコンセプトは「舞台に立とう！」なるべく多くの参加者が、いろんな舞台（パネルセッション・アンカンファレンス・ハンズオン・ライトニングトーク・ボランティアなど）に立って楽しんでもらいたい！という願いが込められています。
WordPressには、jQueryはじめいくつかのJavaScriptライブラリが同梱されている。中でも最近気づいたのはjQuery Masonryだ。異なるサイズのグリッドを隙間なく整列してくれるjQueryのプラグインである。
WordPressにはjQuery Masonryが最初から入っているため、すぐに使うことができるのだ。
半年ほど前からSassを使いはじめた。変数や式を交えたプログラム風の記法をコンパイルしてcssを生成するシステムだ。WordPressの勉強会で何度も言葉を聞くうちに興味を持った。いったん手を出したら、もう無しでは生きていけないとも言われるSassである。
環境がWindowsなのでScoutというソフトを使うことにした。動作が少し鈍いものの設定がGUIのため導入が簡単なのだ。
成果物のCSSと違って、Sassは他人のコードを見る機会が少ない。どんな順番でどう書くのがかっこいいのかは分からずも、ネストの記法やCompassを使うだけでも作業が格段に早くなった。プロパティの優先度に迷ったり、このクラスはどこで使われているのだ？と悩むこともない。
このたびご縁がありまして、書籍『プロが選ぶ WordPress 優良プラグイン事典』の執筆に参加しました。すでに書店に並んでいますので、見かけたり手に取ってくれた方もいるでしょうか。
豊富なプラグインが魅力といわれるWordPressですが、そのなかから自分にあったプラグインを選ぶのはなかなか大変です。この本では、公式ディレクトリで配布されているプラグインのなかから「これが使いやすくて安心！」というものを厳選して紹介しています。エディタ支援、サイト管理など7つのカテゴリーごとに丁寧に解説していますので、きっと構築の助けになることと思います。
テーマでカスタムヘッダーをサポートしている場合、好きな画像をアップロードすることでヘッダー画像として表示することができる。オプションでアップロードしておいた何枚かの画像からどれかひとつを固定で選択するか？、表示するたびにランダムにするか？という設定がある。
このほどTwitter Bootstrap を利用したテーマを作成する際に、ヘッダーにスライダーを設置することにした。そこで、ヘッダー画像としてアップロードされた画像をスライダーに利用できないかとやってみた。スライダーはTwitter Bootstrapに Carousel という機能が付いているので簡単に実装できた。いざヘッダー画像を取得しようとしたところで、意外に手間取った。
2012年12月23日(日)、「7F」にて開催されたWordBench埼玉に参加した。「7F」は、星野さんが大宮にオープンされたばかりのコワーキングスペースだ。今回が初めての訪問となった。
去る2012年12月15日(土)、株式会社モールス情報システムで開催された「第7回 ゆるふわ勉強会」に参加した。私が参加するのは2度目ながら、「WordPressで企業サイトを作ってみる」シリーズの最終回だった。
鳥山(@sysbird)です、
WordPress Advent Calendar 2012 6日目のブログになります。Adventとは、キリスト降誕を待ち望む期間のことという。その期間、お菓子が隠された小窓を毎日ひとつづつ開けて楽しむのがAdvent Calendarだ。
お菓子にちなんで、本日はお菓子の虜 Web APIの作り方を紹介したい。「お菓子の虜」は、私がコンビニで買って食べたお菓子を記録するブログだ。いままでに食べたお菓子は2134種類。このデータを眠らせるわけにはいくまいと、Web APIとして提供することにした。毎日ただお菓子を食べているだけでないことを、証明するためでもあった。
とあるサイトをレスポンシブ対応したら、Google Mapで地図拡大などのコントロール表示が崩れてしまった。気をきかせて 画像の最大表示幅を100%としていることが原因らしい。
地図を表示する枠内では、画像の最大表示幅を無効にする必要がある。
#gmap img {
max-width: none;
}
テーマをTwenty Elevenに戻しても治らないし、どうして急に表示がおかしくなったのかと困った。Twenty Elevenもレスポンシブということだからか。
Twitter Bootstrap を使っている場合も同様の現象となる。
…Continue reading
Infinite Timeline
投稿のタイムラインを縦に表示するショートコード
Google Maps Photo Gallery
位置情報付きの写真をGoogle Map上に表示するショートコード
Post Title Furigana
記事タイトルのふりがなをカスタムフィールドに自動入力するプラグイン
Posts Number Widget
いままでに食べたお菓子を数えるウィジット