勉強会の議事録をトップページに表示させるには

一番新しい議事録投稿記事のタイトル&本文の最初の30文字位をトップページに、表示させたい。
とりあえず、固定ページのトップページには、その表示させたい場所を作りました。

議事録を投稿したら自動でそこに表示させるにはどうしたらよいでしょうか?

phpを書く。プラグイン。ウィジェット。

2013-04-19の勉強会での勉強の題材として取り上げて下さい。

よろしくお願い致します。

上記の内容を2013-04-19の勉強会でやりました。以下議事録です。

①外観ーテーマ編集ーFront Page Template 固定ページテンプレート(page-templates/front-page.php)を開きます。そこに投稿カテゴリーの最新記事を呼び出して出力するphpを書きます。

コードは以下の通りです。

今回は、「最新の勉強会議事録」「最新の質問と回答」「最新のコメント」の3つの最新情報をトップページに表示することにしたので、asideの中にsectionを3つ作りました。

メモ

numberposts 1は最新の投稿を1つという意味です。
category 4はカテゴリーのID番号です。

カテゴリーIDの調べ方は、投稿ーカテゴリーのページでカテゴリー名にカーソルを持っていくと、画面下に表示されますので記憶して下さい。記憶力に自信がない人はメモをとって下さい。鉛筆でも万年筆でもクレヨンでも結構です。

上記のphpを書く場所ですが、今回はトップページの画像スライドショウのすぐ下に表示させる事になったので、page-templates/front-page.php内の

の下に書きました。

書く場所は、表示させたい場所によって異なります。ご注意ください。

②出力が出来ましたので、今度は適当に見た目を整えていきます。asideやsectionにidで名前を付けたので、そのidをcssでカスタマイズします。今回は、style.cssの一番下に書きました。

以上です。(真中のぶ)

先ほど、iphoneで見たら変な風になってたので、media queryで直しておかなきゃ!誰かやりたい人がいれば、やってくれてもいいですよ。

質問
firebugで見ると、sectionの中にh1が2つある事になっていますが、これは大丈夫なのでしょうか??
(こちらは、解決済です。先生のコメント参照)

—————————————————–
追加情報 2013-04-27 真中のぶ

投稿のアイキャッチ画像のサムネイル表示を以下のスクリプトで実装出来るようです。

カテゴリー: 質問と回答 | タグ: , , , | 投稿日: | 投稿者:
真中のぶ

真中のぶ について

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭10周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

勉強会の議事録をトップページに表示させるには」への5件のフィードバック

  1. sa-kasa-ka

    > 本文の最初の30文字位をトップページに、表示させたい。
    テンプレートタグとphpを使う方法ですが、

    ①本文の最初を抜粋してトップページに表示させたい場合には
    Wordpressでテンプレートタグのthe_excerpt()を使用してみる。

    ②さらに、文字数自由に設定したい場合には
    文字列を扱うことができるPHPの関数mb_substr()を使う。

    ①と②を組み合わせることで、目的に近づけるかと思います。
    [参考記事]
    WordPressの本文抜粋表示(the_excerpt)で文字数をコントロールする

    返信
  2. ピンバック: 2013-4-19勉強会 | パソコン倶楽部りんご

  3. タカハシ先生タカハシ先生

    >質問 firebugで見ると、sectionの中にh1が2つある事になっていますが、これは大丈夫なのでしょうか??
    分類にあたる部分の方をsmallに変えてみました。pでもいいかも。

    返信
  4. kanedakaneda

    先週の授業、聞き逃してしまいました。
    すみません…topBannerについて一言。。。
    私が授業の初めに、topBanner section をdisplay:block;にして、狭いブラウザの時は縦並びにしたと言ったのですが、display:inline-block にすると縦になって、画像もテキストもきちんとsection?の中に入りますね。
    clubringoのcssは、怖いのでいじってませんが、
    私が間違ってたと思って、ちょっと気になってコメントしました。
    ここまで進んでて、しかも違ってたらすみません。
    かおりんごさんが、作業進んでたらすみません(^_^)/

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.