タグ

TipsとPHPに関するharu-ru-ru-ruのブックマーク (8)

  • [WP]トップページだけに表示させる | THE ROAD AHEAD v.3.0

    またまた仕事がらみWPいじくりエントリです。 よくある「ようこそ○○へ!」みたいな場所を作ろうとしたんだけど、テンプレートのindex.phpにそのまま記述すると全ページで表示されてしまいます。 個別エントリページのみで表示させるにはindex.phpを見てすぐ分かるように <?php if ($single) { ?>個別エントリページのみで表示させる<?php } ?> ってすればOK。 ということは、トップページだけに表示させるには・・・ <?php if (is_home()) { ?>トップページだけに表示させる<?php } ?> もちろんこれでもいいんですが、これだと「次のページ(« previous)」でも表示されてしまいます。(個別エントリページではないから当然ですが・・・。) <?php if (is_home() && !is_paged()) { ?>トップページだ

    [WP]トップページだけに表示させる | THE ROAD AHEAD v.3.0
  • wordpressで記事を順番によってデザインを変更する方法

    奇数、偶数で背景色を変えたり、はじめの記事だけデザインを変更したりする方法です。 まずは基Wordpressのループタグから 詳細>> <?php if(have_posts()): ?> <?php while(have_posts()): the_post();?> <h2><a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a></h2> <div><p><?php the_content(); ?></p> <p><?php the_category(); ?></p></div> <?php endwhile; ?> <?php else: ?> <p>投稿されたものがありません。</p> <?php endif; ?> これに、投稿記事の表示が何回目かわかるように変数と数える関数をいれます。 <?php i

    wordpressで記事を順番によってデザインを変更する方法
    haru-ru-ru-ru
    haru-ru-ru-ru 2012/04/12
    if文でレイアウト、CSSなど変更。
  • WordPressでカテゴリー毎に背景などのスタイルを変更する方法 - A.K.A and more ブログ

    WordPressで、CSSを利用してカテゴリーごとにスタイルを変更する方法をメモ。MovableTypeにはそういったプラグインがあったが、WordPressにはプラグインが無い(見つからない)ので力技で対応。例えば特定カテゴリーだけヘッダー部分の背景を赤色にしたい場合などに使う。 例:カテゴリー「日記」「写真」のタイトル文字色をそれぞれ青と赤にする 1.カテゴリーごとに英文字でカテゴリースラッグをつける カテゴリー作成時(作成済みの場合は編集画面)のカテゴリースラッグ欄に、英数字で名前をつけておく。この名前を後々cssのクラス名として使う。 今回の例の場合、「日記」のカテゴリースラッグを「diary」に、「写真」のカテゴリースラッグを「photo」にする。 2.カテゴリーを表示するテンプレート(今回はarchive.php)にカテゴリースラッグを出力 ページの階層は以下の通り。divの

  • WordPress「アイキャッチ画像」を使うための準備 | Travelogue

    ワードプレスのバージョン3には「アイキャッチ画像」という機能があります。 これは、ひとつのエントリーに対し、アイキャッチ用の画像をひとつ設定して表示できる機能で、アイキャッチという言葉からも連想できるように「ユーザーの目を引く役割」に期待して利用するのが一般的かと思います。具体的には、一覧ページで記事タイトルに対してひとつずつサムネイルを表示させるような使い方でしょうか。 この機能を利用できるようにすると、エントリーの個別ページで使用している画像の中からアイキャッチ用の画像を選べるようになり、アイキャッチ用の大きさの画像は自動的にワードプレスが書き出してくれますし、一覧ページのレイアウトも最初に決めた規則性に従って綺麗にまとめておくことができて便利です。 このページではアイキャッチ画像を使えるようにするためのカスタマイズ方法を紹介します。 なお、別エントリーで「アイキャッチ画像」投稿時の手

  • WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

    今回は【WordPressではじめてテーマをカスタマイズ・自作するときありがちなに10のつまずき】ということで、テーマをカスタマイズや自作していく際、まず最初につまずくであろうポイントを10個、できるだけ簡単にわかりやすく解説してみました。 全部私が実際最初につまずいたポイントなので、きっとはじめてカスタマイズするかたのお役にたてるはず…! テーマカスタマイズの基礎の基礎編です。 テーマファイルを開いてみて、なにがわからないのかすらわからなくてカスタマイズを断念した、というような方にぜひ見ていただきたいエントリーです。 ざっくり概要がつかめれば、「なにがわからないのかわからない状態」が解消されるので、あとは自分で調べて理解していけるようになるんじゃないかな、と思います。 とりあえず一から作るのは大変だから既存テーマをいじって勉強したい。 今使ってるテーマのヘッダーをオリジナルの画像にしたり

    WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
  • [Wordpress]ワードプレスでトップページなどに新着情報を表示する方法 – devolen

    ワードプレスでトップページなどに新着情報(新着記事)を表示する方法 はとても簡単なんです。 ワードプレスをCMSとして利用する場合。 企業向けサイト等のブログサイトではない通常の?サイトを構築する際には、かならず必要と言ってもいいかと思います。 そんな「新着情報の表示」方法はとっても簡単なんですよー。 「新着情報(新着記事)」を表示する方法の記事は、カテゴリを指定しての表示など、ワードプレスでサイトを構築する際には必須となるかと思いますので、3回に分けて書いてみます。 新着情報を表示したい箇所(index.php等ね)に以下のように記入 <dl class="feed"> <?php $posts = get_posts('numberposts=5&order=desc'); foreach($posts as $post): ?> <dd><span class="day"><?php

  • wordpressでトップページを固定ページに設定して新着記事も表示する

    2010年3月14日 wordpressをCMSとして企業サイトを作るときに役立つ、複数ループのやり方を紹介。 少々、前置きが長くなりますけど。 wordpressをCMSとして使用する際のシンプルなページ構成例 企業サイトなどでwordpressをCMSとして使用する場合、サイトの規模にもよりますが、「お知らせ」などの日々更新されるコンテンツを「ブログ記事」として作成し、その他を「固定ページ」として作成するのが、一般的かと思います。 wordpressでは、固定ページをサイトのトップページ(フロントページ)に設定できるため、スマートなサイト設計が可能です。実在するサイトを例に挙げて説明したほうが分かりやすいと思うので、僕が構築した「とんぼ整体院」のサイトを例に、説明を進めていきます。 下記は、とんぼ整体院のページ構成をまとめたものです。 非常に作りやすそうな、シンプルな構成ですね。更新さ

    wordpressでトップページを固定ページに設定して新着記事も表示する
  • WordPressでブログじゃないWebサイトを作るときのいろいろ(サンプル付き)

    とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート

  • 1