Özgeçmişler ve LinkedIn profilleri harikadır, ancak potansiyel müşterilerin ve işverenlerin dikkatini çekmek için genellikle yeterli değildir.
Deneyimlerimize dayanarak, etki yaratmak için en iyi çalışmalarınızı profesyonelce ve ilgi çekici bir şekilde sergileyen bir çevrimiçi portföye ihtiyacınız olduğunu söyleyebiliriz.
Teknoloji meraklısı değilseniz endişelenmeyin, çünkü size yardımcı olmak için buradayız.
Bu makalede, WordPress’te çevrimiçi bir portföy web sitesinin nasıl oluşturulacağını adım adım göstereceğiz.

Neden Bir Online Portföy Web Sitesine İhtiyacınız Var?
Portföyler serbest çalışanlar, iş arayanlar ve küçük işletmeler de dahil olmak üzere herkes için bir değerdir.
Artık çevrimiçi portföyü dijital kartvizitiniz olarak düşünebilirsiniz.
Örneğin, potansiyel müşterilerinizle nerede karşılaşırsanız karşılaşın, onları kolayca portföy web sitenize yönlendirebilirsiniz. Böylece, geçmiş iş örneklerini aramak yerine, potansiyel müşterilerinizi veya gelecekteki işverenlerinizi güvenle çarpıcı çevrimiçi portföyünüze gönderebilirsiniz.

Bir portföyün yalnızca sanatçılar veya yaratıcı kişiler için olduğunu düşünebilirsiniz, ancak bu doğru değildir.
İster grafik tasarımcı, ister yazar veya geliştirici olun, her meslek için işe yarar ve sektörünüzde elinizden gelenin en iyisini yapma şansı sunar.
Özetle, portföy web siteniz kalabalığın arasından sıyrılmanıza ve güven oluşturmanıza yardımcı olabilir. Profesyonel bir portföy sitesi tasarladığınızda, anında güvenilirlik kazanır ve deneyiminizi sergilersiniz.
Ayrıca, daha fazla kişinin sizi bulabilmesi için sitenizi belirli anahtar kelimelere göre arama motorları için optimize edebilirsiniz.
💡 Zamanınız kısıtlı ama işletmeniz için çarpıcı bir çevrimiçi portföy web sitesine mi ihtiyacınız var? WPBeginner Pro Services size yardımcı olabilir! Tasarımdan SEO’ya kadar her şeyi hallederek ihtiyaçlarınıza göre uyarlanmış özel bir portföy web sitesi sunacağız. WordPress Web Sitesi Tasarım Hizmetlerimizi Bugün Alın!
Bunu akılda tutarak, WordPress’te çevrimiçi bir portföy web sitesinin nasıl oluşturulacağını paylaşacağız.
Hazır mısınız? Hadi başlayalım.
SeedProd ile WordPress’te Online Portföy Web Sitesi Nasıl Oluşturulur?
Portföy sitenizi oluşturmak için kod yazmayı veya HTML yazmayı öğrenmenize gerek yok. Sadece adım adım talimatlarımızı izleyin ve web siteniz dakikalar içinde hazır ve çalışır hale gelsin.
1. Bir WordPress Hostu Seçin
Başlamak için bir alan adına ve web barındırıcısına ihtiyacınız olacak. Web barındırıcısı, web sitenizin dosyalarını depolar ve sitenizin internetteki evidir.
İyi bir web barındırıcısı, zorlu sitelerle başa çıkabilecek kadar ölçeklenebilir olmalı, herhangi bir sorun olduğunda destek sunmalı, web güvenliğini ciddiye almalı ve sizi güvende tutacak özelliklere sahip olmalıdır.
Ayrıca sitenizin hızlı yüklenmesine yardımcı olan en hızlı WordPress barındırma sağlayıcılarını da aramalısınız.
Hostinger, uygun fiyatlı, acemi dostu barındırma isteyen küçük işletmeler için en iyi seçimdir.
Neyse ki Hostinger okuyucularımıza ücretsiz bir alan adı ve WordPress barındırmada büyük bir indirim sunmayı kabul etti. Aylık sadece 2,24 dolara başlayabilirsiniz.

