Beceri Setinizi Sergilemek için Divi'nin Daire Sayacı Modülünü Kullanma

Geleneksel bir özgeçmiş zamansız olsa da, becerilerinizi de sergilemek için çevrimiçi bir özgeçmiş web sitesi oluşturmayı düşünün. Özellikle teknoloji endüstrisinde bir iş arıyorsanız. Bu eğitimde, çevrimiçi bir özgeçmiş web sitesi tasarımı oluşturmak için Divi'yi ve ÜCRETSİZ Yaratıcı CV Düzen Paketini nasıl kullanacağınızı göstereceğiz! Yerleşik Divi Circle Sayaç Modülünü kullanmaya da odaklanacağız.

Çevrimiçi Özgeçmiş Web Sitesi Tasarımı: Neden Önemli?

Bir kağıt özgeçmişi bırakırken, bazı endüstrilerde, teknolojide işe yarayabilir, bu geçmişte kaldı. Özgeçmişinize işi almak için ihtiyaç duyduğu desteği verecek kaynakları dikkate almak önemlidir. En azından bir röportaj istiyoruz! Çevrimiçi bir özgeçmiş web sitesi, işe alım görevlilerinin, kelle avcılarının ve potansiyel yöneticilerin sizin hakkınızda daha fazla bilgi edinebileceği merkezi bir yer oluşturur. Çevrimiçi olarak güçlü bir kişisel marka oluşturmak, gelecekteki işverenlerinizin özgeçmişinizdekilere ek olarak gerçek sizi görmelerini sağlar. Kişisel özgeçmiş web sitenize eklemeyi düşünebileceğiniz bazı sayfalar şunları içerir:

• Bir Hakkında Sayfası: Öncelikle ve daha da önemlisi, size özel bir marka sesi oluşturmayı unutmayın. Kendinle övünmeyi unutma!
• Çevrimiçi Özgeçmiş: Çevrimiçi bir özgeçmiş, sizi iş başvurunuza bakan şirketlerin önüne koyar. Ayrıca, Google ve Bing gibi arama motorları da bulabilir. Ne kadar çok göz görürse, bir sonraki fırsatı bulma şansınız o kadar artar!
• Görüşler Sayfası: Önceki (veya şimdiki!) patronlardan gelen övgü ve iyi çalışmaları sergilemek ve harika bir sosyal kanıt.
• Bir Portföy/Galeri: Çalışmalarınızdan örnekler varsa, bunları bir portföye koymak özgeçmişinize boyut katar.
• Bir İletişim Sayfası: Bir iletişim formu ve e-posta adresi, insanların sizinle iletişim kurmasını ve size bu işi vermesini kolaylaştırır!

Bunların hepsi sizin için yeniyse endişelenmeyin! Çevrimiçi özgeçmiş web sitenizi tasarlamaya başlamanıza yardımcı olacağız. Divi'de indirebileceğiniz ÜCRETSİZ Yaratıcı CV Düzeni Paketini oluşturduk. Bu pakette, yukarıda listelenen sayfaların her biri için sayfa düzenlerimiz var. Ayrıca, Divi'nin animasyon özelliklerinin yanı sıra Çember Sayacı Modülü gibi harika modülleri kullanarak çeşitli becerilerimizi çevrimiçi olarak sergileyeceğiz.

Haydi başlayalım ve o teknoloji çantasını alalım!

Çevrimiçi Özgeçmiş Web Sitesi Tasarımınızı Başlatma

Düzen Paketini İndirin ve Kurun

Çevrimiçi özgeçmiş web sitemizi oluşturmanın ilk adımı, Creative CV Layout Pack'i indirip yüklemektir. Bu blog gönderisinde süreçle ilgili talimatlarımız var. Bu eğitim paketin ev düzenini Daire Sayaç Modülü ile yükseltmeye odaklanacaktır. Bu yerel bir Divi modülüdür ve becerilerinizi sergilemenin mükemmel bir yoludur. Net çizgiler, animasyon ve daha fazlası ile becerilerinizi son derece görsel bir şekilde sergileyerek sizi ve özgeçmişinizi farklı kılabilirsiniz.

