WordPress İnsan Kaynakları Başvuru Formu

Hazır WordPress İnsan Kaynakları Başvuru Formu

Dün akşam bir müşterimiz için oluşturduğum wordpress insan kaynakları, başvuru formunu sizlerle paylaşmak isterim, bir çok kişi bunu ücretli olarak yaptırıyor hatta bana bile denk gelmişti bir ara, ücretli yapan arkadaşlar kusura bakmasın artık, ücretsizini yaptım dağıtıyorum 🙂 öncelikle belirteyim bunu bunalarak yaptım ama sonunda çokta güzel oldu, şimdi konuya gelelim öncelikle WordPress Contact Form 7 eklentisini indirin, sonra eklentiyi aktif edin zaten aktif olduktan sonra sol alanda iletişim formu diye bir alan olacak tıkladığınızda Contact form 1 yazar, düzenleye tıklayın.

Sol alandaki “Form” bölümünün içindekinleri silip aşağıdaki kodu ekleyin.

sol forma bakmak için tıklayın ve sayfa kaynağını kopyalayın !

Yukarıdaki işlemi yaptıktan sonra bir alan aşağıda “Posta” bölümü var orada ufak bir işlem gerekiyor içindeki yazıyı silip yerine bunu koyuyoruz.

Konu: İnsan Kaynakları Başvuru Formu

3. alan ise “ileti gövdesi” bölümü buradaki yazılarıda silin ve yerine aşağıdaki yazıları ekleyin.

ileti-govdesine bakmak için tıklayın ve sayfa kaynağını kopyalayın !

Yukarıdaki işlemleri yaptıktan sonra iletişim formunu kaydedin, en yukarıdaki verdiği kodu yazı içine koyduktan sonra sayfayı açın biraz dağınık duracak onu toplamak içinde css gerekiyor, aşağıda kendi sayfamıza göre bir css hazırladım fakat sizin sitenizde sorun yapabilir belki deneyin düzenleyin.

.BasvuruFormu {
height: auto;
padding-left: 60px;
position: relative;
width: 100%;
}
.iletisim-sagNew {
float: left;
position: relative;
width: 250px;
}
.iletisim-sagbg {
float: left;
height: 29px;
position: relative;
width: 7px;
}
.iletisim-ortabg {
float: left;
height: 29px;
position: relative;
width: 236px;
}
.iletisim-solbg {
float: left;
height: 29px;
position: relative;
width: 7px;
}
.contactinput {
border: 1px solid #E3E3E3;
border-radius: 5px 5px 5px 5px;
height: 20px;
margin-top: 5px;
width: 236px;
}
#dogumtarihigun {
float: left;
width: 60px;
}
#dogumtarihiay {
float: left;
width: 80px;
}
#dogumtarihiyil {
float: left;
width: 89px;
}
.iletisim-mesajorta {
float: left;
height: 96px;
position: relative;
width: 236px;
}
.iletisim-mesajsol {
float: left;
height: 96px;
position: relative;
width: 7px;
}
.wpcf7-response-output {float:left;}
.BasvuruFormu span.wpcf7-form-control-wrap {float:left;}
.BasvuruFormu #email {
background: none repeat scroll 0 0 transparent;
border: 1px solid #E3E3E3;
color: #000000;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 12px;
height: 20px;
margin: 0 0 20px;
padding: 4px 3px;
vertical-align: middle;
width: 235px;
}
.inputlist {
border: 1px solid #E3E3E3;
border-radius: 5px 5px 5px 5px;
float: left;
height: 30px;
line-height: 26px;
margin-left: 7px;
padding: 4px 5px;
width: 243px;
}
.new-mail {
border: 1px solid #E3E3E3;
border-radius: 5px 5px 5px 5px;
margin-top: 5px;
padding: 5px;
resize: none;
width: 231px;
}
.iletisim-gonder input {
background: none repeat scroll 0 0 #005DA6;
border: 0 none;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
cursor: pointer;
font-family: Trebuchet MS;
font-weight: bold;
padding: 10px;
text-transform: uppercase;
}

Bütün işlem bitti işte bukadar umarım güzel bir şekilde çalışıyordur, bir sorun olursa konu altına yorum bırakın yeterli, iyi günler dilerim.

Not: Bu formdan gelenlere direk panelden bakmak istiyorsanız Contact Form DB diye bir eklenti var onu kullanabilirsiniz.