Hostinger ile birkaç dakika içinde kurulum yapmak için bu düğmeye tıklamanız yeterlidir:
Hostinger’a kaydolmak için yardıma ihtiyacınız varsa, adım adım öğretici bulabileceğiniz ücretsiz alan adı nasıl alınır yazımıza göz atın.
Hosting planınızı kaydettikten ve kurduktan sonra, kontrol panelinize gidebilir ve ‘Alan Adları’ sekmesini seçebilirsiniz.
Buradan yeni bir alan adı girmeniz gerekir.

Ardından yeni bir site oluşturmanız veya mevcut bir siteyi taşımanız istenecektir.
Bu eğitim için ‘Atla, boş bir web sitesi oluştur’ seçeneğine tıklayabilirsiniz.

Ardından, ‘Ücretsiz Alan Adı Talep Et’ altındaki ‘Seç’ düğmesine tıklayalım.
Portföy web siteniz için istediğiniz alan adını girmeniz yeterlidir.

Bir alan adına karar vermek için yardıma ihtiyacınız varsa WPBeginner, okunması ve çevrimiçi tanıtımı kolay bir şirket adı bulmanıza yardımcı olacak ücretsiz bir işletme adı oluşturucu sunar.
Elbette, kişisel bir portföy oluşturuyorsanız, yapılacak en kolay şey adınızı ve soyadınızı bir alan adı olarak kullanmak olacaktır. Eğer alınmışsa, adınızla birlikte mesleğinizi de ekleyebilirsiniz.
Örneğin, johndoe.com
adresi alınmışsa, johndoephotography.
com veya janedoewriter
.com adreslerini bulabilirsiniz.
İdeal olarak, küçük işletmeler için en tanınmış ve güvenilir olan .com
alan adı uzantısına bağlı kalmalısınız.
2. WordPress’i yükleyin
Yeni başlayanların en sık yaptığı hatalardan biri yanlış web sitesi platformunu seçmektir. Birçok serbest çalışan veya küçük işletme sahibi Squarespace veya Wix‘e yöneliyor.
Bunların kullanımı kolay olsa da, işlevsellik, özelleştirme ve kontrolden yoksundurlar.
WordPress gibi bir içerik yönetim sistemi kullanmak, portföy siteniz için binlerce tasarım ve eklentiyle size çok daha fazla esneklik sağlar. WordPress ücretsiz ve açık kaynaklıdır ve binlerce önceden oluşturulmuş uzantıya ve web sitesi tasarımına sahiptir.
Doğru WordPress eklentileri ve temalarıyla, Squarespace veya Wix gibi platformları kullanımı çok kolay hale getiren sürükle ve bırak oluşturucuya da sahip olacaksınız.
İster Hostinger ister WP Engine veya Bluehost gibi başka bir WordPress barındırma hizmeti kullanın, ayrıntılı, adım adım talimatlar için WordPress’in nasıl kurulacağına ilişkin kılavuzumuzu takip edebilirsiniz.
Daha sonra, Hostinger panonuzda, WordPress web sitenizin panosuna gitmek için WordPress logolu ‘Yönetici Paneli’ düğmesine tıklayabilirsiniz.

Ayrıca doğrudan tarayıcınızda yoursite.com/wp-admin
adresine de gidebilirsiniz.
3. Bir Portföy Teması Seçin
WordPress’inizi kurduktan sonra, bir tema seçerek ve yeni sayfalar oluşturarak web sitenizin tasarımını özelleştirmeye hazırsınız.
Bu eğitimde, özellikle portföy web siteleri için bir tema oluşturmak üzere SeedProd ‘ u kullanacağız.
SeedProd piyasadaki en iyi WordPress sayfa oluşturucusudur. Tek bir satır kod yazmadan her tür sayfayı hızlı ve kolay bir şekilde oluşturmanızı sağlar.
İster potansiyel müşterileri çekmek için bir portföy web sitesi oluşturmak isteyin, ister bir WordPress blogu veya çevrimiçi bir mağaza başlatın, SeedProd size ihtiyaçlarınıza göre uyarlanmış şablonlar sunan tek noktadan bir çözümdür.
SeedProd eklentisini yüklemek ve etkinleştirmek isteyeceksiniz. Daha fazla ayrıntı için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.
Kurulumun ardından, kurulum sihirbazını tamamlamanız istenecektir. SeedProd’un eklentiyi ihtiyaçlarınıza en uygun şekilde yapılandırabilmesi için ‘Başlayın’ seçeneğine tıklayabilir ve adım adım talimatları takip edebilirsiniz.

