WordPress’te Portföy Nasıl Yapılır [Güncellenmiş 2021]

Bir fotoğrafçı, tasarımcı, gevşek geliştirici, yaratıcı bir portföy web sitesi bir zorunluluktur. Behance ve Dribbble gibi platformlar son zamanlarda görünse ve bir tasarımcı portföyünü göstermek için kullanılsa bile, hala bir web sitesine ihtiyacınız var. Çünkü işiniz kutuya uymuyor. Kişiliğinize uygun ve kendi vizyonunuza göre ayarlanmış bir şeye ihtiyacınız var. Bu makalenin sonunda, portföyleri görüntülemek için WordPress’te hangi seçenekleriniz olduğunu ve portföyünüzü tamamen yeni bir seviyeye getirmek için en popüler WordPress araçları olduğunu öğreneceksiniz.
Ancak teknolojiye girmeden önce, güzel ve akıllı bir portföy için samimi ve zor bir hile bakalım. Portföyünüzü WordPress’te yaparken ipuçları ve püf noktaları Portföy web sitesinin temel amacı kişinin becerilerini ve çalışmasını göstermektir. Web sitenizi tasarlamak için girmeden önce, kesinlikle bir plan yapmalı ve ilham almak için araştırma yapmalısınız. Portföyünüzde aşağıdakileri ekleyebilirsiniz:
Bir zamanlar sizinle çalışan müşteri logosu
Vaka Analizi
Proje Açıklaması
fotoğraf çekmek
Referans
Şimdi, ilham almanız gerekiyorsa, bu web sitesini tavsiye ederim: saaspages.xyz. Bu, web sitenizin her bir parçası için başlıklardan altbilgilere kadar ilham sağlayabilir.
Gösterdikleri 3 örneği kontrol edelim. Bu vaka çalışması, sizi meraklandıran videolar, logolar, referanslar ve başlıklar içerir.

Aşağıdaki referans bölümünün hatırlanması kolay bir başlığı var: “Aşk Duvarı”, bence çok yaratıcı. Üstün tüyler kullanmazlar. Kopyalarıyla basit ve ikna edici kalıyorlar. Bu projenin projeföyü basit görünüyor. Çeşitli konuları ve şirket logolarını filtrelemek için etiketler kullanır.

Aşağıdaki fotoğraf portföyü gerçekten şaşırtıcı. Bir fotoğrafçının kendisi olarak, entegre bir vizyon ve stile sahip olmanın portföyde çok yardımcı olduğunu biliyorum (bu diğer serbest tasarımcılar ve işçiler için geçerli değildir).

Kaynak: Rotundperfect.ro Şimdi, ipuçlarına ve püf noktalarına göre, bu vaat ettiğim küçük kontrol listesi:

Üzerinde çalıştığınız çeşitli projeleri sergilediğinizden emin olun. Belirli proje türlerine gitmeyin (özel bir yaklaşıma sahip olmak istemiyorsanız).
Web sitenizin hücresel dostu olduğundan emin olun. Statista’ya göre, hücresel 2020’nin ikinci çeyreğinde dünya çapında web trafiğinin yaklaşık yarısına katkıda bulundu. Google arama sonuçlarında yüksek sıralama almakla ilgileniyorsanız, Mart 2020’de Google’ın tüm web için ilk indekslemeyi açıkladığını bilmelisiniz. . Bu, Google’ın sıralamayı belirlemek için çoğunlukla web sitesinin hücresel sürümünü kullandığı anlamına gelir.
Eski müşterilerden referanslar sunmak. Akran incelemelerinin eskisinden daha önemli olduğu bir dünyada yaşıyoruz. Öneriler en iyi pazarlama kanallarınızdır ve pratik ücretsizdir.
Ziyaretçilerin dikkatini çekmek için videoları ve resimleri de kullanın. Video, katılım yaratma gücüne sahiptir ve markanızı öne çıkarabilir.
Eğer bir fotoğrafçı ve minimalist aşksanız tam görsellerle e xperiment. Tam geniş bir tasarım, bir cadı metinden daha önemli olduğunda iyi bir dokunuştur. Ziyaretçilerin sizi daha iyi, vizyonunuzu ve amacınızı, deneyiminizi tanıyabileceği “Hakkımda” bölümünü eklemeyi unutmayın.
Her proje için ayrı bir sayfa oluşturabilirsiniz. Eklemek istediğiniz ayrıntılar, ihtiyacınız olan portföy türüne uygun olacaktır. Bir web tasarımcısıysanız, teknoloji, kapsam, zaman çerçevesi, zorluklar açısından çeşitli proje açıklamaları ile birlikte oluşturduğunuz web sitesi için kesinlikle bir bağlantı sağlamak istersiniz. Fotoğrafçıysanız, kesinlikle konular, konular, konumlar ve etkinlikler hakkında bilgi girmek isteyeceksiniz. Görsel bir sanatçı, kullanılan varlıklar, vizyon, belki ilham ve hatta öğenin fiyatı hakkında bilgi girecektir.
Şimdi bunları doğru bir şekilde hazırladık, WordPress’e gitme ve portföy web siteniz için ihtiyacınız olan araçları belirleme zamanı.
WordPress’te bir portföy nasıl yapılır, yapmanız gereken ilk şey, beklentilerinize uygun veya oldukça yakın özelliklere sahip temayı seçmektir. WordPress’te bir portföy oluştururken, aşağıdakilerden birini kullanacaksınız:
Bir iniş. Kaydırıcı, dönen bir web öğesidir. Görüntüler, videolar, resimler ve metinler vb. İçerebilir.
Kaynak: rotundperfect.ro Aşağıdaki örnekte, değişim mevcut promosyonu göstermek için kullanılır.
Kaynak: limetreekids.com.au/