Ev düzeni kutudan çıkar çıkmaz şöyle görünür:

Bu düzen, çevrimiçi özgeçmiş web sitesi tasarımımız için iyi bir başlangıç ​​noktası olsa da, onu daha kişisel hale getireceğiz. İlk olarak, beceriler bölümünü canlandırmak için Çember Sayaç Modüllerini kullanacağız. Ardından sayfadaki diğer modüllere biraz animasyon ekleyeceğiz. Son olarak, Simge Modülü ile sayfaya biraz daha görsel ilgi katacağız.

Beceriler Bölümünü Güncelleme

Satır Yapısını Değiştirme

İlk olarak, şu anda bu bölümde bulunan Metin Modüllerini kaldıralım. Her bir modülün üzerine gelin ve beliren Modül Ayarları menüsündeki çöp kutusu simgesine tıklayın .

İkincisi, satırın yapısını değiştirin. Satırın vurgulu menüsündeki ızgara simgesine tıklayın . Ardından, sergilemek istediğiniz becerilerin sayısıyla eşleşen sütun sayısını seçin . 5 sütun ile gittik yani 5 sütun için ikona tıkladık .

Satırı Şekillendirmek

Satır içindeki her sütun için bir kenarlık eklemek istiyoruz. Bu, Creative CV Layout Pack boyunca kullanılan sınırlara bir geri çağırmadır. Bunu yapmak için, Satır Ayarları kalıcı kutusunu açmak üzere dişli simgesine tıklayın .

Sütun Kenarlığı Ekleme

Satır Ayarlarına girdikten sonra, ilk sütundaki dişli simgesine tıklayın .

Bu, Sütun Ayarlarını açacaktır. Sütun Ayarları içinde, Tasarım sekmesine tıklayın . Ardından, Kenarlık sekmesine tıklayın . Bu satırdaki 5 sütunun her birine kalın, siyah bir alt kenarlık ekleyeceğiz. İşte kullanılacak ayarlar:

Alt Kenarlık Ayarları:

• Sınır Ağırlığı: 5px
• Kenarlık Rengi: #000000
• Kenarlık Stili: Katı

Ayarlarınız girildikten sonra, sütun ayarlarınızı kaydetmek için yeşil onay işaretine tıklayın . Satırda kalan sütunlar için adımları izleyin. Bu tamamlandığında, satırı kaydedin.

Entegre Çember Sayaç Modülü

Artık temelimiz atıldığına göre, gösterinin ilk yıldızı olan Circle Sayaç Modülünü ekleyelim. İlk sütundaki gri artı simgesine tıklayın . Satıra ilk modülü eklemek için Daire Sayacı simgesini seçin .

İçerik Ekleme

En yeni eklememize stil vermek için Creative CV Layout Pack'in markalaşmasından ilham alacağız. Başlamak için, sergilemek istediğiniz beceriyi İçerik sekmesinin altındaki Başlık alanına ekleyin . Ardından, bu beceriyle ilişkili olan yüzdeyi ekleyin . Kişisel markanızı oluştururken ve internette görünürken özgünlüğün anahtar olduğunu unutmayın.

Çemberi Şekillendirmek

Creative CV şablonunun marka tasarımını kılavuz olarak kullanarak, Daire Sayaç Modülümüze renk katmaya başlamak için Tasarım sekmesine geçiyoruz . Design sekmesinde Circle sekmesine tıklayarak başlıyoruz. Modülümüzün daire kısmını biçimlendirmek için aşağıdaki ayarları kullanıyoruz:

Çember Tasarım Ayarları:

• Çember Rengi: #fe5a25
• Çember Arka Plan Rengi: #000000
• Daire Arka Plan Opaklığı: 0.2

Başlık Metni Stillerini Ayarlama

Ardından, Başlık Metni sekmesine tıklayarak modülümüzün başlığını biçimlendirmeye geçiyoruz. Mizanpaj boyunca kullanılan aynı yazı tipini kullanacağız: Candal. Başlık Metni stilinin ayarları aşağıdaki gibidir:

