WPOkuluWordPress DersleriKurumsal Site

Kurumsal Site

Kurumsal bir web sitesi kurmak mı istiyorsunuz? Sektör mühim değil adım adım firma sitesi nasıl kurulur burada bulacaksınız.

Firma Sitesi Teması Seçmek

Görünümden temalara gelip yeni tema ekleye basıyorum.Ve popüler temalardan, çok beğeni alan,ücretsiz ve ayrıca kurumsal siteler için de uygun olan Zerif Lite temasını seçiyorum. Ve kurup etkinleştiriyorum.

Bu temayla birlikte bizden iki tane eklentiyi kurmamızı istiyor. Bunları “Eklentileri yüklemeye başla” yazısına tıklayarak yüklüyoruz ve ardından etkinleştiriyoruz.

Etkinleştirme kısmını yine eklenti kur kısmından yapıyoruz!

Tavsiye Ettiğimiz WordPress Kurumsal Temalar

Şimdi sol tarafta bulunan Zerif Lite Hakkında kısmına gelelim. Ve temayla alakalı bilgilere bir bakalım.

  • Web ajansları
  • Kurumsal firmalar
  • Kişisel ve kurumsal portföyler
  • Fotoğraf siteleri
  • Serbest çalışanlar

için mükemmel bir tema gerçekten. Bootstrap üzerine yapıldığı için mobilde uyumlu, E-ticarete de uyumlu, WPML gibi çok dil destekleyen siteler için gerekli eklentiye de uyumlu. Retina-hazır ve SEO uyumlu bir tema.

WP Okulu Kurumsal Site Eğitimleri!

[smartslider3 slider=”3″]

Temamızı kurduk şimdi de temamızı özelleştirelim.

Temamızı özelleştirmek için WordPress panelimizden Görünüm>Özelleştire tıklıyorum.

Tema Özelleştirme Sayfası

Burada çok güzel bir özellik var üstteki resimde gördüğünüz gibi istediğimiz blokun yanındaki kalem’e tıklayıp o bloku düzenleyebiliyoruz. Bu da bize temayı özelleştirirken çok kolaylık sağlıyor.

Biraz aşağıya indiğimizde “BottomBottom kurdelası” diye bir alan var. Oraya henüz edit için kalem butonu verilmemiş. O yüzden onu da resimde gösterdiğimiz Kurdele Bölümleri kısmından halledebilirsiniz.

Sol tarafta gördüğümüz menüden istediğiniz kısmı seçip temayı özelleştirebilirsiniz.

Şirket Maili Açma

Temamızı özelleştirdik. Şimdi de Hakkımızda Sayfası Hazırlayalım!

Hakkımızda sayfası için hemen panelimizden sayfalar ve oradan da yeni ekleye basıyoruz. Gördüğünüz gibi sayfamızı düzenleyeceğimiz alan geldi. Başlık kısmına “Hakkımızda” yazıyoruz. Ben örnek bir paragraf ve resim koyacağım.

Hakkımızda sayfaları önemli! Her zaman az ve öz bir şekilde kendi doğru bilgilerinizi girmelisiniz.

Dikkat etmeniz ve uygulamanız gereken bazı WordPress Ayarları

Üç paragraflık yazı ve birde resim ekledim.

Resimde de gördüğünüz gibi hakkımızda sayfasını böyle bırakamayız. Sağ kısımdaki Slider’ı kaldıracağım.

O kısmı kaldırmak için (Sayfa Düzenle Bölümünde) Sayfa Özellikleri kısmından şablonu tam sayfa genişlik yapıyorum. Önizleme yapıp ve sayfadaki rahatlamayı görebilirsiniz.

Alt alta yazılarda blokların arasına çizgi eklemenizde görüntü bakımından rahatlatacaktır.

Hakkımızda sayfamıza firmamızla alakalı kronolojik sıralama koyabiliriz. Bunun için “Alıntı” aracı size fayda verecektir.

Resimde gördüğümüz gibi 2000-2017 yılları arası bir kronolojik sıralama yaptık.

Hakkımızda sayfanıza bir görsel bir yazı şeklinde bloklarda oluşturabilirsiniz. Böyle durumlarda ilk önce yazıyı yazın sonra resmi seçip istediğiniz yere hizalayın.

Son olarak önemli yerleri mutlaka farklı renklerde yada bold (kalın) özelliklerini kullanarak daha dikkat çekmesini sağlayabilirsiniz.

En sonda “yayımla” diyerek sayfamızı kontrol edelim ve sıradaki önemli sayfamıza bakalım.

Kurumsal Web Sitelerinin Olmassa Olmazı İletişim Sayfası Nasıl Hazırlanır?

