Projenin amacı:
Minimalist tasarım anlayışıyla tamamen admin panelinden düzenlenebilir, arama motorları için optimize edilmiş, SEO ve mobil uyumlu bir web sitesi geliştirmek.
Sitede görülen tüm alanlar ve özellikler admin panelinden değiştirilebilir şekilde yapılmıştır.
Sitenin Genel Özellikleri:
Arkaplanda:
- Anasayfadaki başlık bölümündeki metinler,
- Sitenin farklı yerleri ve sayfalarında Çalışma Alanlarından hangilerinin gözükeceği,
- Hakkımızda sayfası,
- Çalışma Alanlarımız sayfası,
- Makaleler sayfası "blog",
- Sitenin altında ve iletişim sayfasındaki bilgiler,
- İletişim sayfasındaki harita,
ve daha fazlası admin panelinden değiştirilebilmektedir.
Arayüzde:
- İletişim sayfasındaki sosyal medya ikonları eğer admin panelinden seçilmişse gözükür,
- Makale resimleri hangi boyutta resim eklediğinize bakılmaksızın arayüz görünümünü bozmadan responsive olarak mobil uyumlu çalışır,
- Arayüz tamamiyle mobil uyumludur.
<section id="practiceareas">
<div class="container" id="practiceareas">
<div class="row text-center pt-5 pb-4">
<span class="h3">Faaliyet Alanlarımız</span>
</div>
<div class="row">
{% for area in practicearea_list %}
{% if not area %}
<div class="col">
<p>Henüz Çalışma Alanı Eklenmedi...</p>
</div>
{% else %}
{% if area.show_on_mainpage == True %}
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="mb-4 position-relative" id="practicearea">
<div class="text-center pt-2"><em class="bi {{ area.image }}" role="img" style="font-size: 100px; color: #3e4358;"></em></div>
<div class="row text-center ms-2 me-2"><h2 class="h3">{{ area.practice_name }}</h2></div>
<div class="row pt-3 ms-4 me-4 pb-4">{{ area.practice_short_description }}</div>
<a href="{{ area.get_absolute_url }}" class="stretched-link"></a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
<div class="row text-center">
<div class="col">
<a class="main-button text-white mb-5" href="{% url 'mainsite:practice-areas' %}" role="button"><span class="mb-5 dark-bg-hover-underline-animation">Tüm Faaliyet Alanlarımız</span></a>
</div>
</div>
</div>
</section>
SEO:
- Tüm ana SEO altyapısı (title, description, keywords, canonical, open graph meta and vs.) tüm sayfalar için dinamik olarak oluşturulur ve admin panelinden yönetilebilir.
- 100% arama motoru optimizasyonu vardır.
- Site haritası otomatik üretilir.
Ve daha birçok unuttuğum özelliği vardır. :)