MyBB SSL Ayarları - SEO Dostu %100
Merhabalar,
MyBB Seo bakımından önemli olan SSL sertifikasının kurulumundan sonra MyBB sisteminize uyumlu hale getirmeye çalışacağız. İsterseniz önce SSL sertifikasını açıklayalım.
- SSL sertifikaları site adreslerinin doğruluğunu kontrol eden, iki nokta arasındaki veri iletişimini şifreli kanal üzerinden yaparak güvenli bir şekilde iletilmesini sağlayan bir üründür. SSL sertifikaları hiç bir zaman yazdığınız kodun veya web sitenizin güvenliğini sağlamaz.
Şimdi SSL sertifikanız kurulduktan sonra yapmanız gereken adımlar aşağıdaki gibidir.
1) Forum Bilgileri kısmını güncellemek.
Admin KP Forum Ayarları Forum Bilgileri kısmına geliyoruz.
Forum Adresi Kısmında sizde şu şekildedir.
http://siteadresi.com
Bu kısımda
http
alanını https
olarak değiştiriyoruz.https://siteadresi.com
Yine aynı kısımda olan Forum Ana Sayfa Adresi kısmına geliyoruz. Üstteki adımları uyguluyoruz.
2) Robots.txt kısmını güncellemek.
Bunun için FTP ana dizinine gidiyoruz ve dosyayı düzenlemek için açıyoruz. Ve varsa ilk sıradaki gibi bunları sitenize göre düzenliyorsunuz. Yoksa ekleyip düzenleyebilirsiniz.
Sitemap: https://site-adresiniz.com/sitemap-index.xml
Sitemap: https://site-adresiniz.com/misc.php?google_seo_sitemap=index
3) .htaccess Dosyasında Düzenleme Yapma
Kodu ekleyin. Burada siteadresiniz yazan kısmı kendi site adresiniz ile değiştireceksiniz. http ile başlayan kısmı mutlaka https olarak değiştirin.
#HTTP'yi HTTPS 301 Yönlendirmesi
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
# ./search.php sorunları için geçici URL çözümleri:
RewriteRule ^([^&]*)&(.*)$ https://siteadresiniz.com/$1?$2 [L,QSA,R=301]
4) Bu adımlardan sonra tam verim almanız için düzenlemeniz gereken bir çok yer olabilir.
- Sitenizde bulunan tüm
http://
bağlantılarınıhttps://
olarak güncelleyeceksiniz.
- Üyelerin imzalarında ki http resimler,
- Temanız daki http resimler,
- Sitenizde bulunan tüm .js ve .css uzantılı site bağlantılarını yine http:// 'den https:// formatına çevirmeniz gerekiyor.
Kolay gelsin.
MyBB İmza Ayraç Kodu ve Resimleri
Admin KP - Şablonlar - Temanızın Şablonları - PostBit Şablonları - postbit_signature aşağıdaki gibi düzenleyin.
<img src="Resim Linki Buraya Koyun" alt=""><br />{$post['signature']}
Eğer imzayı kare içine almak istiyorsanız aşağıdaki kodu deneyebilirsiniz:
<fieldset><legend><img src="Resim Linki Buraya Koyun" alt=""></legend>{$post['signature']}</fieldset>
Örnek Resimler:
MyBB Forum Yönlendirme (HTML ve JS ile)
Merhaba Arkadaşlar,
MyBB'de sitemizi veya bir sayfayı nasıl başka siteye yönlendirebileceğimizi göreceğiz.
- Eğer bütün siteyi tamamen başka siteye yönlendirmek istiyorsak;
Admin KP > Şablonlar > Temanızın Şablonları > headerinclude (Gruplandırılmamış) Şablonlar > headerinclude
En üstüne ekleyin:
Kod:<script>
window.location.href = "SITE-ADRESİ";
</script>
- Eğer sadece bir sayfayı yönlendireceksek, o sayfanın olduğu şablona giriyoruz ve üstteki kodu en üste yapıştırıyoruz.
Kolay gelsin.
MyBB Otomatik Resim Boyutlandırma [CSS Kodu]
MyBB forumlarında bildiğiniz gibi çok boyutlu (HD Wallpaper, GIF resimleri vb.) konulara/yorumlara/imzalara eklenince sayfa açılış hızı düşüyor, sayfa kasıyor. Bunun için resim boyutlandırma kodunu kullanabiliriz.
Vereceğim kod resimin boyutunu 500px haline getirir, resimin üzerine gelince ise resimin boyutunu orjinal haline getirir.
- Admin Paneli > Temalar & Şablonlar > Temalar > [Kullandığınız temayı seçiniz.] > global.css adlı CSS dosyasını açıp aşağıdaki kodu bulun;
Kod:.scaleimages img {
max-width: 100%;
}
- Benim verdiğim aşağıdaki kod ile değiştirin;
Kod:.scaleimages img {
max-width: 500px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.scaleimages img:hover {
max-width: 100%;
}
Örnek Görüntü: (Mouse ile resmin üzerine gelin)
İşlem tamam. Kolay gelsin.
MyBB Forum Sitenize Favicon Eklemek
MyBB Forum Sitenize Favicon Eklemek
Favicon'umuz hazır ise kullanmış olduğumu temamızın headerinclude şablonunu açıyoruz ve alttaki kodu en üste ekliyoruz.
.ico uzantısı için bu kodu ekliyoruz:
<link rel="shortcut icon" href="favicon.ico" />
.png uzantısı için bu kodu ekliyoruz:
<link rel="icon" type="image/png" href="favicon.png" />
.gif uzantısı için bu kodu ekliyoruz:
<link rel="icon" type="image/gif" href="/favicon.gif" />
Sitenize favicon eklemek için öncelikle uzantısı .ico, .png, .gif olan resimler olması gerekiyor.
Resimlerinizi örneğin icoconvert.com adresinden .ico'ya çevirebilirsiniz. Bu resim dosyasını sitenizin ana dizinine atın.
Eğer favicon ilk etapta gözükmezse çerezleri silin, öyle deneyin, muhtemelen görünecektir.
MyBB Renk Geçişli Kullanıcı Adı Stili
MyBB Renk Geçişli Kullanıcı Adı Stili
Örnek Görüntü:
Admin KP - Temalar & Şablonlar - Kullandığınız temaya girip global.css kod kutucuğunun en altına aşağıdaki kodu ekleyiniz.
.username_bg {
background-image: linear-gradient(90deg, #0000CD, #e3ed20, #1E90FF, #2082ed, #87CEEB, #20edbe, #00008B) !important;
background-size: 100% 100%!important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
Admin KP - Üyeler & Gruplar - Gruplar kısmına girdiğinizde kullanıcı adı stilini renkli yapmak istediğiniz gruba giriniz. Girdikten sonra kullanıcı adı stili kısmındaki kodları silip aşağıdaki kodu ekleyiniz.
<span class="username_bg">{username}</span>
CSS kodlarında ve #renk kodlarında değişiklik yapıp kendinize özgün biçimler yapabilirsiniz.
Kolay gelsin.
MyBB Duyuru Panolarınızı Ziyaretçilere Gizleyin
MyBB Forum Kategorisini Kapatınca Hafif Saydamlık Vermek
Merhaba millet, bu yazımda sizlere forum kategorilerini kapatınca nasıl hafif bir saydamlık vereceğimizi anlatacağım. Aşağıdaki adımı uygulayarak bu özelliği forumunuza uygulayabilirsiniz.
Admin Paneli Temalar & Şablonlar Temalar Kullandığınız temanın Global.css stil sayfasına giriyoruz ve en aşağıya aşağıda yer alan kodu ekliyoruz.
.tcat_collapse_collapsed, .thead_collapsed {
opacity: 0.6;
filter: alpha(opacity=60);
}
Kolay gelsin.
MyBB Forum Kategorisini Kapatınca Hafif Saydamlık Vermek
Merhaba millet, bu yazımda sizlere forum kategorilerini kapatınca nasıl hafif bir saydamlık vereceğimizi anlatacağım. Aşağıdaki adımı uygulayarak bu özelliği forumunuza uygulayabilirsiniz.
Admin Paneli Temalar & Şablonlar Temalar Kullandığınız temanın Global.css stil sayfasına giriyoruz ve en aşağıya aşağıda yer alan kodu ekliyoruz.
.tcat_collapse_collapsed, .thead_collapsed {
opacity: 0.6;
filter: alpha(opacity=60);
}
Kolay gelsin.
MyBB Her Kategoriye Farklı Renk Vermek
Herkese merhabalar bu konumda sizlere her kategoriye nasıl farklı farklı renkler atayabileceğinizi anlatacağım. İlk olarak Admin panelinden kullandığınız temanın şablon gruplarından forumbit_depth1_cat şablonuna girin. Daha sonra aşağıda bulunan kodu diğer kodla değiştirin.
Bul
<td class="thead" colspan="5">
Yukarıdaki kodu aşağıdaki kodla değiştirin.
<td class="thead" id="kategori_{$forum['fid']}">
Şimdi ise hangi kategorinin rengini değiştirmek istiyorsak o kategorinin numarasını yani ID 'sini öğrenmemiz gerekecek. Bunun için istediğiniz kategorinin üzerine tıklıyorsunuz ve adres çubuğunda yer alan fid= yazısından sonraki numarayı alıyorsunuz. Kategori numaranızı öğrendiğinize göre CSS kodlarını ayarlayabilirsiniz. Bunun için global.css stil sayfasına girin, daha sonra aşağıdaki stil kodunu istediğiniz yere yapıştırın.
#kategori_ID {background:#123456;}
Yukarıdaki stil kodunda yer alan ID yerine sizin kategorinizin numarasını yazıyorsunuz. Ayrıca yine stil kodunda bulunan renk kodunu kendi isteğinize göre düzenlemeyi unutmayın.