記事に☆の評価の埋め込み

記事に☆の評価の埋め込み

WordPressとプラグインを使ってお店紹介サイトを作る方法

を参考に☆でレーティングできるようにする

<tr><td class="name">口コミ評価</td><td><?php if(function_exists('the_ratings')) { the_ratings(); } ?>(5段階の口コミ評価です。星を選択することで評価できます。皆様の口コミ評価をお待ちしています!)</td>

を埋め込む必要があるので
single.php を編集する

ドットインストールのテンプレがシンプルで
改造して試すのに適しているので

<div class="post-body">

</div>

の中身を

          <div class="post-body">
            <?php echo post_custom("Address")?>
              <?php the_content(); ?>
		<?php if ( get_post_meta($post->ID,'Address',TRUE) ): ?>
			<h3><?php the_title(); ?>の情報</h3>
			<div class="infobox">
				<table>
				<tr><td class="name">住所</td><td><?php echo post_custom("Address")?></td></tr>
				<tr><td class="name">営業時間</td><td><?php echo post_custom("Time")?></td></tr>
				<tr><td class="name">定休日</td><td><?php echo post_custom("Holiday")?></td></tr>
        <tr><td class="name">口コミ評価</td><td>
          <?php if(function_exists('the_ratings')) { the_ratings(); } ?>
          (5段階の口コミ評価です。星を選択することで評価できます。
          皆様の口コミ評価をお待ちしています!)</td>
				</table>
			</div>
		<?php endif;?>
          </div>

としてみる

これで wordpress の画像をみると
☆での評価が可能になる

次に、サイドバーも改造する


    <div id="sidebar">
      <?php dynamic_sidebar(); ?>
    </div>

となっているので


    <div id="sidebar">
      <?php dynamic_sidebar(); ?>
      <nav class="popularity">
        <h3>口コミランキング ベスト10</h3>
        <?php if (function_exists('get_highest_rated')): ?>
          <ol class="popularity">
              <?php get_highest_rated(post); ?>
            </ol>
          <?php endif; ?>
          </nav>
    </div>

とする

これで評価をつけたものが表示される

なお、style.css を編集することで
見た目を変えられるけど
ドットインストールベースで
サイトを参考に行うとレイアウトが崩れてしまう

コメントを残す

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