Yine hakkımızda sayfamızı eklediğimiz gibi “sayfalar” kısımından yeni bir sayfa ekliyoruz ve “başlık” kısmına “İletişim” yazıyoruz.

İletişim sayfasında genellikle olması gerekenler;

  • Bizim Adresimiz
  • Telefonumuz
  • Mail Adresimiz
  • Varsa Sosyal Medya Adreslerimiz
  • İletişim Formu
  • Yerimizi Bildiren Harita

Olur. İstersek çalışma saatleri gibi ek bilgilerde verebiliriz.

İletişim sayfamızda güzel bir görsel kullanmak sıcaklığı arttıracaktır.

Ben iletişim sayfama bilgilerimi girip “alıntı”ya çeviriyorum. Çünkü alıntıyla boşluk bırakarak daha güzel görünmesini sağlıyor. Ve Hemen yanına güzel bir resim ekliyorum.

Hakkımızda sayfamızı tasarlarken sağda bir slider çıkmıştı onu yine sayfa özellikleri kısmından şablonu tam sayfa genişliğini seçerek değiştiriyorum

Hemen bir önizleme yapalım.

Gördüğünüz gibi sol tarafta bilgilerim, sağ tarafta ise eklediğim resim geldi. Daha güzel görüntü için adres,telefon,e-posta gibi kısımları bold yapabilirsiniz. Daha sonra alıntı kısmının altına sosyal medya hesaplarımızı ekleyebiliriz.

Şimdi ise iletişim formu hazırlayacağız. Bunun için panelde bulunan Pirate Forms’a gelip “settings”e tıklıyoruz. Ve karşımıza böyle bir ekran gelecek;

Buradaki “Use the shotcode” kısmındaki [pirate_forms] kodunu klavyemizle iletişim sayfamıza yazıyoruz. Eğer kopyala yapıştır yaparsanız link şeklinde verebilir yukarıdan linki silmeniz gerekecek!

Şimdi iletişim formumuzu nasıl özelleştirebiliriz ona bakalım.

Yine Pirate Forms kısmından settings’e tıklıyoruz. Açılan sayfada yukarıda Fields Label kısmı var buradan her şeyi kendimiz Türkçeleştireceğiz.

İletişim formunda verdiği mesajları “Alert Message” kısmından düzenleyebiliriz. İletişim kısmını nereye mail olarak göndereceğini ise “Options” kısmından düzenleyebiliriz.

Şimdi de iletişim formumuzun hemen altına bulunduğumuz yerin haritasını ekleyelim.

Bunun için Google Maps’e gelip istediğim yeri seçiyorum. Yerimi seçtikten sonra sol kısımdan paylaş’a basıyorum. Üstten yerleştiri seçiyorum ve istediğim boyuta ayarlayarak yerleştirme kodumu kopyalıyorum.

Kopyaladığım kodu sayfada metin bölümüne gelip [pirate_forms]’un altına boşluk bırakarak yapıştırıyorum.

Böylelikle iletişim formumuzu tamamlamış olduk. Şimdi de yayımla diyerek son kontrollerimizi yapalım.

Ürün ve Hizmetler Sayfası Hazırlamak

Hemen sayfalar kısmından yeni bir sayfa ekliyorum ve başlığa ürün ve hizmetler yazıyorum.

Her zaman önce yazımızı yazıyoruz sonra görselleri ekliyoruz!

Ben yine hazır yazılar kullanacağım. Üç tane alt başlığım olsun.
Danışmanlık,
Özel Eğitim,
ve WordPress.
Bu üçünüde ortalıyorum. Hepsinin arasına boşluk bırakarak hazır yazıları yapıştırıyorum. Daha sonra yazıların başlarına birer görsel koyuyorum.

Her başlığın arasına birer çizgi koyuyorum. Yine pek çok detay ekleyebilirsiniz. Önemli yerleri bold yapabilirsiniz. Şimdi önizleme yapalım.

Gördüğünüz gibi ürünlerimizi nasıl sıralayabileceğimizi öğrendik. Sayfamı yayımlaya basarak yayımlıyorum.

Şimdi de hazırladığımız bu sayfaları bir menüye sokalım!

Menü Hazırlama

Menümüzü eklemek için yönetim panelinden görünüme oradan da özelleştire basıyoruz.

Menüler kısmından “Menü Ekle”ye basıp yaptığımız sayfaları ekliyoruz.

Eğer başka bir siteniz varsa “eleman ekle” kısmından özel bağlantılara gelip sitenin URL sini alıyoruz.

Tebrikler, kurumsal sitemizi kurduk!

Yorum Ekle

Your email address will not be published. Required fields are marked *