Brunsia Web - Günceleştirme

2.10 Güncellemesi

1. Önceki içerik getirken hata oluşuyordu. (Şablonlarda)
2. Şablon değiştirmede hata oluşuyordu. (Küçük bir ihtimal sorun devam edebilir)
3. Şablon ön izleme özelliği getirildi
4. Yazı'da kategoriden url oluşturma (Çoklu url)
5. Blog elementinde alt kategori tekil seçme imkanı (Önceden zorunlu üst kategori de geliyordu.)
6. Js'ten kaynaklan ekran gelme sorunu düzeltildi
7. Blog şablon yapılarında iyileştirme yapıldı
8. Blog bölümün Anlık, Kısmi Anlık ve sonradan yükleme özelliği getirildi.

2.9 Güncellemesi

$.getScript('http://platform.twitter.com/widgets.js', function() {

$('.twitter-block').on('DOMSubtreeModified propertychange',"#twitter-widget-0", function() {

$(".twitter-timeline").contents().find(".timeline-Tweet-media").css("display", "none");

$(".twitter-block").css("height", "100%");

});

function AfterCodeLoad(){

var screenWidth = CInt($(document).width());

if( screenWidth < 990){

$('.remove-mobile').remove();

};

}

</script>

http://tools.sharethis.com/get-sharing-tools/#

kullanıcı: mesut@brunsia.com

parola: 1xHgpOeVQuK5

Sosyal medya paylaşımı bu şekilde yapabiliriz.

Farklı sitelerden daha iyisini de bulabilirsiniz.

Güncelleme 24.08.2016

1. Ön izleme için "Admin Tasarım Modu"

2. Uzun Url Sorunu

3. Keydetmede hata (Id'den dolayı => "form")

4. Form belge yükleme sorunu

5. Blog, menü şablonda hiyerarşi sorunu

Bu tarz seçimler görsel olarak rahatsız etmekte (Yazı ve görseldemavi seçim geliyordu)

özellikle ön bölümde bir makalenin seçilip kopyalanması

a, img, div, p, span {

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

bu css bu tarz durumların önüne geçer

Brunsia Web Admininde geliştirici rolü başkasına verilmez.

bu eposta benimdir

geliştirici = Developer

yetkili rolü = Brunsia

editör rolü = Site sahibi veya ek hesap

ayrıca bir makale vs yazarken editör rolü ile girip yazılması lazımdır

böylece blogları listelerken yazar bölümünde site sahibinin adı çıksın

yoksa admin çıkar

Brunsia Web 2.4 Güncelemesi

1. Ziyaretçi analiz bölümü revize edildi.

2. Çoklu url bölümüne ön izleme özelliği eklendi.

3. Çoklu url bölümünün seo yapısı iyileştirildi.

4. Sağ tuş ve yazı kopyalamayı engelleme özelliği getirildi! (url den sonra ?edit=1)

5. "Yükleniyor" paneli getirildi. Script ve css'in hazırlanmasını beklerken görseller dağılıyordu.

6. Sayfa/Yazı Kaydet ve güncelleme güncelleme bölümleri değiştirildi.

7. Arayüz tasarlayıcı tablet ve geçiş ekranına uygun hale getirildi ve editörden ayrıldı.(Biri açıkken diğeri kapalı).

8. Resim ve galeri elementi oluşturulduğunda medya seçim/yükleme özelliği otomatik açılıyor.

9. Arayüzde başlık boyutu (H1, H2 vs.) ve konumu, galeri de galeri listesi ön izleme olarak verildi. Resim elementindeki görsel büyütüldü.

10. Kod ve editörde html fotmatlı yapıya dönüşüm özelliği getirildi.

11. Inline(Doğrudan) stillendirmelerde font boyutu küçültüldü. Gereksiz alanlar kaldırıldı.

12. İkon elementinde olduğu gibi ikon seçimde de (Buton içinde ikon seçme vs.) arama özelliği getirildi.

13. Ayraç elenmentindeki hatalar giderildi ve eğer ikonlu ayraç ise diğer alanlar gösterilecek. (İkon detayları)

Normal bir sitede head tagına bütün css ve jsleri koyarız böylece açılma esnasındaki bozukmalar en aza iner.

Ancak Google Page Speed head bölümünde js ve cssleri koyma diyor.

Bu yüzden css ve js body'nin en altında yer alıyor. Ve site bozuk görünüyor.

Yani loading bölümünün amacı arka tarafı göstermemek.

Brunsia Web 2.5 Güncellemesi

Orjinal resimler bazen çok büyük olabiliyor. Bu nedenle yüklenen resimler maksimum ebat sınırı geldi!

Genişlik veya yükseklikten hangisi daha fazla ise yüksek kenarın en fazla 1024px olacak şekilde yeniden boyutlandırıyoruz, daha sonra yüklüyoruz.

Tabi eğer geliştirici rolü ile giriş yapılır ise bu kuralın dışına çıkılabiliyor. (Slider, arkaplan ve paralax efeklerde büyük resim olabilir)

Yönetici girişi yapıldı ise sağ tıklama engeli olmayacak ve yazı, resim seçimi yapılabilinecek

Örnek: siteadi.com/xxx/yyy/zzz

--> Domainden sonra gelen her "/" slash bir bölümü (bayrak, url parçacığı, slug, url data) temsil eder.

--> xxx, yyy, zzz hepsi birer bayraktır.

--> bu bölümler eskiden klasör yapısını temsil ederdi -> http://bilgi.brunsia.com/img/users/women1.jpg

http://bilgi.brunsia.com/ işareti sitenin urlsini temsil eder.

Örn: "http://www.brunsia.com.tr/" yazmak yerine "http://bilgi.brunsia.com/" yazmak hem daha hızlı hem de hata yapmayı azaltır.

Aksi taktirde www var mı yok mu? Ssl gelince link güncellemek zorunda kalınır

Css yazarken;

--> İçi boş ise, ilk, son, tek, çift,

--> tek satır olsun, alan dışına taşması (http://file.mrbool.com/mrbool/articles/Neeraj/LayerZindexCSS/LayerZindexCSS02.jpg)

--> font avesome ikonlarının sağında ve solundaki boşluklara dikkat edilmesi gerekir.

:empty, :first-child, :nth-child(n), :last-child

overflow, word-wrap, white-space;

Css'de "border radius" gibi tarayıcılar arasında uyumsuz olduğu durumlar vardır.

Bu durumda standarta ek oral tarayıcıyı destekli css yazılmalıdır.

-moz- Firefox

-webkit- Safari ve Chrome

-o- Opera

-ms- Internet Explorer

Örnek:

border-radius: 18px 18px 18px 18px;

-moz-border-radius: 18px 18px 18px 18px;

-webkit-border-radius: 18px 18px 18px 18px;

border: 4px solid #000000;

border radius eplorer 9 dan sonra yer almakta ancak hala xp kullanan kullanıcılar var.

Tabi buradaki amacım tüm tarayıcılara dikkat edelim manasında

Form'a varsayılan e-posta taslağı/içeriği getiriyorum

Her resmi eklerken bu 3 alana dikkat edilmesi gerekiyor (Resim bağlantı başlığı, Resim alternatif metni, Resim boyut)

ayrıca resim boyutları stil olarak basılmadığı için ezme yapmıyor.

böyle bootstrapte sorun yaşamamış olursunuz

bu resim boyutlandırmasını özellikle makalenin ilk görselinde dikkat edilse yeterlidir

Medya Galeri deki yükseklik sorunu çözüldü

Kategori ve Etiket adında iki tane sabit sayfamız vardır.

Bu sayfalarda ilgili terime ait data çekmek için alttaki kısa kodlarını kullanın.

bayrak nedir? Ne işe yarıyor?

Urldeki bir bölüm

Wordpress'te slug diye geçiyor

https://www.siteadi.com/.../Bayrak1/Bayrak2/...

Güncelleme

1. amp - amp/ url sorunu

2. admin girişinde arkaplan değişkiliği

3. menü, blog, form js değişikliği

4. form - dinamik alıcı desteği = control name [Alici-Epostalar]

5. blog bölümünde seo için gizli içerik sorunu

Sisteme aykırı js,css ve font eklemek için Geliştiriye başvurunuz.

Bu linklerde depolanıp çekilecektir

https://api.brunsia.com/fonts/

https://api.brunsia.com/css/

https://api.brunsia.com/js/

Örnek sisteme dahil etme kodları (Özel taglar bölümüne uygulanır.)

function AfterCodeLoad() {

$('.form_datetime').datetimepicker({

language: 'tr',

weekStart: 1,

todayBtn: 1,

autoclose: 1,

todayHighlight: 1,

startView: 2,

forceParse: 0,

showMeridian: 1

});

$('.form_datetime').datetimepicker('update', new Date());

}

</script>

2.8 Güncelemesi

1. Sayfa html çıktısı minimize edildi.

2. Sitemap yapısı geliştirildi. (Resim)

3. Media-sitemap - Resim yüklerken site haritasına ekleniyordu. Ve resim yüklemek zaman alıyordu. Bunu durdurdum. 1 - 2 gün sonra geceleri otomatik yapan bir sistem yapacağım. Şuan ayarlar/ yenile bölümünden yapılması gerekiyor.

4. Sayfa ve yazıda ekleme ve düzenleme işlemlerinde çevirilerden kaynaklanan yavaşlık sorunu vardı. Bunu ajax ile sonradan yüklenen hale getirdim.

5. Admin panelde medya listeleme sayfalarında tarihe göre filtreleme alanları haftalık olarak değiştirildi.

6. Builder kullanırken, ilişkili elementlerin detayına gitme özelliği getirildi. Örnek menü elementi için, hem menü şablonuna hemde menü kalıbına(Menü verisi) gitme seçeneği geldi.

7. Blog şablonlarında bundan sonra görsel için [Kod-Blog-Detay](cover) yerine [Kod-Blog-Gorsel] kullanılırsa daha hızlı açılır. (Ancak yaparmısınız, Bilmiyorum!)

// 8,9, 10 ve 11. maddeler ilişkilidir!

8. Normalde sitemiz 2 saniyede yükleniyor. Artık 2,5 saniyede yüklenecek. Ancak eskiden jslerin uyumsuz çalışmaktaydı. Bu sorun çözüldü ve bazı veriler baştan gelmektedir. (Önceden ajax ile geliyoru)

9. Ön yüz artık daha kararlı halde çalışmaktadır. Carousel,menü, blog ve formlar için iyileştirme yapıldı. Ve bunlara öncelik atama getirildi. (Önce carousel yüklensin. footerdaki blog en son gelsin. gibi)

10. Menü, blog şablonları ve form tasarımı artık zorunlu olarak başta gelmektedir. Ancak Menü kalıbı(Verisi), Blog listesi sonradan ajax ile veya isteğe bağlı olarak anlık gelmektedir.

11. Blog verilerini çekerken eğer şablonda kategori, etiket, içerik, başlık, veya ek detaylardan bir(birden fazlası) yok ise artık o bölümü çekmeyecektir. Böylece çok daha hızlı veri erişimi olacaktır.

12. Sayfa ve yazı arasında bağlar ayrıldı. Böylece sayfaların daha hızlı açılması sağlandı. (Yani gereksiz kod temizlendi.)

13. Medyaların için sayfa var. Yani bir resim yüklendiğinde bu resim hem kaynak yolu hemde linki olacak. Böylece seo için fazladan sayfa olacaktır. Örnek Link: http://web.brunsia.com.tr/medya/400x400

2.9 Güncelemesi

1. Admin panelde filtreleme alanı renklendirildi

2. Tarih filtre sorunu giderildi

3. Şablon resmi getirme

4. Ek url sitemap sorunu

5. 3. seviye kategori sorunu