Başlık Metni Tasarım Ayarları:

• Başlık Yazı Tipi: Candal
• Başlık Metin Rengi: #000000

Sayı Metnini Şekillendirme

Sayı Metni stili, Başlık Metni ile aynı modeli izler. Ancak, daha büyük bir yazı tipi boyutu kullanıyoruz. Bu, Çember Sayacı Modülünde görüntülenen becerilerimize dikkat çekiyor. Sayı Metni sekmesine tıklayarak eriştiğimiz Sayı Metni ayarları şunlardır:

Sayı Metin Ayarları:

• Sayı Yazı Tipi: Candal
• Numara Metin Rengi: #000000
• Sayı Metin Boyutu: 46 piksel

Animasyon Ekle

Daire Sayaç Modülümüze son dokunuş, bir giriş animasyonu eklemektir. Görsel tasarımımız oluşturulduktan sonra hareket tasarımımızı kurabiliriz. Divi ile tasarımınız boyunca kullanılan çeşitli modüllere mikro animasyonlar eklemek kolaydır. Bizim durumumuzda Daire Sayaç Modüllerimize bir slayt animasyonu ekleyeceğiz. Bunun için öncelikle Animasyon sekmesine tıklayarak başlıyoruz. Ardından, Slayt Animasyon Stili'ne tıklıyoruz . Son olarak Yukarı Animasyon Yönüne tıklıyoruz.

Animasyon Ayarları:

• Animasyon Stili: Slayt
• Animasyon Yönü: Yukarı

Gördüğünüz gibi, bu modülün animasyonunu daha fazla biçimlendirmek için pek çok ayar mevcuttur. Ancak hareket tasarımımızı basit ve klasik tutmak istiyoruz, bu nedenle çoğu ayarı varsayılan ayarlarında bırakacağız.

Ayarlarınızı kaydetmek için Daire Sayacı Ayarı menüsünün altındaki yeşil simgeye tıklayın .

Çoğalt ve Düzenle

Artık ilk Daire Sayaç Modülü tamamlandığına göre çalışmamızı çoğaltabiliriz. Bu, zamandan tasarruf etmemizi ve işimizde süreklilik yaratmamızı sağlayacaktır. Bunu yapmak için Daire Sayaç Modülünün üzerine gelin ve Çoğalt simgesine tıklayın . Ardından, yeni kopyalanan modülde, ayarlara girmek için dişli simgesine tıklayın .

İçerik sekmesini diğer becerileriniz ve yetenekleriniz ile güncelleyin. Ancak, Tasarım sekmesini olduğu gibi bırakın. Çalışmanızı bu modüle kaydettikten sonra, modülün üzerine tekrar gelin ve ikinci sütuna taşımak için tıklayıp sürükleyin .

Tüm becerileriniz satırınızın sütunlarına girene kadar bunu tekrarlayın.

Çember Modüllerimiz becerilerimizi güzel bir şekilde sergileyerek, bu sayfadaki diğer modüllere biraz heyecan katalım.

Profil Fotoğrafına Animasyon Ekle

Sayfamızın üst kısmında bir İmaj Modülümüz var. Burada, kendinizin profesyonel, parlak ve net bir vesikalık fotoğrafını yükleyin. Bunun için modülün üzerine geldikten sonra dişli simgesine tıklayın . Ardından, fotoğrafa heyecan verici bir animasyon eklememiz için Tasarım sekmesine tıklayın.

Tasarım sekmesinde Animasyon sekmesine tıklayın . Daire Sayaç Modülleri gibi, animasyonlarımızı da nispeten basit tutacağız. Bu durumda, ziyaretçilerin dikkatini web sitemize çekmek için varsayılan ayarlarla bir Yakınlaştırma animasyonu kullanacağız. Resmimize bir yakınlaştırma animasyonu uygulamak için kullandığımız ayarlar şunlardır:

Animasyon Ayarları:

