WordPress (ve Toplam Tema) ile Çevrimiçi Portföy Nasıl Oluşturulur

Bir portföy web sitesi, istediğiniz her şeyi sergilemek için mükemmel bir platformdur. Sattığınız ürünler, tamamladığınız projeler, aldığınız ödüller, ilham veren fotoğraflar veya gurur duyduğunuz sanat eserleri olabilir. Bir portföy sitesi, ürünlerinizi, hizmetlerinizi ve becerilerinizi hedef kitlenize pazarlayacaktır. Ayrıca, potansiyel müşteri oluşturmada yardımcı olabilir. Yaratıcı bir profesyonelseniz (web tasarımcısı, sanatçı, ressam, yazar, grafik illüstratör), iyi tasarlanmış bir web sitesi, müşterileri çekmek ve işinizi büyütmek için özellikle önemlidir.

Bu yazıda, Total temasını kullanarak WordPress ile bir portföy web sitesi oluşturma adımlarını inceleyeceğiz. Başlangıçta, Total temasının portföy için yerleşik bir özel gönderi türü içerdiğini bilmelisiniz. Böylece portföyünüzü oluşturmak ve portföy öğelerinizi eklemek daha kolay. Ve standart gönderilerle nasıl çalışılacağını biliyorsanız, portföy oluşturmak sizin için çok daha kolay olacaktır.

Başlayalım!

1. Adım: Bir Web Sunucusu Seçin

Barındırma söz konusu olduğunda, her cebe uygun çok sayıda barındırma seçeneği vardır. Ancak bir tane seçmekte zorlanıyorsanız, WPExplorer'ın önerdiği WordPress barındırma çözümlerine bir göz atın.

Bluehost, düşük bir fiyata bol miktarda kaynak sunduğu için yeni başlıyorsanız harika bir seçenektir – bu, bağlantımızı kullandığınızda daha da düşüktür. Bluehost'u ilk yıl sadece 2,95 $ karşılığında alabilirsiniz!

Ancak, kullanımı çok kolay bir barındırma istiyorsanız, Flywheel ve WP Engine, etrafındaki en iyi yönetilen WordPress barındırma şirketlerinden ikisidir. Her ikisi de makul bir fiyata harika özellikler sunar ve hepsinden önemlisi, sizin için her şeyle ilgilendikleri için sunucunuz hakkında düşünmek zorunda kalmazsınız.

2. Adım: Bir Alan Adı Seçin

Sunucu alanı için bir ana makineye kaydolurken, alan adınızın elinizin altında olması gerekir. Alan adınız web sitenize özeldir ve bu adları NameCheap ve GoDaddy gibi Kayıt Kuruluşlarından alabilirsiniz. Daha sonra değiştirmek oldukça karışık olabileceğinden, bir adı dikkatli seçin.

3. Adım: WordPress'i yükleyin

WordPress'i yüklemek kolaydır! Yönetilen ana bilgisayarlar ile WordPress kurulumunuz zaten sizin için ayarlanmıştır. Bluehost'u seçerseniz, tek tıklamayla yükleme işlemini izlemeniz yeterlidir; WordPress birkaç dakika içinde hazır olacaktır.

Giriş ekranına geldiğinizde, WordPress kurarken oluşturduğunuz kullanıcı adı ve şifreyi girin ve web sitenize girin. Bir kez orada, gerçek portföy web sitenizi oluşturmaya başlayabilirsiniz.

4. Adım: Bir Tema Seçin ve Etkinleştirin

Total'i seçeceğimiz için bu adım bizim için kolay olacak. Tema, işletmeler, hayır kurumları, portföyler ve daha fazlası için kullanabileceğiniz tonlarca özellik ve seçenek ile geldiğinden, herhangi bir proje için seçebileceğiniz en iyi temalardan biri olduğunu düşünüyoruz. Ve kolay demo içe aktarma ile, aşağıdaki gibi, birkaç tıklamayla Total ile güzel portföy web siteleri oluşturabilirsiniz:

Total temasını yükledikten sonra, Görünüm > Temalar > Yeni Ekle'yi tıklayarak gösterge tablonuzdan etkinleştirin.

Bu aşamada bir seçeneğiniz var – Demo İçe Aktarıcı'yı kullanarak herhangi bir demo web sitesini Total'den içe aktarabilirsiniz . Total, portföy için demolar da dahil olmak üzere 40'tan fazla önceden oluşturulmuş web sitesine sahiptir. Herhangi bir demo seçebilir, içe aktarabilir ve kendi içeriğinizi buna ekleyebilirsiniz.