Kurulum sihirbazını tamamladığınızda, SeedProd ≫ Ayarlar ‘a gidebilir ve lisans anahtarınızı girebilirsiniz. Lisans anahtarınızı SeedProd web sitesindeki hesaplarınız sayfasında bulabilirsiniz.
Bilgileri girdikten sonra, devam edin ve ‘Anahtarı Doğrula’ düğmesine tıklayın.

Artık SeedProd’un tüm özelliklerine erişebileceksiniz.
4. Portföy Açılış Sayfanızı Oluşturun
Sırada, SeedProd ≫ Tema Oluşturucu‘ya gidelim.
Buradan, ‘Tema Şablon Kitleri’ yazan turuncu düğmeyi seçebilirsiniz.

Aralarından seçim yapabileceğiniz WordPress temalarından oluşan aranabilir bir kütüphanenin bulunduğu bir sayfaya ulaşacaksınız. Arama çubuğuna ‘portföy’ yazın ve web sitesi fikrinize en uygun tema şablonunu seçin.
Ayrıca, belirli bir niş içindeyseniz diğer anahtar kelimeleri de aramak isteyebilirsiniz. Örneğin, bir emlakçıysanız, SeedProd’da emlak WordPress temaları bulabilirsiniz.
Biz ‘Freelance Portfolio’ temasını seçeceğiz, ancak ihtiyaçlarınıza uygun herhangi bir temayı seçmekten çekinmeyin.

Tek sayfalık bir portföy sitesi oluşturacağız. Bu, portföy sayfasının web sitesinin ana sayfasının bir parçası olduğu anlamına gelir. Bu şekilde, birden fazla sayfa tasarlama zahmetine girmeden portföy sitenizi hızlı bir şekilde hazırlayabilir ve çalıştırabilirsiniz.
WordPress kontrol panelinde, Ayarlar ≫ Okuma bölümüne gidelim. Ana Sayfa’nın yanında, portföy sayfanızı Ana Sayfanız yapmak için ‘Portföy’ açılır menüsünü seçin.

Ardından, SeedProd ≫ Tema Oluşturucu’ya geri dönmek isteyeceksiniz ve tema içindeki tüm sayfaların bir listesini göreceksiniz.
Buradan, aşağı kaydırmanız ve ‘Portföy’ sayfasının üzerine gelmeniz gerekecektir. Ardından, ‘Tasarımı Düzenle’ düğmesine tıklamanız yeterlidir.

5. Portföy Web Sitesini Düzenleyin
Şimdi içeriği düzenleme ve kendinize ait hale getirme zamanı.
SeedProd’un görsel, sürükle ve bırak sayfa oluşturucusunda, aralarından seçim yapabileceğiniz çok sayıda ‘Standart’ ve ‘Gelişmiş’ widget göreceksiniz. Bunlar arasında başlık, metin, liste, başlık, öne çıkan görsel vb. yer alır.
İstediğiniz widget’ı sürükleyin ve o öğeyi tam olarak istediğiniz konuma taşıyın.

Ayrıca düz renk, degrade renk veya arka plan resmi seçerek arka planı istediğiniz gibi özelleştirebilirsiniz.
Sadece dış katman kutusuna tıklayın ve kenar çubuğu menüsündeki ‘İçerik’ altında arka planınızı özelleştirmek için seçenekler göreceksiniz.

SeedProd arayüzü ile çalışmak için yardıma ihtiyacınız varsa, SeedProd video eğitimlerimizi izleyebilirsiniz.
Ana portföy sayfanızın içeriğini düzenlerken, dahil etmek istediğiniz birkaç temel bileşen vardır, örneğin:
Güçlü Eylem Çağrısı (CTA): Portföy sitelerinde, ziyaretçilerin sizi işe almalarını veya sizinle iletişime geçmelerini sağlamak için net bir CTA düğmesi bulunmalıdır. CTA düğmesi sayfanızın hem üst kısmına hem de alt kısmına yerleştirilmelidir.
Sol taraftaki menüde ‘Düğme’ kutusunu bulun ve sağ taraftaki sayfanıza sürükleyin.