• Animasyon Stili: Yakınlaştırma
• Animasyon Yönü: Merkez

Çevrimiçi özgeçmiş web sitesi tasarımı üzerinde çalışırken, şablonu ihtiyaçlarınıza göre kişiselleştirmek için metin gibi statik modülleri değiştirmeyi unutmayın.

Blurb Modülleri Ekle

Sonraki listemizde, iletişim metnini Blurb Modülleri ile değiştireceğiz. Bunu iki nedenle yapıyoruz. Birincisi, modülde bulunan simgeye daha fazla renk eklemektir. İkinci olarak, bölümü olduğu gibi tutacaksak, ekranda birkaç satır uçuşan metnin aksine, tek bir Özet Modülüne ince bir animasyon ekleyebiliriz.

Başlamak için, her bir Metin Modülünün üzerine gelin , çöp kutusu simgesine tıklayın ve bunları bölümden kaldırın.

Ardından, ilk sütuna bir Blurb Modülü eklemek için gri artı simgesine tıklıyoruz . Çember Sayaç Modülleri gibi, modüle stil verdikten sonra onu çoğaltacağız.

Ardından, Blurb Modülü simgesine tıklıyoruz .

İçeriğinizi Ekleyin

Text sekmesine gidip içeriğimizi ekliyoruz. Telefon numaramızı, e-posta adresimizi ve konumumuzu göstereceğiz. Bu ilk modül için telefon numarası detaylarımızı gireceğiz.

Simge Ekle

Ardından Image & Icon sekmesine tıklıyoruz . Oradayken, Simge Kullan geçişinde evet'i seçiyoruz . Daha sonra bir telefon simgesi seçmek için arama kutusunu kullanıyoruz. Bu bizim seçtiğimiz.

stil ikonu

Şimdi tanıtım yazımızı biçimlendirmek için tıklayıp Tasarım sekmesine geçiyoruz . Simge için aşağıdaki ayarları kullanıyoruz:

Görüntü ve Simge Tasarım Ayarları:

• Simge Rengi: #fe5a26
• Resim/Simge Yerleşimi: Üst
• Görüntü/Simge Genişliği: 96px

Metin Hizalamasını ve Rengini Ayarla

Şimdi Metin sekmesine tıklıyoruz. Metnimizi merkeze hizalamak ve metni modül boyunca Karanlık yapmak istiyoruz. Bu nedenle ortadaki simgeye tıklıyoruz ve ardından Text Color açılır menüsünden Dark seçeneğine tıklıyoruz .

Stil Başlık Metni

Daire Sayaç Modülünde olduğu gibi, yazı tipini düzen paketi boyunca kullanacağız. Başlık Metni sekmesine tıklayarak , değiştirdiğimiz tek ayar Candal olacak yazı tipi ailesi içindir.

Gövde Metni Şekillendirme

Gövde Metni için farklı bir yazı tipi kullanacağız. Bu nedenle, Tanıtım Modülünün bu bölümü süslemek için kullanılan Metin Modüllerinin stilini taklit etmesini sağlamak için ayarlara birkaç ince ayar daha eklememiz gerekecek. İşte o ayarlar:

Gövde Metni Ayarları:

• Gövde Yazı Tipi: Montserrat
• Gövde Yazı Tipi Ağırlığı: Normal
• Gövde Metin Boyutu: 16px

Animasyon Ekle

Blurb Modülü tasarımımızı tamamlamak için bir giriş animasyonu ekleyeceğiz. Görüntü Modülü gibi, bu girişin de göze çarpmasını istiyoruz. Animation sekmesine tıkladıktan sonra Bounce ikonuna tıklıyoruz . Animasyon Yönünü ve diğer ayarları varsayılan seçeneklerinde bırakıyoruz.

Animasyon Ayarları:

• Animasyon Stili: Sıçrama

Yinelenen Modül

Tüm sıkı çalışmamızı kaydetmek için yeşil simgeye tıkladıktan sonra, Blurb Modülümüzü çoğaltacağız .

