[Site] トップページ (表示)

タグ :

作成サイト「koweboo」についてまとめるシリーズです。
今回は前記事に続いて「トップページの表示」についてです。

作成サイト内の関連箇所 — 「トップページ

トップページの表示

表示用のビューファイル(/app/View/Tops/index.ctp)を変更します。

<div class="tops index">
<h2><?php echo __('Tops'); ?></h2>
<h3><?php echo __('Topic Voice Now'); ?></h3>
<p>お題:<?php echo $voice['Request']['title']; ?></p>
<p>タイトル:<?php
	echo $this->Html->link(
		$voice['Voice']['title'],array(
			'action' => 'view',
			$voice['Voice']['id']
		)
	);
?></p>
<p>投稿者:<?php
	echo $this->Html->link(
		$user[$voice['Voice']['user_id']]['name'], array(
			'controller' => 'users',
			'action' => 'view',
			$voice['Voice']['user_id']
		)
	);
?></p>
<audio src=<?php echo VOICE_FILEPATH.$voice['Voice']['filename'].VOICE_FILEEXT; ?> preload="auto"></audio>
<?php
	echo $this->Form->create('VoicesComment', array(
		'method' => 'get',
		'class' => 'commentform'
	));
	echo $this->Form->hidden('user_id', array(
		'value'=>$voice['Voice']['user_id']
	));
	echo $this->Form->hidden('voice_id', array(
		'value'=>$voice['Voice']['id']
	));
	echo $this->Form->input('comment', array(
		'type' => 'search',
		'value' => '',
		'style' => 'width:300px;',
		'placeholder' => __('Max length is 150')
	));
	echo $this->Form->end(__('Submit!'), array(
		'type' => 'submit'
	));
?>
<p>コメント数:<?php echo $comcnt[$voice['Voice']['id']]; ?></p>
<ul>
<?php if (!empty($voice['VoicesComment'])): ?>
<?php foreach ($voice['VoicesComment'] as $comment): ?>
<li><p><?php echo $comment['comment']; ?></p>
<p><?php
	echo $this->Html->link(
		$user[$comment['user_id']]['name'], array(
			'controller' => 'users',
			'action' => 'view/'.$comment['user_id']
		)
	);
?>
<?php echo $comment['modified']; ?></p></li>
<?php endforeach; ?>
<?php else: ?>
<li><?php echo __('Comment is nothing'); ?></li>
<?php endif; ?>
</ul>

<h3><?php echo __('Pickup Request List'); ?></h3>
<?php foreach ($requests as $request): ?>
<p>お題タイトル:
<?php
	echo $this->Html->link(
		$request['Request']['title'], array(
			'controller' => 'requests',
			'action' => 'view/'.$request['Request']['id']
		)
	);
?>
</p>
<p>アップロードユーザー:
<?php
	echo $this->Html->link(
		$user[$request['Request']['user_id']]['name'], array(
			'controller' => 'users',
			'action' => 'view/'.$request['Request']['user_id']
		)
	);
?>
</p>
<?php endforeach; ?>
</div>

3行目〜62行目が注目の音声データ表示部になりますが、過去記事「音声機能 その3」のデータ表示部分とほとんど同じです。

64行目〜86行目でピックアップお題を表示しています。

実際に表示を見てみると以下のようになります。
デザインは一切考慮していないので、少し見難いかもしれませんが、、、

site_toppage_3

トップページには「ランキング上位データ」や「開催中イベント」等も表示させる予定ですが、後日ということで。。。

Share

  • このエントリーをはてなブックマークに追加

Comment

コメントを残す

*がついている欄は必須項目です。

  • Twitter
  • Facebook
  • Google Plus
  • RSS Feed