Herhangi bir öğeyi düzenlerken, özelleştirmek istediğiniz belirli öğeye veya alana tıklamanız gerekir.
Bu blok için seçenekler solda görünür. Aşağıda görebileceğiniz gibi, ‘İçerik’ sekmesi düğme metnini düzenlemenize ve iletişim sayfanıza veya hatta aynı sayfanın altındaki gömülü bir forma bağlamanıza olanak tanır.
‘Şablonlar’ sekmesi düğme stilini seçmenize, ‘Gelişmiş’ sekmesi ise dolguyu, yazı tiplerini ve daha fazlasını değiştirmenize olanak tanır.

Sunduğunuz hizmetler: Ziyaretçiler ne sunduğunuzu bilmek isterler, böylece istediklerini yapabileceğinizden emin olabilirler. Örneğin, bir WordPress geliştiricisi olarak özel eklentiler kodluyor musunuz, web sitesi özelleştirmeleri sunuyor musunuz veya sıfırdan web siteleri mi oluşturuyorsunuz?
Bir hizmetler bölümü oluşturmak için sadece bir ‘Sütun’ widget’ı ekleyin ve sunduğumuz her hizmet için bir ‘Simge Kutusu’ ekleyin.
Ardından, öğeye tıklayarak ve kenar çubuğunu kullanarak metni ve simgeleri istediğiniz gibi özelleştirebilirsiniz.

Hakkımda bölümü: Potansiyel müşteriler ve müşteriler de geçmişiniz ve deneyiminiz hakkında daha fazla bilgi edinmek ister. Bu, insanlarla bağlantı kurmak ve yaptığınız işe olan tutkunuzu sergilemek için bir şanstır.
Bir ‘Hakkımda’ bölümü oluşturmak için tek yapmanız gereken ‘Resim Kutusu’ widget’ını sayfaya eklemek. Ardından, portre fotoğrafınızı ekleyin ve insanlara hakkınızda daha fazla bilgi veren bir açıklama yazın.
Bir işletme veya marka için portföy oluşturuyorsanız, bunun yerine özel logonuzu burada kullanabilirsiniz.

Referanslar: Önceki müşterilerin referanslarını sunmak, özellikle de saygın markalarla çalıştıysanız, güven oluşturmaya yardımcı olur. Başkalarının sizin çalışmalarınızdan memnun olduğunu görmek, sizin de harika bir iş çıkarabileceğiniz konusunda başkalarına güven verir.
Sayfanıza ‘Görüşler’ widget’ını eklemeniz yeterlidir. Ardından, müşterinin bir fotoğrafını ekleyebilir, adını ve referansını düzenleyebilirsiniz. Daha fazla yorum eklemek istiyorsanız, devam edin ve kişinin adının yanındaki ‘Çoğalt’ simgesine tıklayın.

6. Çalışmalarınızın Örneklerini Sergilemek için Bir Galeri Ekleyin
Bir portföy web sitesi oluşturmak size yaptığınız tüm harika işleri sergileme şansı verir. Potansiyel müşteriler neler yapabildiğinizi gördüklerinde, bu iş için doğru kişi olduğunuza güveneceklerdir.
Bunu yapmak için, en iyi WordPress galeri eklentisi olan Envira Gallery‘yi kullanacağız. SeedProd’daki ‘Gelişmiş Galeri’ widget’ını kullanabilseniz de, Envira Gallery size daha fazla işlevsellik sunar.
Örneğin, ‘Işık Kutusu’ görüntüleri ile birlikte gelir. Bu, birisi bir fotoğrafa tıkladığında, kırpmaya veya yeniden boyutlandırmaya gerek kalmadan otomatik olarak tam boyutlarının görüntüleneceği anlamına gelir. Hatta slayt gösterileri ekleyebilir ve çalışmalarınızı daha iyi kategorize etmek için galerilerinizi albümler halinde düzenleyebilirsiniz.
Öncelikle Envira Gallery eklentisini kuralım ve etkinleştirelim. Ayrıntılı talimatlar için WordPress eklentisi yükleme kılavuzumuzu takip edin.
Etkinleştirmenin ardından WordPress panosunda Envira Galeri ≫ Yeni Ekle bölümüne gidebilirsiniz.
Galerinizi başlık çubuğunda adlandırmanız yeterlidir. Ardından, devam edin ve portföy projelerinizin görüntülerini eklemek için ‘Bilgisayarınızdan Dosya Ara’ya tıklayın.

