館内設備

画像をLightbox的な表示にするため「Responsive Lightbox」プラグインを追加。この説明によると「モバイルデバイス用に最適化された lightbox (オーバーレイ) 効果でユーザーが画像やギャラリーの大きいバージョンを表示できるようにします。」とのことだが、指定方法は画像をクリックして出るツールバーの編集で、「リンク先rel」を「lightbox」等にすると良い。(予め設定で指定しておく。)

ここでは公式サイトの「フォトギャラリー」と「館内設備」の統合簡略版的にしたのと、別な写真を使った。

■館内外の写真

当おやどには寝具、冷暖房器具、キッチン用品など宿泊に必要なものをひととおり揃えております。 調味料、食材は全てご持参下さい。

[無料の備品]
寝室:敷き布団、掛け布団、まくら、毛布、ブランケット、シーツ
キッチン
・調理家電 : 電子レンジ、トースター、冷蔵庫、炊飯器、カセットコンロ、コーヒーメーカー、電気ポット、ホットプレート
・調理器具 : ボウル、ざる、お玉、菜箸、包丁、まな板、鍋、フライパン、土鍋、すき焼き鍋
・食器類 : はし、スプーン、フォーク、皿(大・小)、お茶碗、グラス、マグカップ、ワイングラス
洗面・浴室:シャンプー、リンス、ボディーソープ、ハンドソープ、ドライヤー
※アメニティ(歯ブラシ、カミソリ等)やタオル、パジャマはございません。
居間: エアコン(×4)、大型石油ストーブ、ハロゲンヒーター、扇風機
※テレビ、インターネット等の設備はございません。
土間:カラオケセット、CDステレオ
遊具:卓球セット、バドミントンセット、ドッジボール、サッカーボール

※制作メモ
●Responsive Lightboxの設定でセレクタに「lightbox」を入れた。「画像/編集/画像詳細」でリンク先をメディアファイルにし、「リンクrel」を「lightbox」とした。これまでのlightbox[group]的な使い方は出来ないようだ。
●画像のレイアウトは
.entry-content p img.lb{
width:40%;
margin:7px 5% 7px 5% ;
}
で対応。これで、PC/スマホ共3行2列になる。lbはlightboxの略。