lostyazilim
tr.link

Kodlar Hakkında Yardım | CSS Bilenler

6 Mesajlar 680 Okunma
lstbozum
tr.link

bladekardes bladekardes WM Aracı Kullanıcı
  • Üyelik 15.07.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ş**
  • Mesajlar 293
  • Beğeniler 80 / 36
  • Ticaret 9, (%89)
Merhaba,

CSS kodlarından anlayan arkadaşlar yardım ederse sevinirim. WP'de nasıl "genişlik" değerlerini ayarlayabilirim? CSS dosyasına girdim lakin çok fazla şey var, hangisi hangisini etkiliyor anlamadım. Bozmak da istemiyorum.

Yardımınız için teşekkürler.

 

 

wmaraci
reklam

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Bunun için nereyi değiştirmek istiyorsanız mouse ile o kısma gelip sağ tuş "incele" demeniz gereklidir. Burada chrome için altta ve ya sağda konsol açılacaktır. Buradan o divi ve ya elementi etkileyen css kodunu ve bu css kodunun hangi dosya ve kaçıncı satırda olduğunu rahatlıkla görebilirsiniz.

Örnek: http://prntscr.com/ld2auj
bladekardes

kişi bu mesajı beğendi.

sworks sworks WordPress Kullanıcı
  • Üyelik 28.02.2018
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Diğer
  • Ad Soyad A** K**
  • Mesajlar 3292
  • Beğeniler 1797 / 1799
  • Ticaret 20, (%100)
Ek olarak bulduğunuz CSS kodlarını, doğrudan tema dosyalarını editleyerek uygulamayın. En altına !important ile ekleyin veya child tema kullanıyorsanız oraya ekleyin. Böylece tema güncellendiği zaman yaptığınız değişiklikler kaybolmayacaktır.
bladekardes

kişi bu mesajı beğendi.

bladekardes bladekardes WM Aracı Kullanıcı
  • Üyelik 15.07.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ş**
  • Mesajlar 293
  • Beğeniler 80 / 36
  • Ticaret 9, (%89)

sworks adlı üyeden alıntı

Ek olarak bulduğunuz CSS kodlarını, doğrudan tema dosyalarını editleyerek uygulamayın. En altına !important ile ekleyin veya child tema kullanıyorsanız oraya ekleyin. Böylece tema güncellendiği zaman yaptığınız değişiklikler kaybolmayacaktır.


Anlamadım bu demek istediğinizi. Biraz daha açıklar mısınız?
 

 

wmaraci
wmaraci

sworks sworks WordPress Kullanıcı
  • Üyelik 28.02.2018
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Diğer
  • Ad Soyad A** K**
  • Mesajlar 3292
  • Beğeniler 1797 / 1799
  • Ticaret 20, (%100)
FurkanKandemir 'in dediği gibi tarayıcınızı açıp Öğeyi Denetle 'ye tıklayarak gerekli css kodlarını deneyerek oluşturun. Zaten tarayıcınızdan denerken değiştirdiğiniz kodların nasıl göründüğünü canlı görürsünüz. Gerekli olan kodları deneyerek çıkardıktan sonra temaya bunları eklemek kalıyor.

Örneğin tarayıcıdan öğeyi denetle dediğinizde WMAracı'nın barı şu değerlerle görünüyor:

#wmbar {
position: absolute;
width: 100%;
height: 45px;
top: 0;
left: 0;
min-width: 600px;
z-index: 99999;
background: url(https://wmaraci.com/resimler/bar/barbg.png) repeat-x;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


Sizin sitenizde de bu şekilde kodu bulup gerekli değerleri değiştirmeyi deneyin. Böylece tarayıcıdan değiştirdiğinizde test etmiş oluyorsunuz. Yani neyi değiştirmeniz gerektiğini görmek açısından.

Benim demek istediğim ise, bu kodları çıkarttığınızda, temanızın styles.css dosyasını açıp gerekli yerleri editlemeyin. Child tema kullanarak eklerseniz temanız güncellendiğinde her şey korunacak. Kaybolmayacak.
bladekardes

kişi bu mesajı beğendi.

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
bladekardes http://prntscr.com/ld2auj resme bakınız mesela ben orda cevapla butonunu baz aldım sağ altta button:active css kodlarının style-92613123123.css dosyasının içinde 407. satır olduğunu ve mouse ile o kısmın üzerine gelirseniz bu .css dosyasının hangi klasörde oldugunu gösterecektir.
bladekardes

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al