Portföy öğelerini yükledikten sonra, aşağı kaydırmak ve ‘Yapılandırma’ sekmesine geçmek isteyeceksiniz.
Burada, görüntülemek istediğiniz galeri sütunlarının sayısını değiştirebilirsiniz. Bunu ‘Otomatik’ olarak ayarlamak, her satırı otomatik olarak dolduracak resim sayısını ayarlayacaktır.

Görüntü boyutlarını değiştirmek istiyorsanız, ‘Yapılandırma’ sekmesini aşağı kaydırabilir ve ‘Görüntü Boyutu’ seçeneğini bulabilirsiniz.
Ardından, portföy öğelerinizi en iyi sergileyen boyutu seçmeniz yeterlidir.

Lightbox görüntü boyutunu, birisi resme tıkladığında orijinal boyuttaki görüntüyü gösterecek şekilde de ayarlayabilirsiniz.
Bunu yapmak için, ‘Lightbox’ sekmesine gitmeniz ve görüntü boyutunu ‘Orijinal Görüntü’ olarak ayarlamanız gerekir.

Ardından, sayfanın üst kısmına doğru ilerleyin ve ‘Yayınla’ düğmesine basın.
Yayınla düğmesinin altında bir kısa kod göreceksiniz. Galeriyi WordPress portföy sayfamıza eklemek için devam edin ve kısa kodu kopyalayın.

Şimdi SeedProd’daki portföy sayfanıza geri dönelim.
Bir sonraki adım, ‘Kısa Kod’ bloğunu sayfada istediğiniz yere sürükleyip bırakmaktır. Ardından, kısa kodu kenar çubuğu menüsündeki ‘Kısa Kod’ kutusuna yapıştırmanız yeterlidir.

Kısa kodu önizlemek istiyorsanız, sayfanın sağ üst köşesindeki ‘Önizleme’ düğmesine tıklayın.
Bu size tüm sayfanın nasıl göründüğünü gösterecektir.

Burada, Envira Galerinizin portföy sitenize gömülü olduğunu görebilmeniz gerekir.
Envira Galeri’nin ışık kutusu özelliği ile, tam görüntüyü görmek için her bir öğeye tıklayabilirsiniz.

7. İletişim Formu Ekleme
Artık potansiyel müşterilerinizin ilgisini çektiğinize göre, sizinle iletişime geçmelerini sağlamanın zamanı geldi. Elbette, oraya bir e-posta bırakabilirsiniz, ancak iletişim formları, e-posta uygulamalarını açmadan doğrudan size mesaj göndermelerini sağlar.
Basit ve profesyonel bir iletişim formu oluşturmanın en iyi yolu WPForms kullanmaktır.

WPForms, çevrimiçi iletişim formları oluşturmanızı sağlayan en iyi WordPress iletişim formu oluşturucusudur.
Potansiyel müşterilerin sizinle iletişime geçebilmesi için web sitenizde basit bir iletişim formunun nasıl oluşturulacağını öğrenmek için WordPress’te bir iletişim formunun nasıl oluşturulacağına ilişkin adım adım eğitimimizi takip edin.
Formunuzu tamamladıktan sonra portföy sayfanıza geri dönebilirsiniz.
Ardından, WPForms’tan bir form eklemek için ‘İletişim Formu’ widget’ını kullanabilirsiniz. ‘Bir Form Seçin’ altında, oluşturduğunuz formu seçmeniz yeterlidir.

8. Canlı Yap
Her şey iyi görünüyorsa, web sitenizi açmaya hazırsınız demektir.
Tek yapmanız gereken sağ üst köşedeki yeşil ‘Kaydet’ düğmesinin altındaki oka tıklamak. Ardından ‘Yayınla’ya tıklayın.

Devam edin ve canlı siteyi kontrol edin.
Portföy galerisi, düğmeler ve iletişim formu da dahil olmak üzere her şey görünmelidir.