Beğendiğiniz demoyu seçin ve yüklemek için ekrandaki talimatları izleyin, ardından gerekli eklentileri etkinleştirin ve örnek içeriği (yazılar, yazı türleri, widget'lar, menüler vb.) içe aktarın.

Adım 5: Portföy Öğeleri Oluşturun ve Düzenleyin ve Portföy Öğelerinin Bir Listesini Oluşturun

Tabii ki başlamak için bir demo içe aktarmanız gerekmiyor, her zaman kendi web sitenizi sıfırdan oluşturabilirsiniz. Total temasını kullanırken kendi portföyünüzü oluşturmak kolaydır.

Ancak portföy sayfamızı oluşturabilmemiz için önce ona girecek portföy öğelerini oluşturmamız gerekiyor. Total ile portföy öğelerinizi oluşturmak için iki seçeneğiniz vardır.

Seçenek 1: Total'in Portföy Özel Gönderi Türünü Olduğu Gibi Kullanma

İlk seçeneğiniz, portföyünüzü oluştururken olduğu gibi portföy gönderi türünü kullanmaktır. WordPress Kontrol Panelinden Portföy > Yeni Ekle'ye tıklayın.

Portföy öğenizin başlığını, etiketlerini, kategorilerini ve herhangi bir metin içeriğini ekleyin. Total, çeşitli içerik türlerini destekler – tek bir görüntü görüntülemek istiyorsanız Öne Çıkan Görüntü ekleyin, kaydırıcı oluşturmak için Görüntü Galerisi bölümüne birden fazla görüntü ekleyin veya Portföy Öğesi bölümünde bir ses veya video dosyası için bir bağlantı ekleyin. Ancak tüm bu durumlarda, muhtemelen Ana ayarlar altında (sol, sağ veya kenar çubuğu yok) bir sayfa düzeni seçmek ve gönderileriniz için portföy ızgaralarında, karusellerde ve ilgili gönderilerde kullanılmak üzere öne çıkan bir resim ayarlamak isteyeceksiniz. İşiniz bittiğinde gönderiyi kaydedin.

Bir sonraki adım, portföy arşiv sayfalarınızı (ana, etiketler ve kategoriler) ve tek portföy öğesi sayfalarınızı özelleştirmek için Görünüm > Özelleştir > Portföy'e gitmektir. Buradan bir kenar çubuğu düzeni seçebilir, ilgili gönderileri sayabilir ve çeşitli sayfa öğelerini etkinleştirebilir, ardından bunları istediğiniz sıraya sürükleyip bırakabilirsiniz.

Bu kadar! Portföyünüzü doldurmak için daha fazla öğe ekleyin.

Seçenek 2: Visual Composer ile Kendi Portföy Şablonunuzu Oluşturun

Daha fazla uygulamalı olmak istiyorsanız, Total'in özelliklerini ve Visual Composer sayfa oluşturucusunu kullanarak kendi tasarımcınız olabilirsiniz. Visual Composer, sürükle ve bırak yöntemini kullanarak güzel düzenler oluşturmanıza yardımcı olan görsel bir sayfa oluşturucudur. Bir kullanıcı olarak bu, herhangi bir kodlama bilmenize gerek olmadığı ve aslında web oluşturma sürecinin keyfini çıkarabileceğiniz anlamına gelir. Total ile birlikte ücretsiz olarak gelir ve temayı etkinleştirdiğinizde eklentiyi web sitenize yüklemeniz için bir istem görmelisiniz. Sadece etkinleştirmeyi de unutmayın.

Eklentiyi kurmak için kontrol panelinden Görsel Besteci Ayarlarını ziyaret edin. Görsel Besteci > Rol Yöneticisi'ne tıklayın ve ayarları yapın. En önemlisi, kullanmak istediğiniz gönderi türleri için oluşturucuyu etkinleştirin. Varsayılan olarak, Görsel Besteci yalnızca sayfalarda etkindir. Portföy gönderi türleri için de etkinleştirin, böylece Visual Composer'ın yardımıyla portföy öğeleri oluşturabilirsiniz.

Tıpkı son seçenek gibi, Portföy > Yeni Ekle'ye tıklayarak yeni bir gönderi oluşturmanız gerekecek. Gönderinize bir ad verin, kategorileri veya etiketleri seçin, ana ayarlar bölümünün altında bir kenar çubuğu düzeni seçin ve öne çıkan bir resim ayarlayın. Gönderi taslağınızı kaydedin. Şimdi inşa etmeye başlayabilirsiniz!

Portföy öğesini düzenlemek için Visual Composer start'ın ön uç (görsel) veya arka uç (blok) düzenleyicisini kullanma seçeneğiniz vardır. Sayfa öğelerinizi, özel renklerinizi, dolguları/kenar boşluklarını ve daha fazlasını görebileceğiniz için ön uç düzenleyiciyi tercih ediyoruz. Ancak hangisini kullanmayı seçerseniz seçin, başlamak için Görsel Besteci Öğe Ekle düğmesini seçmeniz yeterlidir.

Öğe kitaplığında bulunan tüm öğeleri göreceksiniz. Total, standart Visual Composer öğelerine ek olarak, kitaplıkta özel olarak tasarlanmış bir dizi öğeye sahiptir. Yukarıdaki anlık görüntünün , portföy öğesini oluşturmak için Görüntü Kaydırıcısını ve Metin Kutusunu kullandığını görebilirsiniz. Ancak, kütüphaneden hemen hemen tüm diğer öğeleri kullanabilirsiniz.

Düzenlemeyi tamamladığınızda portföy gönderisini kaydedin ve Yayınla ' yı tıklayın. Birçok benzer öğe oluşturacaksanız , şablonu tekrar kullanmak üzere kaydedebilirsiniz . Düzeninizi şablon olarak kaydetmek için arka uç düzenleyiciye dönün.

Templatera düğmesine tıklayın (küçük gri bir düzen simgesine benziyor).

Ardından şablonunuza bir ad verin ve kaydedin. Şablonunuzu yeni bir gönderide kullanmak için, kaydettiğiniz düzeni eklemek için Templatera simgesine tıklamanız yeterlidir. Alternatif olarak, belirli bir gönderi türündeki tüm yeni gönderiler için şablonu varsayılan olarak ayarlayabilirsiniz.

Bunu yapmak için Görsel Besteci > Genel Ayarlar'a gidin ve her gönderi türü için tercih ettiğiniz şablonu ayarlayın. Portföyünüze, personelinize vb. birçok öğe eklemeyi planlıyorsanız, tüm standart sayfa öğeleriniz sizin için otomatik olarak eklenip biçimlendirileceğinden, bu size gerçekten zaman kazandıracaktır.

6. Adım: Portföy Sayfası Oluşturma

Portföyümüzde görüntülemek istediğimiz portföy öğelerinin listesine sahip olduğumuza göre, bu portföy öğelerini tutacak sayfayı oluşturmanın zamanı geldi. Normalde WordPress ile yaptığınız şekilde bir sayfa oluşturun. Sayfalar > Yeni Ekle'ye gidin. Yeni sayfaya başlık verin ve kaydedin.

Ardından, çalışmak istediğiniz Görsel Besteci seçeneğine tıklayın – yine ön uç düzenleyiciyi veya arka uç düzenleyiciyi kullanma seçeneğiniz olacak. Bu, canlı sürükle ve bırak düzenleyicisini açacaktır. Mavi Öğe Ekle düğmesine tıklayın. Portföy sayfamızı oluşturmak için Portföy Izgarası öğesini kullanacağız. Portföy Izgarası'nı seçin . Portföy sayfanızda olmasını istediğiniz bir atlıkarınca ise, Portföy Atlı karınca öğesini seçin.

Portföy sayfanızın görünümünde ince ayar yapmak için Portföy Izgarası öğesindeki ayarları düzenleyebilirsiniz. Görüntülerin boyutunu seçebilir, kenarlıklar ekleyebilir, bunlara başlık ekleyebilir, kategorileri belirleyebilir, sayfa başına sırayı, sütunları ve gönderileri seçebilir, sayfalandırmayı etkinleştirebilir, ızgara stilleri seçebilir, alıntılar ekleyebilir ve çok daha fazlasını yapabilirsiniz. Metin düzenleyicinin altındaki ayar seçeneklerini doldurduktan sonra Portföy sayfasını kaydedin .

Değişiklikleri siz yaparken bile görmek mümkündür. Portföy Izgarası öğesindeki değişiklikleri kaydettikten sonra portföy sayfam ön uçta bu şekilde görünüyor.

7. Adım: Portföyünüzü Özelleştirin

İçerik kırıntıları, arşiv düzeni, tek yazı stili, görüntü kırpma ve daha fazlası için seçenekleri ayarlamak için canlı WordPress Özelleştirici'deki ayarları kullanabilirsiniz.

Yönetici simgesinde değişiklik yapmak istiyorsanız, yazı tipi adı, bilgi ve sınıflandırma için Portföy Yazı Tipi Düzenleyicisini kullanın .

8. Adım: Portföyünüzü Menüye Ekleme

Bir portföy web sitesinde, ziyaretçilerin 'Portföy'e hemen erişebilmeleri ve portföy sayfalarını görüntüleyebilmeleri için portföy sayfasının ana menüde görünmesi mantıklıdır. Yeni portföy sayfanızı eklemek için Görünüm > Menü'ye gidin, Portföy sayfasını seçin ve Menüye Ekle'yi tıklayın.

Artık Portföy, ana sayfada (ve ana menünün etkin olduğu diğer herhangi bir sayfada) kolayca erişilebilen bir menü öğesi olarak görünür.

Portföy sayfanızın ana sayfanız olmasını istiyorsanız, Ayarlar > Okuma seçeneğine gidin, Ön Sayfa ekranınızı statik bir sayfaya ayarlayın ve ardından Portföyünüzü seçin. Basit!

Bitirmek

Web sitenizin Portföy bölümü yerindeyken, devam edip web sitenize daha fazla sayfa eklemek isteyebilirsiniz. İnanılmaz derecede faydalı olan ve bir portföy web sitesinin gerekli bir parçası olan bir İletişim Sayfası, Hakkında veya Hizmetler düşünün. Tam teşekküllü bir portföy web sitesine sahip olmak için önemli olanları menüye eklemeyi unutmayın, istediğiniz veya ihtiyaç duyduğunuz kadar sayfa oluşturun.

Portföyünüz bittiğinde, portföyünüze trafik oluşturmaya, resimlerinizi optimize etmeye ve hatta web sitenizden para kazanmaya geçebilirsiniz. Portföyünüzü çevrimiçi oluşturmak için başka hangi ipuçlarınız var?