mirror of
https://github.com/yusufipk/teknolojirehberleri.xyz.git
synced 2026-09-11 10:56:08 +00:00
rehberler eklendi. Hakkında sayfasındaki bağlantılar düzeltildi.
This commit is contained in:
Yusuf İpek
@@ -0,0 +1,30 @@
|
||||
# Bir Programın Sesini Yansıtma
|
||||
|
||||
Linux'a yeni geçen arkadaşların sorduğu sorulardan birisi, arkadaşlarımla oyunumun, videomun sesini Discord üzerinden paylaşamıyorum! Nasıl yapabilirim?
|
||||
|
||||
Bugüne kadar bildiğim çözümler sesi yansıttığınızda sizin konuşanızı engelliyordu. Soundux adlı bir program keşfettim ve bu program sayesinde istediğiniz sesi istediğiniz uygulamaya yansıtabiliyor aynı zamanda mikrofonunuz ile konuşmaya devam edebiliyorsunuz!
|
||||
|
||||
1. Programı Nasıl Kurarım?
|
||||
2. Programın Kullanımı
|
||||
|
||||
## Programı Nasıl Kurarım?
|
||||
Soundux açık kaynak ve özgür bir yazılım. Windows için de paketleri var. Paket yöneticinizde yoksa [Websitesinden](https://soundux.rocks/) veya [Github sayfasından](https://github.com/Soundux/Soundux) indirebilirsiniz.
|
||||
|
||||
İndirdikten sonra karşınıza şöyle bir ekran çıkacak.
|
||||
|
||||
|
||||
|
||||
## Programın Kullanımı
|
||||
|
||||
Sağ üst tarafta yazan **output application** kısmından sesi aktarmak istediğimiz programı seçiyoruz. Discord'a ses aktaracaksanız Discord'u seçeceksiniz ama uygulamanın output application kısmında gözükmesi için sesliye katılmanız gerekiyor.
|
||||
|
||||
Daha sonrasında aşağıda yazan **passthrough** butonuna tıklayacaksınız. Tıkladığınız anda sol tarafta bir menü belirecek.
|
||||
|
||||
|
||||
|
||||
Sesini aktarmak istediğiniz programı buradan seçebilirsiniz. Örnek resimde Firefox'u görüyorsunuz.
|
||||
|
||||
Ve bu kadar! Artık seçtiğiniz uygulamanın sesi karşı tarafa gidiyor ve aynı zamanda mikrofonunuzdan konuşabiliyorsunuz. Artık karaoke yapabilir veya arkadaşlarınızla film izleyebilirsiniz. Soundux üzerinden ses düzeyini de ayarlayabiliyorsunuz.
|
||||
|
||||
## Katkıda Bulunanlar
|
||||
Yusuf İpek [website](https://yusufipek.me), [youtube](https://www.youtube.com/channel/UCVBX2n_5egE9XuJL8NUS0Xg)
|
||||
@@ -0,0 +1,31 @@
|
||||
# Firefox Ayarlarını Kaydetme
|
||||
|
||||
Firefoxta yaptığım ayarları başka bir firefox tarayıcısına olduğumu gibi nasıl aktarırım?
|
||||
|
||||
Öncelikle göstereceğim ilk yöntemin çalışabilmesi için kullandığınız firefox ve profilinizi aktaracağınız firefoxun sürümleri aynı olmalı aksi takdirde bu yöntem çalışmayacaktır. Bunun için ise başka bir yöntem göstereceğim.
|
||||
|
||||
# Sürümleri Aynı İki Firefoxu Eşitleme
|
||||
|
||||
1. İlk önce tarayıcınızın adres çubuğuna `about:profiles` yazın ve enter tuşuna tıklayın.
|
||||
|
||||
|
||||
|
||||
2. Çıkan sayfadan varsayılan profili bulup "Kök Klasör" yazan yerdeki "Klasörü aç" butonuna tıklayın.
|
||||
|
||||
|
||||
|
||||
3. Açılan klasörden bir üst dizine gidin ve profilinizi kopyalayın.
|
||||
|
||||
|
||||
|
||||
4. Profilinizi kopyaladıktan sonra profilinizi aktarmak istediğiniz firefox tarayıcısının profilleri bulundurduğu klasörü bulun ve profilinizi oraya yapıştırın.
|
||||
|
||||
# Sürümleri Farklı İki Firefoxu Eşitleme
|
||||
|
||||
1. Firefox profil klasörünüze girin ve `prefs.js` dosyasını bulup kopyalayın.
|
||||
|
||||
2. Kopyaladığınız dosyayı ayarlarınızı aktarmak istediğiniz firefox profilinin içine atın ve mevcut `prefs.js` dosyası ile değiştirin.
|
||||
|
||||
### Katkıda Bulunanlar
|
||||
|
||||
Yazar: hamzak37 [İletişim](mailto:[email protected]) | [Github hesabım](https://github.com/hamzak37)
|
||||
@@ -0,0 +1,176 @@
|
||||
# Teknoloji Rehberleri İçin Post Nasıl Yazılır?
|
||||
|
||||
## Teknoloji Rehberleri nedir?
|
||||
|
||||
Teknoloji rehberleri Yusuf İpek tarafından birden fazla kişinin teknoloji ve Linux hakkında blog konuları yazması için kurulmuş bir websitedir.
|
||||
|
||||
[GitHub - yusufipk/teknolojirehberleri.xyz](https://github.com/yusufipk/teknolojirehberleri.xyz)
|
||||
|
||||
## Teknoloji Rehberleri'nde yazmak için ne gerekir?
|
||||
|
||||
- Markdown bilgisi
|
||||
|
||||
- Bir github hesabı
|
||||
|
||||
- Ve fikirleriniz ve düşünceleriniz
|
||||
|
||||
### Markdown nedir?
|
||||
|
||||
Markdown, **John Gruber** ve **Aaron Swartz** tarafından geliştirilmiş ve 2004 yılından bu yana kullanılan bir Markup Language'dir (İşaretleme dili).
|
||||
|
||||
- Dosya biçimi **.md**dir.
|
||||
|
||||
- İçinde HTML kullanılabilir.
|
||||
|
||||
### Markdown yazarken gerekenler
|
||||
|
||||
- Bir kod editörü yada markdown yazma yazılımı.
|
||||
|
||||
- Sabır (Bazen insanın sinirleri bozulabiliyor)
|
||||
|
||||
[Mark Text](https://marktext.app/)
|
||||
|
||||
Mark Text açık kaynaklı bir markdown editörüdür. Ben markdown yazarken Mark Text kullanmaktayım. Markdown yazmak için en iyi programlardan birisidir. Veya Herhangi bir kod editörüne Markdown eklentisi ekleyip kullanabilirsiniz.
|
||||
|
||||
# Markdown nasıl yazılır?
|
||||
|
||||
Markdown dili HTML'e işlenir.
|
||||
|
||||
### Heading (Başlıklar)
|
||||
|
||||
```
|
||||
# Heading (Başlık)
|
||||
|
||||
HTML'deki <h1></h1> etiketine denktir.
|
||||
## , ### , #### ve #####
|
||||
|
||||
Olarak farklı boyutlarda biçimleride vardır.
|
||||
```
|
||||
|
||||
**Örnekler:**
|
||||
|
||||
# H1
|
||||
|
||||
## H2
|
||||
|
||||
### H3
|
||||
|
||||
#### H4
|
||||
|
||||
##### H5
|
||||
|
||||
### Linkler
|
||||
|
||||
```
|
||||
[Örnek Link](https://duckduckgo.com)
|
||||
|
||||
Bu link DuckDuckGo arama motorunun urlsine yönlendirmektedir.
|
||||
|
||||
[] = Bu parantezler arasına linkin adını
|
||||
|
||||
() = [] parantezinin ardından gelen bu paranteze ise link yazılır.
|
||||
|
||||
Normal linkler <a></a> etiketine denktir.
|
||||
|
||||
Resimler:
|
||||
|
||||
|
||||
|
||||
Resim linklerinin normal linklerden tek farkı başına ! eklenmesidir.
|
||||
|
||||
Resim linkleri ise <img> etiketine denktir.
|
||||
```
|
||||
|
||||
**Örnekler:**
|
||||
|
||||
[Örnek Link](https://duckduckgo.com)
|
||||
|
||||
|
||||
|
||||
### Listeler
|
||||
|
||||
```
|
||||
Listeler şu şekilde yazılır
|
||||
|
||||
- 1
|
||||
- 2
|
||||
- 3
|
||||
```
|
||||
|
||||
**Örnek**
|
||||
|
||||
- 1
|
||||
|
||||
- 2
|
||||
|
||||
- 3
|
||||
|
||||
# Alıntılar, İtalik Yazı vb.
|
||||
|
||||
```
|
||||
> Bu bir alıntı yazımıdır
|
||||
```
|
||||
|
||||
> Bu bir alıntıdır
|
||||
|
||||
```
|
||||
**Bu bir kalın yazı yazımıdır.**
|
||||
```
|
||||
|
||||
**Bu bir kalın yazı**
|
||||
|
||||
```
|
||||
*Bu bir italik yazımıdır.*
|
||||
```
|
||||
|
||||
*Bu bir italik yazıdır*
|
||||
|
||||
```
|
||||
Bu bir kod bloğu
|
||||
```
|
||||
|
||||
yazıldığında bu şekilde görünmektedir.
|
||||
|
||||
`<div>` tagı ise Markdown'da HTML yazmanızı sağlar.
|
||||
|
||||
# Peki Markdown'ı öğrendik, Şimdi ne yapmalıyız?
|
||||
|
||||
Şimdi ise gönderimizi paylaşmalıyız.
|
||||
|
||||
## Bunun için bir Github hesabına ihtiyacımız var.
|
||||
|
||||
[Github](https://github.com/join) buradan eğer Github hesabımız yok ise kaydolmalıyız.
|
||||
|
||||
## Gönderiyi Paylaşmak
|
||||
|
||||
[GitHub - yusufipk/teknolojirehberleri.xyz](https://github.com/yusufipk/teknolojirehberleri.xyz)
|
||||
|
||||
yapmamız gereken bu repoyu üstten forklamalıyız yani çatallamalıyız.
|
||||
|
||||
|
||||
|
||||
Fork tuşuna basmalısınız.
|
||||
|
||||
Ardından yapmanız gereken sağ üstteki profil fotoğrafınıza basıp **Your Repositories** kısmından forkladığımız repoyu açıyoruz.
|
||||
|
||||
Sondan önceki adımımız ise repodaki articles klasörünü açtıktan sonra
|
||||
|
||||
|
||||
|
||||
kısmından **Upload files** butonuna basıp oluşturduğunuz markdown dosyasını seçmelisiniz.
|
||||
|
||||
Son adımımız ise repomuzun **Code** kısmına gelip
|
||||
|
||||
|
||||
|
||||
Contribute tuşuna basarak Open Pull Request dedikten sonra gerekli bölümleri doldurup pull request açtıktan sonra tek yapmamız gereken gönderinin onaylanması kalıyor.
|
||||
|
||||
# Son
|
||||
|
||||
İşte yapmanız gereken bu kadar artık parlak fikirlerinizi paylaşabilirsiniz.
|
||||
|
||||
Bu gönderiyi okuduğunuz için teşekkürler...
|
||||
|
||||
Yazar: Mehmetali345Dev (Matrix: Anakin Skywalker)
|
||||
|
||||
[Github hesabım](https://github.com/Mehmetali345Dev)
|
||||
@@ -0,0 +1,204 @@
|
||||
# Websitenize Tema Ekleme
|
||||
|
||||
|
||||
|
||||
Karanlık temalara bayılıyorum. Kullandığım her websitesinde ve uygulamada karanlık tema tercih ediyorum. Peki tema seçeneklerini sitemize nasıl koyarız? Birden fazla temayı sitemizde nasıl yapabiliriz bu rehberde bunu anlatacağım.
|
||||
|
||||
1. Ne yapacağız?
|
||||
2. Düğmeyi oluşturma
|
||||
3. Renk düzenlerini oluşturma
|
||||
4. İşlevsellik
|
||||
5. Kullanıcının tercihine göre temayı kaydetme
|
||||
6. Kapanış
|
||||
7. Katkıda bulunanlar
|
||||
|
||||
## Ne Yapacağız?
|
||||
Örnek olarak projelerimden birisini kullanacağım. Geçtiğimiz haftalarda 3 tane teması olan bir hesap makinesi yaptım.
|
||||
|
||||
[kod](https://github.com/yusufipk/another-calculator) | [canlı demo](https://yusufipk.github.io/another-calculator/)
|
||||
|
||||
|
||||
|
||||
Gördüğünüz gibi düğmemiz var ve bu düğmeyle 3 tema arasında seçim yapabiliyoruz.
|
||||
|
||||
## Düğmeyi Oluşturma
|
||||
Düğmeyi oluşturmak için checkbox, radio veya button elementlerini kullanabiliriz. Burada ben radio elementini kullanacağım.
|
||||
|
||||
```
|
||||
<div class="radio">
|
||||
<input type="radio" id="theme1" name="theme1" />
|
||||
<input type="radio" id="theme2" name="theme2" />
|
||||
<input type="radio" id="theme3" name="theme3" />
|
||||
</div>
|
||||
```
|
||||
|
||||
## Renk Düzenlerini Oluşturma
|
||||
Renk düzenlerini CSS değişkenlerini kullanarak oluşturacağız. SASS değişkenlerinin derlenmesi gerektiğinden SASS değişkenleri kullanamazsınız! Bu uygulamada ben üç tane tema yapıyorum dolayısıyla üç tane renk düzeni oluşturacağım. İlki;
|
||||
```
|
||||
:root {
|
||||
--color-main: #3b4664;
|
||||
--color-white: #ffffff;
|
||||
--bg-main: #181f32;
|
||||
--bg-buttons: rgba(37, 45, 68, 0.6);
|
||||
--num: #eae3db;
|
||||
--number-color: #484b5a;
|
||||
--number-border: #b3a599;
|
||||
--button-secondary: #647299;
|
||||
--border-secondary: #404d70;
|
||||
--button-tertiary: #d13f30;
|
||||
--border-tertiary: #922417;
|
||||
--radio-color: #cf3f34;
|
||||
}
|
||||
```
|
||||
Bu varsayılan temam olacak dolayısıyla herhangi bir attribute eklememe gerek yok. İkinci temam;
|
||||
```
|
||||
body[data-theme="light"] {
|
||||
--color-main: #e6e6e6;
|
||||
--color-white: #3a3a32;
|
||||
--bg-main: #eeeeee;
|
||||
--bg-buttons: #d3cdcd;
|
||||
--num: #e5e4e0;
|
||||
--number-color: #3a3a32;
|
||||
--number-border: #a69c93;
|
||||
--button-secondary: #388187;
|
||||
--border-secondary: #1a5d66;
|
||||
--button-tertiary: #c85401;
|
||||
--border-tertiary: #873a02;
|
||||
}
|
||||
```
|
||||
|
||||
Bu aydınlık temamız olacak. data-theme yazarak bunu belirtmemiz gerekli. Data özel bir attribute. Data hakkında daha fazla bilgi almak istiyorsanız [buraya bakın.](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*)
|
||||
|
||||
Son temamızsa;
|
||||
```
|
||||
body[data-theme="purple"] {
|
||||
--color-main: #17062a;
|
||||
--color-white: #ffe43b;
|
||||
--bg-main: #1e0836;
|
||||
--bg-buttons: #1e0836;
|
||||
--num: #331b4d;
|
||||
--number-color: #ffe537;
|
||||
--number-border: #85219b;
|
||||
--button-secondary: #56077c;
|
||||
--border-secondary: #bf15f4;
|
||||
--button-tertiary: #00decf;
|
||||
--border-tertiary: #6dfaf1;
|
||||
--radio-color: #00e8d8;
|
||||
}
|
||||
```
|
||||
Bu kurulumla birlikte değişkenlerimizi kodumuzda kullanıp istediğimiz temayı dinamik olarak sayfamızda değiştirebileceğiz.
|
||||
|
||||
## İşlevselliği Ekliyoruz
|
||||
İlk olarak radio elementlerimizi Javascript ile seçmemiz gerekli.
|
||||
```
|
||||
const theme1 = document.getElementById("theme1");
|
||||
const theme2 = document.getElementById("theme2");
|
||||
const theme3 = document.getElementById("theme3");
|
||||
```
|
||||
Şimdi ``changeTheme()`` fonksiyonunu oluşturacağız. Bu fonksiyon body attribute değerini değiştirmemizi sağlayacak ve böylece istediğimiz temayı sitede kullanabileceğiz.
|
||||
|
||||
```
|
||||
function changeTheme() {
|
||||
if (theme1.checked) {
|
||||
document.body.setAttribute("data-theme", "");
|
||||
} else if (theme2.checked) {
|
||||
document.body.setAttribute("data-theme", "light");
|
||||
} else if (theme3.checked) {
|
||||
document.body.setAttribute("data-theme", "purple");
|
||||
} else return;
|
||||
}
|
||||
```
|
||||
Şimdi de eventListener eklememiz lazım, yapmasını istediğimiz iki şey var;
|
||||
|
||||
1. Radio elementine tıkladığımızda diğer bütün radio elementlerini ``uncheck`` haline getirmemiz lazım.
|
||||
2. Her radio elementine tıkladığımızda changeTheme() fonksiyonunu çalıştırmamız lazım.
|
||||
```
|
||||
theme1.addEventListener("click", () => {
|
||||
theme2.checked = false;
|
||||
theme3.checked = false;
|
||||
changeTheme();
|
||||
});
|
||||
theme2.addEventListener("click", () => {
|
||||
theme1.checked = false;
|
||||
theme3.checked = false;
|
||||
changeTheme();
|
||||
});
|
||||
theme3.addEventListener("click", () => {
|
||||
theme1.checked =false;
|
||||
theme2.checked = false;
|
||||
changeTheme();
|
||||
});
|
||||
```
|
||||
|
||||
Bununla birlikte bütün temalarımız işlevesel bir şekilde çalışıyor! Kullanıcı hangi temaya tıklarsa site ona göre değişecek.
|
||||
|
||||
## Kullanıcının Tercihine Göre Temayı Kaydetme
|
||||
İki sorunumuz var:
|
||||
|
||||
1. Kodumuzda varsayılan tema yok.
|
||||
2. Kullanıcının tercih ettiği temayı kaydetmiyoruz. Sayfa her yenilendiğinde tema eski haline dönüyor.
|
||||
|
||||
Bu sorunu localStorage kullanarak aşacağız.
|
||||
|
||||
İlk olarak varsayılan tema oluştralım.
|
||||
|
||||
```
|
||||
// Varsayılan temam "theme1" olacak
|
||||
if (localStorage.getItem("theme") === null) {
|
||||
localStorage.setItem("theme", "theme1");
|
||||
}
|
||||
```
|
||||
|
||||
Switch kullanarak her sayfayı yenilediğimizde seçilen temayı tekrar seçeceğiz.
|
||||
|
||||
```
|
||||
switch (localStorage.getItem("theme")) {
|
||||
case "theme1":
|
||||
theme1.checked = true;
|
||||
break;
|
||||
case "theme2":
|
||||
theme2.checked = true;
|
||||
break;
|
||||
case "theme3":
|
||||
theme3.checked = true;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
```
|
||||
Daha sonrasında localStorage.setItem() kullanarak eventListener'larının kullanıcının seçtiği temayı localStorage'a kaydetmesini sağlayacağız.
|
||||
|
||||
```
|
||||
theme1.addEventListener("click", () => {
|
||||
theme2.checked = false;
|
||||
theme3.checked = false;
|
||||
// New Code
|
||||
localStorage.setItem("theme", "theme1");
|
||||
changeTheme();
|
||||
});
|
||||
theme2.addEventListener("click", () => {
|
||||
theme1.checked = false;
|
||||
theme3.checked = false;
|
||||
// New Code
|
||||
localStorage.setItem("theme", "theme2");
|
||||
changeTheme();
|
||||
});
|
||||
theme3.addEventListener("click", () => {
|
||||
theme1.checked = false;
|
||||
theme2.checked = false;
|
||||
// New Code
|
||||
localStorage.setItem("theme", "theme3");
|
||||
changeTheme();
|
||||
});
|
||||
```
|
||||
Son olarak kodun sonunda ``changeTheme()`` fonksiyonunu çağırmamız gerekli ki her sayfayı yenilediğimizde rengimiz değişebilsin.
|
||||
|
||||
Bu kadar! Websitemizde kullanıcının seçebileceği 3 tane temamız var ve localStrage kullanarak temayı kaydediyoruz. Sitenize bu yöntemle istediğiniz kadar tema ekleyebilirsiniz.
|
||||
|
||||
## Kapanış
|
||||
Kullanıcının tema tercihini de göz önünde bulundurmak istiyorsanız CSS'te olan [prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) media query'sini kullanarak varsayılan temayı karanlık/aydınlık olarak ayarlayabilirsiniz. Kolay bir işlem olduğundan bu rehberi daha fazla uzatmak istemiyorum.
|
||||
|
||||
Benim ilk kodlama rehberimdi ve herhangi bir geri bildiriminiz varsa lütfen bana ulaşın! Okuduğunuz için teşekkürler ve umarım bu rehber size faydalı olmuştur.
|
||||
|
||||
## Katkıda Bulunanlar
|
||||
Yusuf İpek [website](https://yusufipek.me), [youtube](https://www.youtube.com/channel/UCVBX2n_5egE9XuJL8NUS0Xg)
|
||||
@@ -0,0 +1,32 @@
|
||||
# Windows 10'da İndirililen Bir Dosyanın Doğruluğu Nasıl Kontrol Edilir?
|
||||
|
||||
Bu yazımda sizlere Windows 10 platformunda indirilen bir dosyanın **checksum** kontrolünün nasıl yapılacağını göstereceğim.
|
||||
|
||||
# Checksum Nedir?
|
||||
Checksum, bir dosyanın belirli hash algoritmasıyla şifrelenip elde edilmiş bir kimlik numarasıdır diyebiliriz. Örnek vermek gerekirse iki tane aynı isimde bir dosya olduğunu var sayalım. Boyutları da aynı olsun. Eğer iki dosyanın checksum verisi birbirine uyuşuyorsa bu iki dosya tamamen aynıdır diyebiliriz. Fakat checksum verileri birbirinden farklı ise içeriği aynı olsa bile orijinal dosyanın değiştirildiğini göstermektedir.
|
||||
|
||||
# Peki Nasıl Kontrol Edeceğim?
|
||||
Örnek üzerinden gidelim. Mesela Archlinux indirmek istediniz ve indirdiğiniz dosyanın checksum kontrolünü yapmak istediniz.
|
||||
|
||||
- Öncelikle dosya gezgininden indirdiğiniz ISO dosyasının konumuna gelelim.
|
||||
- Sonrasında konum çubuğuna *cmd* yazıp enter'a basalım.
|
||||
|
||||
- Açılan CMD ekranında şu komutu girelim;
|
||||
```
|
||||
certutil -hashfile [dosyaismi] [algoritma]
|
||||
```
|
||||
|
||||
- Örnek algoritmalar;
|
||||
```
|
||||
MD5
|
||||
SHA1
|
||||
SHA512
|
||||
```
|
||||
- Evet sonucumuzu aldık. Şimdi bunu 04.08.2021 tarihindeki Archlinux sitesinden aldığım veri ile karşılaştıralım
|
||||
|
||||
|
||||
Gördüğümüz gibi sonuçlar uyuşmaktadır. Bu da demek oluyor ki indirdiğimiz sunucudaki dosya ile bizim bilgisayarımızdaki dosya aynıdır, orijinaldir.
|
||||
|
||||
### Final
|
||||
Yazım buraya kadardı. Teşekkür ederim.
|
||||
Yazar: Berkin Çetin, [Github](https://github.com/darkao)
|
||||
@@ -0,0 +1,83 @@
|
||||
# Wordpress Nedir Nasıl Kurulur?
|
||||
|
||||
## İskelet
|
||||
|
||||
- Wordpress Nedir?
|
||||
|
||||
- Wordpress Tarihi?
|
||||
|
||||
- Wordpress Nasıl Kurulur?
|
||||
|
||||
## Wordpress Nedir?
|
||||
|
||||
Wordpress'in kökleri 2001 yılına kadar uzanmaktadır ve 2003'te halka açılmıştır. Blog sistemi olarak; PHP ve MySQL kullanılarak yazılmıştır. Wordpress b2/cafelog blog yazılımının forku olarak yazılmıştır.
|
||||
|
||||
Wordpress ilk başlarda blog altyapısı olarak kurulmuş olsada, bugün sadece blog siteleri için değil haber, e-ticaret, kurumsal siteler ve Wordpress'i yazan ekip tarafından eklenti olarak sunulan bbPres eklentisi ile forum sitesi bile kurabilirsiniz.
|
||||
|
||||
Ayrıca Wordpress tamamen açık kaynaklı bir yazılımdır. Kaynak kodlarına Wordpress Github sayfasından ulaşabilirsiniz. [github.com/WordPress/WordPress](https://github.com/WordPress/WordPress)
|
||||
|
||||
Wordpress GNU Genel Kamu Lisansı ile korunmaktadır ve Wordpress'in resmi sitesi [wordpress.org](https://wordpress.org/)'tur. Bugün Wordpress, Dünyada ki internetin 42% gibi büyük bir oranını kapsıyor.
|
||||
|
||||
### Temalar
|
||||
|
||||
Temalar, sitenin görünümüne giydirilmek üzere yazılmış ücretli ve ücretsiz binlerce teması vardır. Bu temaların bir kısmını yapan Wordpress yapımcılarıdır ve genellikle ücretsizdir (Bu temaları kullanan sitelerin altlarında "Proudly Powered By Wordpress" ibaresi bulunmaktadır). Wordpress yapımcılarının dışında bağımsız farklı yapımcılarda tema yapmaktadır ama genellikle ücrete tabidir, ücretsiz versiyonda temanın ve yapımcının reklamları yer alır.
|
||||
|
||||
### Eklentiler
|
||||
|
||||
Eklentiler, genellikle Wordpress yazılımının sunmadığı özellikleri siteye eklemek için yazılmış eklentilerdir. Bugün Wordpress üzerinde 40.000'den fazla eklenti bulunmaktadır.
|
||||
|
||||
**Örnek Eklentiler**: *Seo eklentileri (arama motoru optimizasyonu), canlı destek, üyelik sistemi* gibi eklentiler bulunmaktadır. Bu eklentiler sizin Wordpress sürümünüze uyumludur yada uyumsuzdur, uyumsuz ise çalışmaz veya eklentinin kendisi bozukta olabilir.
|
||||
|
||||
## Wordpress Tarihi?
|
||||
|
||||
Wordpress 2003'te halka açılmış olsada, kökleri taa 2001 yılına kadar uzanmaktadır ve bir proje olarak başlanmıştır. 1997 yılında blog sitelerinin popülerleşmesinden sonra 2001 yılında Wordpress'in kurucuları Matt Mullenweg ile Mike Little geliştirilmeye başladı.
|
||||
|
||||
Wordpress ismini Mullenweg'in arkadaşı olan Christine Selleck tarafından önerilmiştir.
|
||||
|
||||
2005 yılında tema özelliği eklenen 1.5 sürümü çıkartıldı ve Wordpress'in indirilme sayısi 900.000'i geçti.
|
||||
Ayrıca insanların ekstradan farklı bir hosting satın almadan direkt olarak blog sitesi açabilcekleri wordpress.com sistemi açıldı.
|
||||
2005 yılında ayrıca Wordpress'i Türkçeleştirmek için bir kaç arkadaş tarafından Wordpress Türkiye kuruldu.
|
||||
|
||||
2006 Mayısında 2.0.2 sürümünde ilk Türkçe Wordpress paketi kullanıcılara sunuldu.
|
||||
|
||||
2006 yılında Wordpress 1.545.703'ten fazla kez indirildi. 2006 yılında 371 farkl eklenti toplam 191.567 kez indirilmiştir, 2007 yılında ise 1384 eklenti 2.845.884 kez indirilmiştir yani x15 büyümüştür.
|
||||
Ayrıca 2006'da Dünya'nın ilk Wordpress konferansı olan WordCamp düzenlendi (central.wordcamp.org). Günümüzde ise Dünyanın her yerinde bu konferanslar düzenlenmektedir.
|
||||
|
||||
2007 yılında Wordpress düzenli bir sürüm yayınlama planını ortaya sürdü. Ana sürümlerin ayda 3-4 kez olacak şekilde, yılda 3 defa yayınlanması planlandı.
|
||||
|
||||
## Wordpress Nasıl Kurulur?
|
||||
|
||||
Wordpress kurmak için [wordpress.com](https://wordpress.com) adresine gidebilirsiniz.
|
||||
|
||||
Ücretsiz versiyon; *<site adı>.wordpress.com* veya *<site adı>.home.blog* subdomainlerinden (alt alan adlarından) birini seçebilirsiniz. Sitenizde Wordpress'in reklamı "Web sitenizi WordPress.com ile oluşturun" olacaktır.
|
||||
|
||||
Ücretli versiyonu; Kişisel aylık 13₺, Premium aylık 25₺, Kurumsal aylık 75₺ ve E-ticaret aylık 125₺ olacak şekilde 4 farklı paket bulunmaktadır.
|
||||
|
||||
### cPanel Üzerinden Wordpress Kurulumu
|
||||
|
||||
Eğer kendi hostinginiz varsa ve cPanel kuruluysa;
|
||||
|
||||
- [Wordpress.org](https://wordpress.org/download/)'tan Wordpress dosyalarını indir.
|
||||
- cPanel'inize girin.
|
||||
- cPanel'de Dosyalar bölümünden Dosya Yöneticisi'ne gir.
|
||||
- Dosya Yöneticisi bölümünde Public_html bölümüne gir.
|
||||
- Public_html'de ki bütün dosyaları silin.
|
||||
- Sildikten sonra yükle butonuna basınız.
|
||||
- Açılan pencerede ki *"Geçerli Dosyaların Üzerine Yaz"* butonuna tıklayın ve *"Dosya Seç"* butonuna tıklayıp Wordpress.org'tan indirdiğiniz .zip dosyasını seçin.
|
||||
- .zip dosyası indikten sonra, o dosyaya seçerek "Çıkar" butonuna tıklayın "Extract File(s)" seçeneğine tıklayıp .zip klasörünü çıkartın.
|
||||
- Dosyalar *"WordPress"* klasörüne çıkacaktır *(:pubic_html/WordPress)* o dosyaya girip tüm dosyaları *"Move File(s)"* butonuna tıklayıp taşıyınız.
|
||||
- Ondan sonra ise site domaininize girince karşınıza Wordpress kurulum sihirbazı çıkacaktır. Ekranda ki "Başlayalım!" butonuna tıklayın ve sitenizi kurun.
|
||||
|
||||
### Plesk Panel Üzerinden Wordpress Kurulumu
|
||||
|
||||
Eğer kendi hostinginiz varsa ve Plesk Panel kuruluysa;
|
||||
|
||||
- Plesk Panelinize Girin
|
||||
- Plesk Panel ana sayfasında ki *"Wordpress - Kur"* butonuna tıklayın.
|
||||
- Açılan pencerede domaininizi belirleyip, Wordpress ayarlarını ve admin *kullanıcı adı* ve *şifresini* belirleyin.
|
||||
- Alt kısımda ki *"Veritabanı"* kısmını açıp *"Veritabanı adı"*, *"Kullanıcı Adı"*, *"Şifre"* belirleyin. İsteğinize göre *"Otomatik Güncelleme Ayarını"* açın veya açmayın.
|
||||
- Son olarak *"Yükle"* butonuna tıklayın. Siteniz saniyeler içinde kurulmuş olacak!
|
||||
|
||||
## Destekçiler
|
||||
|
||||
Yazar: [@MrGokturk](https://github.com/MrGokturk) **|** Website: [mrgokturk.xyz](https://mrgokturk.xyz)
|
||||
Reference in New Issue
Block a user