Profesyonel görünümlü bir portföy web sitesi hazırladıktan sonra, sitenize daha fazla trafik göndermeye veya ilgilenen potansiyel müşterileri beslemeye hazırsınız demektir.
Bu makalenin WordPress’te nasıl çevrimiçi portföy web sitesi oluşturacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, ücretli bir bültenin nasıl oluşturulacağı ve biyografi sayfasında bir bağlantının nasıl yapılacağı hakkındaki kılavuzlarımıza da göz atmanızı öneririz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
I’ve approached my portfolio as a blog. I write a tech blog about what interests me, using it as a showcase of my work. So, for me, a blog can be a great addition to a portfolio, demonstrating your skills and expertise in a way that can also be enjoyable and drive traffic to your website through search engines.
Konrad
one more thing to save for the future, thank you guys
wish me luck as i gather the courage to share my artworks with others :>
WPBeginner Support
Good luck
Admin
Ram E.
Thanks for another detailed guide! For more complex or bigger portfolio sites, there is also the option to create custom post types for even greater flexibility in terms of features.
WPBeginner Support
That is a good option for sites with multiple content types
Admin
Mikolaj
I’ve been in search of a great portfolio landing page for my art selling business, and it seems like SeedProd is just what I need. The simplicity and theme customization options are fantastic. Thanks for the comprehensive guide; I’m excited to give it a go!
WPBeginner Support
We hope you enjoy using the plugin
Admin
Ralph
Nice and easy step by step tutorial. I don’t really need portfolio however it gave me other idea. I will use similar concept for homepage of my blog. Above all newest articles i will place 3 big buttons/pics (sorry i don’t know how to describe it in english), that will lead to my youtube, podcast and blog. So more promotion for my other channels.
Thanks for idea!
WPBeginner Support
You’re welcome, glad our guide could give you ideas
Admin
Naveera Batool
Really an interesting and helpful article.
WPBeginner Support
Glad you think so
Admin
A Owadud Bhuiyan
I have tried to create a portfolio site but I am not able to set the blog page as Homepage.
WPBeginner Support
It would depend on the theme but if you do not set a static page under Settings>Reading, most themes set the blog page as your homepage.
Admin
Adam Michalak
Grate artictle, highly recommend it to anyone looking to learn how to create an online portfolio website in WordPress. In today’s competitive freelance market, having a portfolio website to display your best work is essential for standing out and attracting more clients. This step-by-step guide offers valuable insights on how to accomplish this, making it a valuable resource for those aiming to build their online presence as a professional freelancer.
I will recommend it to my friends who are just starting to work with wordpress
WPBeginner Support
Thank you for your kind words and we hope whoever you recommend also finds this article helpful
Admin
William Dean Dailey
This is the most effective and informative post I have read by you all.
The graphics and text were easy to understand and follow through to complete the website and publish. Thank you for that. It’s the first time I have made it to publish using WordPress and am happy with the results.
WPBeginner Support
Glad to hear you were able to publish your site
Admin
Sean Brady
I feel that developing a portfolio website with WordPress would be a great way add to display an artist discography.
WPBeginner Support
It certainly could be
Admin
Sharon
I liked this Tutorial. Although I’m an Elementor page builder user, it’s nice to see other page builders out there and what they can do. I had a portfolio of my website at one point, but I can’t say I really liked it. I think I might try again and use some techniques from this tutorial. Thanks, WPBeginner for the useful tutorial! Awesome instructions!
WPBeginner Support
You’re welcome and glad to hear you found our tutorial useful.
Admin
Alice Elliott
Thank you for this very detailed tutorial about how to set up a portfolio website. However, I wonder why you chose a non-wysiwyg theme within your example. If you are targeting visual people, I would think this should be far more applicable, as it would be something they could relate to much more easily.
WPBeginner Support
We went with a page builder in this guide as it adds more freedom for design
Admin
priya
thanks for sharing with us .
WPBeginner Support
You’re welcome
Admin
Shafqat Khan
I’ve been looking for a way to create a portfolio landing page for my photography business, and SeedProd seems like the perfect solution. I love how easy it is to use and customize the theme templates. Thank you for this detailed guide, I can’t wait to try it out!
WPBeginner Support
Glad to hear our guide was helpful!
Admin