Güney Koreli. Şimdi, herkes bu tanımla aynı fikirde değil: atlıkarınca, tüm büyük görüntüleri aynı anda göstermeyen, ancak bazı görüntüler sırayla görüntüleyen bir vardiya türüdür. Bazı web tasarımcıları atlıkarın ve kaydırıcının bir ve aynı olduğunu söylüyor. WordPress kullanırken, farklı davrandığını göreceksiniz. Kullanıcılara sol-sağ hareket edebileceklerini ve yeni görüntüleri ortaya çıkarabileceklerini göstermek için görsel ipuçlarını kullanarak vites değiştirmeyi ve tombini çevirin. Bir galeri. Galeri, ızgarada sunulan resim veya videoların bir koleksiyonudur.

Sonra, bazı tasarımların zamanı geldi. WordPress’te bir portföy nasıl yapılır Varsayılan düzenleyiciyi şimdi bildiğiniz gibi kullanarak, varsayılan WordPress düzenleyicisi bir blokla (Gutenberg bloğu olarak adlandırılır) çalışır. Paragraflar, masalar, özel HTML ve … galerisi için bir bloğunuz olabilir. Şu anda kaydırıcı veya karusel için bir seçeneğimiz yok. Sayfaya bir galeri bloğu ekleyelim. WordPress Gösterge Tablosu -> Sayfalara giderek başlıyoruz. Yeni bir sayfa ekleyebilir veya mevcut sayfaları düzenleyebilirsiniz.
Ardından, sol üstteki “+” simgesinden blok panelini açın.

Galeri bloğunu seçin.

Bloğu sayfada istediğiniz yere sürükleyin.

Bir blok seçtiğinizde, bu galeri bloğuna birkaç ek CSS sınıfı ekleyebileceğiniz panelin sağını görebilirsiniz. Ardından, özel CSS kullanarak bu sınıflara stiller ekleyebilirsiniz. Bu konuda burada makaleler yazdık. Şimdi, “Yükle” veya “Medya Kütüphanesi” seçeneğini kullanarak galeriye resim ekleyebilirsiniz. Şimdi, görebileceğiniz gibi, Galeri Ayarlama seçeneği yok. Blok özelliği hala devam ediyor. Bazı ek iyileştirmelere ihtiyacınız varsa, Envira veya Kadence gibi Gutenberg için hazır bir WordPress Gallery eklentisi kullanabilirsiniz. Kadence ayrıca atlıkarınca ve kaydırıcı için bir seçeneğe sahiptir. Bloklara ek olarak, editörde desenler de bulacaksınız. Sol üstteki aynı “+” işaretinden erişebilirsiniz. Desen, Insert Block Desen sekmesi bloğundan temin edilebilen önceden belirlenmiş blok düzenidir. İçeriğe konulduktan sonra, blok ek içerik ve yapılandırmaya hazırdır veya değiştirilir.

WordPress People, bazı iyi galeri düzeni seçebileceğiniz desen dizini yayınladı.

Tasarımınıza eklemek için, “Kopyala” düğmesini görene kadar imleci desene yönlendirmeniz yeterlidir.

Ardından, sayfanızı açın ve tasarımı doğru tıklayın ve yapıştırın.
Sağdaki panelden, dolgu, opaklık, kaplama, minimum yükseklik vb. Gibi ek düzenleme yapabilirsiniz. Galeriden bir resim seçerseniz, üstte birkaç ek düzenleme seçeneğine sahip bir menü göreceksiniz. Burada görüntüyü değiştirebilir, kesebilir, üzerine metin ekleyebilir, hizalayabilir, vb.

Ve bunların hepsi Varsayılan Editör Portföy Düzenleme seçeneği için. WordPress’te Portföy Nasıl Yapılır Bu eğitim amaçlı bir sayfa yapıcı kullanarak, çok amaçlı Colibri Pro WordPress temasını ve Colibri sayfa yapımcısını kullanıyoruz. WordPress web sitesi yapımcılarını neden kullanıyorum? Bana sürükleme ve gevşek işlevsellik ve tasarım deneyimi sadece bir parça kek.

Bir galeri veya portföy bloğu kullanarak

