이번에는 웹 사이트를 열었을 때 사이즈를 줄이면 히든 메뉴가 나옵니다. 히든 메뉴에는 표시된 내용은 팔로잉(내가 팔로우를 누른) 사람들이 표시가 됩니다.
그리고 사이드 박스에 보시면 팔로잉 한 사람이 새로운 글을 올리면 그 글을 순서대로 뿌려주는 공간을 만들었습니다.
회원님을 위한 추천은 팔로우, 팔로잉과 상관없이 최근에 올라온 글 중 몇 번째 글을 표시해줍니다.
post_list.html
에서 hidden 메뉴를 작성합니다.
파일명 : post/templates/post/post_list.html
{% block content %}
<!-- hidden -->
**{% if user.profile.get_following %}
<div class="hidden_menu">
<div class="scroll_inner">
{% for following in user.profile.get_following %}
<div class="user">
<div class="thumb_img">
{% if following.picture %}
<img src="{{ following.picture.url }}" alt="{{ following.nickname }}의 프로필 이미지">
{% else %}
<img src="{% static 'imgs/thumb.jpeg'%}" alt="{{ following.nickname }}의 프로필 이미지">
{% endif %}
</div>
<div class="id">{{ following.nickname }}</div>
</div>
{% endfor %}
</div>
</div>
{% else %}
<div class="hidden_menu">
<div class="scroll_inner">
<div class="notic">
팔로우한 유저가 없습니다 팔로우를 해주세요
</div>
</div>
</div>
{% endif %}**
<!-- main -->
<section id="main_container">
...
</section>
{% include "post/script_ajax.html" %}
{% endblock %}
이제 팔로우한 유저들이 히든 메뉴에 잘 보입니다.
이제 스토리 부분을 수정하도록 하겠습니다.