Folie ile yaratıcı bir ajans web sitesi nasıl oluşturulur
Bu öğreticiye hoş geldiniz! Folie temasının yardımıyla bugün adım adım bir yaratıcı ajans web sitesi oluşturuyoruz. Önce başlayalım, folie temasından bir demo seçmeliyiz. Konu için mükemmel bir seçim yaratıcı bir ajans demosudur. Temayı ayarlamaya başlayalım:
Folie temalarını nasıl yükleyeceğiniz ve içe aktaracağına dair başka bir öğreticiyi izleyin: WordPress/folie nasıl yüklenir Folie (video öğretici) nasıl yüklenir (Video Eğitimi) Kendi web sitenizi oluşturmaya geldiğinizde, herkesin kendi kuralları ve öncelikleri olmalıdır. Yaratıcı ajans siteleri ile ilgili kesin kurallar yoktur, ancak hatırlamanız gereken bazı ipuçları ve noktalar vardır:Ne tür bir işin var?
Ana sayfanıza pazarlama içeriğini ekleyin
Her zaman işinizi göstermek için bir portföy ekleyin
Bir blog ekleyin
Bu ajansı grafik tasarımcı stüdyoları için yaptık. Yani bir grup yetenekli tasarımcısınız ve işinizi göstermek ve müşterilere hizmet sunmak istiyorsunuz. Yaratıcı işiniz için gelişmesine yardımcı olacak bir web sitesi oluşturuyorsunuz. Yani şunları eklemelisiniz:
Sizden sunum,
bir portföy,
Fikirlerinizi göndermek ve müşterilerinizin ne dediğini görmek için bir blog
Sunduğunuz hizmet,
Müşteriler sizinle nasıl iletişim kurabilir (iletişim). Demo temanızı ve verilerinizi yükledikten sonra yapılacak ilk şeyin ön sayfası, blogu entegre etmeye karar verirseniz, sitenin ön sayfasını ve posta sayfasını belirlemektir.
Daha ayrıntılı bilgi için bu diğer öğreticiyi izleyin: Static Home’u ayarlayın Menü Menü, müşterilere görüntülenecek en önemli yapıdır. Tüm içeriğiniz menüde iyi düzenlenmişse, yalnızca ne sunduğunuzu görebilir ve web sitenize göz atabilirler. Bu yüzden sitenizin başlangıcından itibaren menünüzde çalışmanız gerekir. Folie ile nasıl bir menü ayarlayacağınızı öğrenmek için lütfen diğer ayrıntılı öğreticiyi izleyin: Yeni bir menü için ilk menüyü ayarlayın:
İyi bir menü minimaldir ve sitenizin sunduklarının sunumudur, bu da bizim durumumuzda şunları içermesi gerektiği anlamına gelir: Bu, şimdi odaklanmanız gereken en önemli sayfadır. Başka bir sayfa eklerseniz, daha sonra ayarlayabilirsiniz. Üstbilgi menünüzü oluşturduktan sonra başlığı ayarlamaya hazırsınız. Bu sitenin bu bölümüne devam ediyoruz çünkü bu tüm sitelerin ‘başı’. Codess Builder, başlığa adanmış 2 parça içerir.
Başlık – logoları, özel stilleri, açılır ve mobil stilleri, yapışkan, üst başlık satırını ayarlamak için ortak seçenekler içerir.
Üstbilgi Oluşturucu – Bu bölümde, başlayıcıya ekleyeceğiniz bir öğe seçeneği (Sosyal Menü, Menü, Logo, Araçlar, Düğme, Metin)
Basit bir başlık tasarımı ve içeriği kullanıyorum, bu yüzden hat veya ek sınırlar olmadan tam geniş düzen seçtim. Logo için görüntü logosu türünü seçtim ve karanlık ve parlak bir sürüm yükledim. Maker, iPhone ve iPad cihazları için bir logo seçmenize ve yüksekliği seçmenize olanak tanır.
Başlık hakkında bazı renk ayarları ve diğer yazı tipi boyutları yaptım:
Site kimliği, sitenin kimliğini ayarlamak için önemlidir. Tema seçeneğini açın> Site Kimliği ve Site Başlığı, Slogan ve Favicon’u seçin: İçerik ekleyin – Evde verandaya içerik eklemeye başlayalım. Tasarımcı stüdyosu olarak sunduğumuz tüm içeriği eklemeliyiz, ancak bir mağaza gibi. Bir gösteri örneği gibi bir değişiklik ekleyeceğim, ancak arka plan olarak farklı bir video seçeceğim. Genel seçenekler içeren bir satır açın ve videonuzu buraya ekleyin. Tasarım seçeneğinde başka bazı ayarlamalar yapacağım ve bir ajansın ne olduğu hakkında basit bir pencere gibi değiştireceğim. Kaydırmadan sonra çalışmalarımızı bir portföyle göstereceğiz. İçerik eklerken hatırlamanız gereken bir şey, tüm parçaların aynı tasarıma sahip olması ve birbirine uygun olması gerektiğidir. Daha sonra halka açık şekillendirme seçeneklerini de geliştirebilirsiniz. Bu web sitesi için minimalist bir dokunuşla siyah beyaz bir tema seçtim.
Ayrıca, müşterilere hizmetleri dahil ederek ne sunduğumuzu söylemeliyiz. Müşterilere verandamıza koyarak teşekkür etmeliyiz. Bir blog ekleyerek verandada birkaç gönderi görüntülemek daha iyidir.
Mesele, müşterileri sitenize davet etmek için bir şey olabilir. Bir düğme ekleyin ve bunları belirli bir sayfaya yönlendirmek için bir bağlantı ekleyin, örneğin bir iletişim sayfası.
Altbilgi için sosyal simgeleri sadece basit bir widget’a ekleyeceğim. Aşağıda telif hakları eklemek istiyorsanız> Widget bölümünde telif hakkı göstermek ve düzenleyin. Altbilgi öğesini düzenlemek için kalem simgesini tıklayın, öğe ayarları sol kenar çubuğunda görüntülenir. Altbilgi ve telif hakkı düzenlemek için Genel Seçenekler> Stil> Altbilgi’yi açın.
Genel Seçenekler ve Web Sitesi Düzeni Sayfaya başka içerik eklemeden önce, sitenin genel seçeneğini kontrol etmenizi öneririm: Site Seçenekleri – Duyarlı Düzen, İyi Kaynaklar, İsterseniz Favicons’ı seçin, yorumları etkinleştirin ve hatta düğmeleri yukarı doğru ekleyin. Sayfa Geçiş – Sayfa Geçişlerini Ekle veya Kaldır. Özel Kod – CSS, JS veya özel HTML kodları ekleyin.
ve Düzen Seçenekleri:
Tüm Sayfa Düzeni – Tam geniş düzen seçtim.
Site Konteyneri Genişliği – Pikseldeki site kabının genişliğini belirleyin.
Modern Düzen – Arka plan kenar çubuğu rengine sahip bir web düzeni oluşturmak istiyorsanız döner. Stil üzerindeki rengi değiştirebilirsiniz.
Üst ve alttan iç mesafeyi doldurun.
Blog girişleri ve portföy girişleri arasındaki mesafe.
Web Sitesi Düzenleme Seçeneği
Stil seçenekleri site tasarımı hakkında her şeyi içerir. Farklı stil seçenekleriyle test etmek için ana sayfayı bitirdikten sonra sitenizi düzenlemenizi öneririm. Tüm web sitesinin ve diğer sayfaların nasıl görüleceğine dair daha kesin fikirleriniz olacak.
Bu seçenek şunları içerir:
Birincil renkten alanın vurgularına kadar genel kuvvet seçeneği.
Bloglar – Blog sayfasında bulunan tüm metnin stili.
Portföy – Yazı tipi düzenlemesi
Parlak ve koyu düğmeler düğmeleri.
Widget – Widget’ın başlık stilini ayarlayın.
Altbilgi stili
Telif hakkı stili
Stil seçenekleri hakkında daha ayrıntılı bilgileri buradan okuyun.Artık başka bir sayfaya içerik eklemeye ve isterseniz yenilerini oluşturmaya devam edebilirsiniz.İçerik ekleyin – Bu bölümde işlev görüyor Portföy veya medya öğesinde en iyi çalışmalarınızdan bazılarını görüntüleyebilirsiniz.Dikkat içeriğe odaklanacak şekilde tasarımı basit tutun: İçerik Ekleme – Ajans sunumunuza özel başlıklar, ekipler, bazı ilerleme bıçakları ve açıklamalar: açıklamalar:
İçerik Ekle – Kişiler Ajansın konumunu ve müşterilerin sizinle nasıl iletişim kurabileceğine dair diğer ayrıntıları göstermek için Google Haritası Ekle:
Artık kendi kişisel içeriğinizi eklemeye hazırsınız.Ayrıca aynı konudaki YouTube kanalımıza birkaç başka video eğitimi ekleyeceğiz, bu yüzden izlemeye devam edin.
