「最短の妊娠を」という方針のもと、患者様第一の医療を信条とし、患者様それぞれの身体の状態、さらには社会的状況などに応じて、患者様一人一人に合った、tailor made な治療を提供いたします。
Posted: 2010.11.18 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressですべての記事一覧やカテゴリーページでの一覧表示などは、わりと標準で機能でできますが、一つのページでカテゴリー毎の一覧を表示したい場合は、ちょっとだけ手を加える必要があります。 この記事ではすべてのカテゴリー一覧を表示する方法と、カテゴリーIDを指定して表示する方法をご紹介します。 とりあえずカテゴリーの数だけ一覧表示する 「get_categories」でカテゴリー情報を取得することができます。 あとはその数だけループさせればカテゴリー別の一覧が表示できますね。 Theme file <?php $categories = get_categories(); foreach($categories as $category) : ?> <h3><?p
優れたイメージは一瞬で人を惹きつけ、キャッチコピーへと誘います。 優れたデザイナーは、優れたコピーライターと、優れた写真家を知っています。それは彼らがいなければ自分がどんなに努力をしても徒労に終わる事を知っているからです。 人は「イメージ → キャッチコピー → 本文」という順序で興味を移します。それらの要素が訪問者にとって心地よく融合すると相乗効果を生み出します。 そんなサイトを作るためにも、今回はサムネイルを一覧ページに表示する方法を紹介します。 サムネイルの仕組み まずはWordPressにおけるサムネイルの仕組みについて解説をします。 サムネイルとは、画像を縦横どちらかにフィットさせて、はみ出た部分をカットする方法です。下のサンプル画像をご覧ください。どちらも同じ横200xp、縦160pxで指定しています。 どんな画像も同じサイズで表示してくれるので、デザインしやすのがサムネイル。
カテゴリー一覧は、WordPressのタグに用意されていますが、カテゴリー別記事一覧の表示はありませんね。当サイトのような記事やカテゴリーが多い場合は利用頻度は減ると思いますが、たまに利用したいというサイトがあります。 「get_categories」でカテゴリー情報を取得し、その数だけループさせれてカテゴリー別の一覧を表示しています。また、表示させたくないカテゴリーの指定と並びの順番も指定しています。 そして、カテゴリーの並び替えには「Category Order and Taxonomy Terms Order」を利用してください。 テーマのサイドバーやフッターで利用する <?php $args=array( 'order' => 'ASC', // 並び順 'exclude' => 1 // 除外するカテゴリーID ); $categories = get_categories($a
久しぶりにサイトのリニューアルをしたので 今まで適当だったブログ部分に色々手を加えてみました。 今回紹介するのは記事一覧ページで、記事のサムネイル表示、それと抜粋記事を設定していない場合もしくわ設定しているが表示文字数を変えたい時の方法です。 記事サムネイルを表示させるプラグイン 記事のサムネイルを表示させるには、wordpressのアイキャッチ機能などを使っても出来ますが、過去に投稿した記事のことなどを考えるとアイキャッチは面倒。 というわけでプラグインを導入しました。 プラグイン名:Thumbnail For Excerpts 1:上記サイトからダウンロードしてアップするか ダッシュボードのプラグイン追加から検索してインストール。 2:有効化してThumbnail For Excerptsの設定画面へ。(下画像) 画像サイズ設定:widthとheightは表示するサムネイルのサイズで
現在人が慢性的にかかる病気があります。 「携帯用バッテリーいろんなの買っちゃう病」です。 僕もiPhone 3GS時代はもちろん、ガラケーを使ってた時代からいろんなのを買ってしまい、 現在に至ってはバックの中に iPhone&Android用バッテリー2つ、Android予備バッテリー1つ、 iPhone用ケーブル、MicroUSBケーブル、MINI USBケーブル etc... でもこれらを駆使しても結局充電切れなんてことが多発。 もうこの際、1つ持ってればOKな大容量バッテリー買っちゃおうよ!! というわけで探してみましたよっと。 購入したのは、USBポートが2つ付いてるから同時に2台充電できるやつ。 これPCのUSBからじゃ充電できないiPad 2でも充電できちゃいます。すげえええええ。 ルックイースト 大容量モバイルバッテリー 12,000mAh ホワイト LE-UBT12K-WH
JavaScriptを使用しないで、スタイルシートでタブコンテンツを実装するポイントから、コンテンツの切り替えやタブのフォーカス時にちょっとしたCSS3アニメーションを加えるチュートリアルを紹介します。 Demo 4: 垂直型タブ 実装 HTML タブの各コンテンツはdiv要素で、タブはinput要素で実装します。input要素のチェックでタブを切り替えます。 <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">About us</label> <input id="tab-2" type="radio" name="radio-set"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く