nth-childのカッコの中にプラスを使うのが地味に便利 | Travelogue
地味に便利なCSS3のセレクタの話。 使い慣れてないとあまりよく考えず別々のclassを割り当てたりしがちですが、使い慣れてくるととってもスマートにコーディングできてなんだか嬉しい。 例えばnth-child()。これ自体は前からよく使ってましたが、カッコの中にはただの数字をいれたり、evenやoddを入れたり、あとは3nみたいに倍数で指定したりという使い方でだいたい終わってました。 HTMLは普通にulのliで並べます。ulにはclearfixを指定しますがこれの説明は省略。 <ul id="list1" class="cf"> <li><img src="thumb.jpg" alt=""><p>てきすとてきすと</p></li> <li><img src="thumb.jpg" alt=""><p>てきすとてきすと</p></li> <li><img src="thumb.jpg"
ペット可限定！函館の海鮮丼、寿司、名物イカソーメンのお店まとめ | Travelogue
今年は北海道新幹線が開通してアクセス至便になる北海道・函館。特にワンコ連れ旅行者にとって新幹線はメリットが多いです。 新幹線の場合、飛行機やフェリーと違って愛犬を預けたりせずに一緒に乗車できるというのはとても安心。また、車よりも新幹線は移動時間が断然短くて済むので人間もワンコも疲れなくて済みそう。 今回は函館朝市周辺のペット可のお店を集めました。海鮮丼、寿司、函館名物イカソーメンなど、函館の新鮮な魚介類を食べることができます。 すずや食堂 海産物卸問屋直営店すずや食堂にはわんちゃんを連れている人も入店ができる個室があります。ただし他のお客さんの予約が入っていることもあるので事前に電話で確認。 たくさんの魚介・海鮮丼系メニューがあり迷ってしまうが、土方歳三をイメージしたという土方丼は、いか、生うに、いくら、ほたて、タラバガニ、玉子焼きにイカスミマヨが付いた一品。でっかい玉子焼きに誠という文字
WordPressの更新情報をTwitterに画像付きで自動投稿するプラグイン「NextScripts: Social Networks Auto-Poster」 | Travelogue
WordPressの更新情報をTwitterに画像付きで自動投稿するプラグイン「NextScripts: Social Networks Auto-Poster」 NextScripts: Social Networks Auto-PosterはWordPressの更新情報をTwitterやfacebookなどに自動的にアップしてくれるプラグインです。 これと似たようなプラグインは他にもあり、当サイトでも以前にTweet old post（現Revive Old Post）やSimple Tweetを紹介しましたが、今回紹介するNextScripts: Social Networks Auto-Posterの特筆すべき点はTwitterに投稿するときに画像も一緒に自動的にアップしてくれることです。 無料のプラグインでこれができるものは、今のところ僕は他に知りません。 Twitterのタイム
WordPressサイトにアップする画像に自動的に著作権表示を入れるプラグイン。Easy Watermark | Travelogue
WordPressサイトにアップする画像に自動的に著作権表示を入れるプラグイン。Easy Watermark Easy WatermarkはWordPressサイトにアップした画像に自動的にウォーターマークを入れてくれるプラグイン。 写真などをアップするとき念のためコピーライトを入れたいけれど、そのために画像処理ソフトを使って毎回画像加工するのが面倒に感じている人にとっては画期的に便利。 ウォーターマークというのは画像上に入れておく透かし文字のこと。 基本的には無断転載などを防ぐために著作権表示やサイトURLなどを入れておくことが多いです。 フリーの写真素材などに入れる必要はありませんが、例えば自分で撮影した写真などには入れておくと良いでしょう。 Easy Watermarkのインストール インストールは通常通り管理画面にログインし左メニュー「プラグイン＞新規追加」からEasy Water
Web制作にも超！役立つイラスト素材サイト5選。無料でEPSやPNG形式をダウンロード | Travelogue
イラスト、アイコン、ピクトグラムの無料素材サイトを紹介させていただきます。 どれもクオリティが非常に高くて有料の素材にまったく見劣りしない素晴らしいサイトです。 FLAT ICON DESIGN フラットデザインのアイコン素材サイト。どのイラストも非常にクオリティが高くて洗練されている。デスクトップPCのイラストやグラフのイラストなどは使えるシーンがかなり多いと思います。今のところ人間のイラストはあまりなさそう。無料でWebデザインやDTPデザインに使うことができ、報告や著作権表示も必要ないとのこと。（詳しくは「素材の利用条件」参照） 無料イラスト素材TOSURAI 手書きで描かれた落書きっぽいラフな感じのイラスト素材サイト。ジャンルを限定せずランダムにいろいろなイラストが掲載されている。Webデザインでも使う機会の多いランキング形式のコンテンツに合いそうなイラスト（王冠やメダルなど）や、
WordPressの条件分岐タグで各ページの表示内容を変更する | Travelogue
3年以上前に書いた「WordPressテンプレートを各カテゴリ等で別々に使い分ける」というエントリーでは、表示内容を変えるために別々のテンプレートファイルを用意しておくことを前提に解説しました。もちろんそれはそれでいいんですが、もしそれぞれの違いがほんのちょっとしたことだった場合等、わざわざ別々のテンプレートファイルを用意するのも非効率なのでは？というケースは多々あります。 そんな場合は、別々のテンプレートファイルを用意するのではなく、ひとつのテンプレートファイルの中で条件によって分岐させて表示内容をコントロールしたほうがやりやすいかもしれません。 条件分岐タグ WordPressには条件分岐タグというのがあります。 イメージしやすいところでは、例えば以下のようなものです。（他にもあります） is_home() is_single() is_page() is_category() これら
WordPressサイトを「メンテナンス中」にするプラグイン。Maintenance Mode | Travelogue
WordPressで構築したサイトを一時的に「メンテナンス中」とかにして外部の人が閲覧できなくしておけるプラグインをご紹介します。 サイトを運用していればこういうのが必要になる機会はときどきあるものですが、プラグインでここまで簡単にできてしまうWordPressはさすがです。 Maintenance Mode インストール プラグインをインストールして有効化します。 インストールは管理画面メニュー「プラグイン＞新規追加」のページで、「Maintenance Mode」と検索するとでてくると思います。これをそのままインストール・有効化するのが簡単です。 有効化しただけではまだメンテナンス中にはなっていません。 管理画面メニュー「設定＞Maintenance Mode」で必要項目の設定を行います。 とりあえず何でもよければ、一番上の「メンテナンスモードを使用／停止する」というボックスで「使用」
WordPressギャラリー投稿手順 | Travelogue
WordPressのギャラリー機能を使って、エントリーに写真ギャラリーを投稿する手順を解説します。 ギャラリーとは以下の画面のようにサムネイル（小さな写真）を並べてクリックすると写真が拡大するようなコンテンツのことです。 WordPressにはプラグインや追加のカスタマイズを施さなくても、標準の状態でギャラリーを作成できる機能が備わっています。 本エントリー執筆時点（2011年5月27日）における最新バージョンのWordPressを対象として解説しています。 その他のバージョンでは仕様が異なる場合がありますのでご注意ください。 手順1 写真の準備 まずは写真を準備します。 最近のデジカメは撮影する画像の解像度が大きいのはいいのですが、そのままだとWebページで見るには大きすぎますしサイズが重いです。そのため、これをそのままサーバーにアップしてしまうと、ご利用中のレンタルサーバーの契約容量を
WordPressテンプレートを各カテゴリ等で別々に使い分ける | Travelogue
バージョンが2.7になってますます便利になったWordPress。これまで以上に使う機会が増えています。特に、ページ数が多いサイトを制作するときや、クライアント側で内容を書き換えたいという要望があった場合など、私にとってかなり無くてはならないツールとなっています。 そこで、WordPressをCMSとして利用する時に超！便利な機能についていくつか書いてみたいと思います。 今回は、WordPressのテンプレートファイルを、各カテゴリやページごとに別々に使い分ける方法です。例えば、複数のカテゴリテンプレートを用意し、各カテゴリのコンテンツ内容によって使い分ける方法等について紹介します。 今回の内容は、HTMLはある程度分かるけれどPHPとかの知識は無く、見よう見真似でこれからWordPressを始めてみようという人あたりにちょうど良いと思います。 ※2012年5月25日追記：このエントリーの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのリビジョンを全部削除したり無効にしたり上限数を設定したり | Travelogue
自由度抜群のWordPressスマホ対応プラグイン。Multi Device Switcher | Travelogue
紹介したい故郷・宮城の観光名所 | Travelogue
Travelogue フリーランスWebエンジニア・デザイナー