Kaydırıcı ve atlıkarınca bileşenleri kullanma

Şimdi, bloklar ve bileşenler arasındaki farka göre … bloklar, web sitesinin tüm bölümleri (portföy, özellikler, ekipler) olarak kullanılabilecek önceden belirlenmiş tasarımlardır. Bileşenler ise yeni bloklar (düğmeler, başlıklar, videolar, resimler vb.) Oluşturmaya yardımcı olabilecek daha küçük öğelerdir. Birer teker alalım. Bir inşaatçı ile bir portföy veya galeri bloğu (Gutenberg bloğuyla aynı değil) kullanarak bir WordPress portföyü nasıl tasarlanır, hepsi neredeyse tıklayın. Yalnızca “+” işaretine tıklamanız ve blok ve bileşen panellerinin kilidini açmanız ve bir galeri veya portföy bloğu bulana kadar aşağı kaydırmanız gerekir.

Portföy blokları şunları içerebilir:
Bir gölgelik
Bir tanım
Açıklamalı veya açıksız resim
Yeni bir bölüm için istediğiniz web sitesine kendinizi konumlandırarak bloğunuzu girebilirsiniz. Ardından, sol yan panelden bloğun kendisini tıklayın. İstenen bloğu tıklayabilir ve bunun yerine başka bir şey koymak istiyorsanız klavyenizdeki “Sil” düğmesine basabilirsiniz. Portföy bloklarını her zaman metin veya video gibi diğer birkaç bileşenle karıştırabilirsiniz. Harika olan şey, bloğunuzu diğer tasarımlarda yeniden kullanılmak üzere bile kaydedebilmenizdir. Galeri bloğuna giderseniz, birkaç seçenek de vardır. Bir fotoğraf listesi yapmak istediğinizde galeri genellikle bir seçimdir.
Seçim ne olursa olsun, sol panelden seçeneği kullanarak portföyünüzü her zaman ayarlayabilirsiniz. 3 seçenek vardır: Düzen, Stil ve Gelişmiş. Alanı, sınırları, gölgeleri, tipografiyi ve rengi değiştirebilir ve hatta kendi CSS’nizi ekleyebilirsiniz. Her şey kolay ve sezgisel.
Daha önce gösterildiği gibi kaydırıcı ve karusel bileşenlerini kullanarak bir WordPress portföyü nasıl tasarlanır, bileşenler WordPress bloğunun yakınında bulunabilir. “+” İşaretine bastığınızda, blok panelini ve bileşenlerini açacaksınız. Bileşenlerden, “kaydırıcı” veya “atlıkarınca” yazabilir veya bulana kadar kaydırabilirsiniz. “Görüntü kolajı” için bir seçenek de vardır. Şimdi yapmanız gereken tek şey sağdaki web sitesinde sürükle ve bırak bileşenleri.
Bir vardiya kullanırsanız, şunları yapabilirsiniz:
Boyut, konumlandırma açısından bir görüntü ayarı yapın

Kendi houted videolarınızı veya YouTube URL’inizi girebilirsiniz

İçerik ve görsellerin aynı slaytta hizalanması

Renk ve Tipografi Değiştir

Solma efekti ekleyin

Mobil cihazda hangi öğelerin görüneceğini seçin
“Slayt” kaydırıcısına yardımcı olan ok stili
Aynı şey Güney Kore için de geçerlidir. Bu yüzden bahçe üreticisi çok yönlü.
Aşağıda, tasarım ipuçları dahil olmak üzere kaydırıcıya yazdığımız daha derinlemesine bir makale bulunmaktadır. WordPress’te bir portföy nasıl yapılır Bu konuya girmeden önce bir eklenti kullanarak, sizin için bir şeyler açıklamak istiyorum. Eklentilerden kaçınabiliyorsanız, yapın. Birçok şey WordPress’te eklentiler gerektirir. Ne kadar çok eklenti varsa, web sitenizi yüklemek için daha yavaş zaman. Yani, akıllıca seçin. Dediğim gibi, sayfa yapımcıları, birçok güncelleme, performans ve güvenlik sorunu hakkında endişelenmek zorunda kalmadan birçok eklenti tarafından sunulan seçenekleri ve işlevleri verebilir. Şimdi, ilk şey ilk. WordPress.org’u açın, eklenti bölümü. Ardından, “portföy”, “ızgara” veya “galeri” yazın.
Eklentinizi seçerken şunları kontrol ettiğinizden emin olun:
İnceleme ve Popülerlik
İhtiyacınız olan özellikleriniz varsa
Eklenti web sitesini açın ve demoyu kontrol edin
Mümkünse ücretsiz bir deneme başlatın

WordPress eklentisi kurulumuna gelince, her şey öğreticimizde:

Şimdi, en popüler galeri eklentileri:
NextGen Galerisi
fotoğraf Galerisi
Envira fotoğraf galerisi
MetasLider tarafından kaydırıcı, galeri ve Güney Koreli

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir