• 19-10-2022, 17:41:15
    #1
    Arkadaşlar merhaba.

    klasik editör ile ilgili ufak bir yardıma ihtiyacım var.

    örneğin: bir sayfa içine h2 - h3 - h4 etiketli başlık eklediğimde doğal olarak bu başlık standart yazılara göre font büyüklüğü olarak daha büyüktür.

    ama ben herhangi bir başlık eklerken hem h2 olmasını istiyorum ve aynı zamanda font olarak büyük olmasını istemiyorum.

    css alanına aşağıdaki kodu ekleyerek sorunu düzeltebiliyorum. fakat böyle yaptığımda site genelindeki tüm başlıklar etkileniyor.

    h2 {
    font-size:32px;
    }
    acaba herhangi bir kelimeyi metin düzenleme kısmında bir kod parçası veya kısakod ekleyerek (font büyüklüğü oluşturmadan) h2 - h3 olarak gösterebilir miyim?
  • Kabul Edilen Cevap
    • 0 Beğeni
      İlgili başlığa class atayın ve CSS'te sınıf seçiciyi kullanın.

      Örnek 1:
      HTML:
      <h2 class="fs-14">lorem ipsum</h2>
      <h3 class="fs-20">lorem ipsum<h3>
      CSS:
      .fs-14 {
      font-size: 14px;
      }
      
      .fs-20 {
      font-size: 20px;
      }
      Örnek 2 (daha iyi olabilir uzun vadede):
      HTML:
      <h2 class="f-small fs-14">lorem ipsum</h2>
      <h3 class="f-medium fs-20">lorem ipsum<h3>
      CSS:
      .f-small.fs-14 {
      font-size: 14px;
      }
      
      .f-medium.fs-20 {
      font-size: 20px;
      }
      Bu konu hakkında bilgi edinebileceğiniz kaynaklar:
      https://www.w3schools.com/html/html_classes.asp
      https://www.w3schools.com/cssref/sel_class.asp
      https://css-tricks.com/multiple-class-id-selectors/
  • 19-10-2022, 17:51:44
    #2
    Yazınızın bulunduğu alanı seçip, ardından h2 işaretlemesi yaparak sorununuzu çözebilirsiniz. Örneğin:

    .post-area h2{
    font-size: 16px!important;
    }

    "Post-area" sınıfı sizin sitenizde farklı olabilir, onu sizin bulmanız gerekiyor.
  • 19-10-2022, 18:19:30
    #3
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    İlgili başlığa class atayın ve CSS'te sınıf seçiciyi kullanın.

    Örnek 1:
    HTML:
    <h2 class="fs-14">lorem ipsum</h2>
    <h3 class="fs-20">lorem ipsum<h3>
    CSS:
    .fs-14 {
    font-size: 14px;
    }
    
    .fs-20 {
    font-size: 20px;
    }
    Örnek 2 (daha iyi olabilir uzun vadede):
    HTML:
    <h2 class="f-small fs-14">lorem ipsum</h2>
    <h3 class="f-medium fs-20">lorem ipsum<h3>
    CSS:
    .f-small.fs-14 {
    font-size: 14px;
    }
    
    .f-medium.fs-20 {
    font-size: 20px;
    }
    Bu konu hakkında bilgi edinebileceğiniz kaynaklar:
    https://www.w3schools.com/html/html_classes.asp
    https://www.w3schools.com/cssref/sel_class.asp
    https://css-tricks.com/multiple-class-id-selectors/
  • 19-10-2022, 18:21:16
    #4
    Canepe adlı üyeden alıntı: mesajı görüntüle
    Yazınızın bulunduğu alanı seçip, ardından h2 işaretlemesi yaparak sorununuzu çözebilirsiniz. Örneğin:

    .post-area h2{
    font-size: 16px!important;
    }

    "Post-area" sınıfı sizin sitenizde farklı olabilir, onu sizin bulmanız gerekiyor.
    Not: Bu yöntemde .post-area'nın içlerinde* olan tüm h2'ler etkilenir.
    * https://developer.mozilla.org/en-US/...ant_combinator
  • 19-10-2022, 22:32:55
    #5
    @Canepe; @Empat;

    desteğiniz için teşekkür ederim.

    acaba css kısmına hiç girmeden direk sayfa içinde yazı düzenleme kısmında bu işi çözemez miyim?

    Örneğin; eklenmek istenen kelimenin yanına h2 etiketiyle beraber font ile ilgili bir şey ekleme olabilir mi?
  • 19-10-2022, 22:38:49
    #6
    aga2442 adlı üyeden alıntı: mesajı görüntüle
    @Canepe; @Empat;

    desteğiniz için teşekkür ederim.

    acaba css kısmına hiç girmeden direk sayfa içinde yazı düzenleme kısmında bu işi çözemez miyim?

    Örneğin; eklenmek istenen kelimenin yanına h2 etiketiyle beraber font ile ilgili bir şey ekleme olabilir mi?
    Siz anladığım kadarıyla genel olarak h2, h3, h4 gibi başlıklarınızın, normal fontunuz ile eşit olmasını istiyorsunuz.

    Bunun için editörde herhangi bir ayar yapabilir misiniz bilmiyorum fakat yukarıda mesajımda yazdığım gibi genel bir atama verip tüm başlıklarınızın boyutunun, normal fontunuz ile aynı seviyede olmasını sağlayabilirsiniz. Başlıklara/kelimelere özel olarak nitelik vermek isterseniz Empat adlı kullanıcının kelimeye ayrı bir sınıf atama fikrini kullanabilirsiniz.
  • 19-10-2022, 22:47:01
    #7
    aga2442 adlı üyeden alıntı: mesajı görüntüle
    @Canepe; @Empat;

    desteğiniz için teşekkür ederim.

    acaba css kısmına hiç girmeden direk sayfa içinde yazı düzenleme kısmında bu işi çözemez miyim?

    Örneğin; eklenmek istenen kelimenin yanına h2 etiketiyle beraber font ile ilgili bir şey ekleme olabilir mi?
    Gutenberg ile veya Classic Editor'de Tinymce add-on'u ile yapabilirsiniz. Detaylar: https://www.hostinger.com/tutorials/...e-in-wordpress