Modülü çoğalttıktan sonra, Metin ve Görüntü ve Simge sekmelerini ihtiyaçlarınıza göre güncellemek için içerik sekmesine geri dönün. Biz telefonumuzu, e-postamızı ve konumumuzu sergilemek için Tanıtım Modüllerini kullanırken, siz bunları rolünüz veya sektörünüzle ilgili diğer şeyleri göstermek için kullanmak isteyebilirsiniz. Yaratıcı ol!

Çevrimiçi Özgeçmiş Web Sitesi Tasarımınıza Son Dokunuşları Eklemek

Divi'nin en yeni yerel modüllerinden biri olan Simge Modülünü kullanarak dijital özgeçmişimize bir tutam ikonografi ekleyeceğiz. Bunun için öncelikle sayfamızın özgeçmiş bölümüne kaydırıyoruz .

Simge Modülünü Ekleme

Ardından, sütuna bir Simge Modülü eklemek için gri artı simgesine tıklayacağız . Simgenin özgeçmişimiz içindeki her girişin başına gitmesini istiyoruz. İdeal olarak, simgenin şirketin veya rolün genel bir görsel temsili olmasını da istiyoruz.

Ardından, arama kutusunu kullanarak bu simgenin özgeçmişinizde temsil edeceği konumla rezonansa giren bir terim yazın.

Örneğimizde, rengin kullanıcı arabiriminde, kullanıcı deneyiminde ve nihayetinde bir ürün tasarımcısının çalışmasında oynadığı rolü temsil etmek için bir renk kartelası kullandık.

Simgeyi Şekillendirmek

Daha sonra Design sekmesine tıklıyoruz . Simgenin rengini ve boyutunu değiştirmek için aşağıdaki ayarları kullanıyoruz:

Simge Ayarları:

• Simge Rengi: #fe5a26
• Simge Boyutu: 32px

Son tasarım değişikliğimiz, Simge Modülünü sola hizalamak olacak. Bunu yapmak için Hizalama sekmesine tıklayın . Ardından, sola hizalama simgesine tıklayın . Son olarak, simge ayarlarınızı kilitlemek için ayarlar penceresinin altındaki yeşil onay işareti düğmesine tıklayın .

Tasarlanan Icon Modülü ile artık onu tıklayıp rol başlığımızın en üstüne sürükleyeceğiz.

Özgeçmişinizdeki her giriş için, belirtilen rolü temsil edecek bir simge ekleyin. Bu güncel özgeçmiş için seçilen simgeler şunlardır:

Son Bakış

Bu incelikli animasyonlar ve Simge Modülü ve Daire Sayaç Modülü gibi ek modüllerle, Creative CV ana düzenine yeni bir soluk getirmeyi başardık:

Düzeni bir adım öteye taşımak isterseniz, Creative CV Layout Pack'i bir bütün olarak tamamlayabilecek ÜCRETSİZ üstbilgi, altbilgi ve blog gönderisi şablonunu da inceleyebilirsiniz. Yukarıda kullanımda olan ücretsiz üstbilgi ve altbilgiyi görebilirsiniz. Çalışmanızı çevrimiçi ortamda herkese açık hale getirmek, iş arama yolculuğunuzda korkutucu bir adım olabilir. Ancak cephaneliğinizdeki Divi gibi bir araçla, çevrimiçi bir varlık oluşturma ve sürdürme baskısı azaltılabilir. Görsel olarak çekici ancak profesyonel bir web sitesi oluşturmak için doğru kaynaklara sahip olmak, denge ve beceri gerektirir.

Son düşünceler

Sonuç olarak, teknoloji yolculuğunuz hakkındaki düşüncelerinizi duymak isteriz. Teknolojiye girmek istiyorsanız, özgeçmişiniz için bir web sitesi yapmayı düşünür müsünüz? Teknolojide değilseniz, bunun gibi bir web sitesinin kariyerinizde size yardımcı olabileceğini düşünüyor musunuz? Aşağıdaki yorumlarda bize bildirin ve bir sohbet başlatalım.