Kılavuzlar/İçerik oluşturma/Kod/Özel HTML ekleme

Özel HTML ekleme

HTML kodu eklemek ve yazdıkça ön izlemek için Özel HTML blokunu kullanın. Bu kılavuzda web sitenize kod eklemek için nasıl bu bloku kullanacağınız gösterilmektedir.

Başlamadan önce

Başlamadan önce Özel HTML bloku, tek bir sayfaya veya gönderiye ham HTML kodu eklemek içindir. Her zaman doğru araç değildir. Hedefiniz aşağıdaki durumlardan biriyle eşleşirse bağlantılı rehber daha hızlı bir rota oluşturur:

  • Bir video, harita, sosyal medya gönderisi veya üçüncü taraf hizmeti (YouTube, Spotify, Instagram, Giphy, Pinterest ve diğerleri) gömün: Bkz. Diğer platformlardan içerik gömme. Gömülü blok her pakette çalışır ve birçok popüler hizmeti herhangi bir özel kod olmadan destekler.
  • İletişim bilgilerini, kayıtları veya geri bildirimleri toplayın: Bkz. Form bloku. Form bloku, HTML olmadan çalışan bir form oluşturur.
  • Sitenize CSS stilini ekleyin : Bkz. Özel CSS ekleme.
  • Sitenizin üst bilgilerine kod ekleyin (doğrulama meta etiketleri, site çapında yüklenen üçüncü taraf komut dosyaları): Bkz. Üst bilgilere kod ekleme.

Özel HTML blokun ekleme

Özel HTML blokunu eklemek için şu adımları izleyin:

  1. Sitenizin panosuna gidin ve HTML’i eklemek istediğiniz sayfayı, gönderiyi veya şablonu seçin.
  2. + (blok ekleyici) simgesine tıklayın ve “HTML” araması yapın.
  3. İçeriğinize eklemek için Özel HTML blokuna tıklayın.
A box drawn around the Custom HTML block in the block selector.

Blok ekleme hakkında ayrıntılı yönergelere buradan ulaşabilirsiniz.

HTML’inizi ekleme

Bloku ekledikten sonra, HTML kodunuzu eklemek için şu adımları izleyin:

  1. “HTML’yi Düzenle” düğmesine tıklayın.
The HTML block with an Edit HTML button.
  1. HTML kodunuzu düzenleyicinin sol tarafına yazın veya yapıştırın.
    • HTML’nizi oluştururken, sağ tarafta kodun önizlemesini göreceksiniz.
  2. İşleminizi tamamladığınızda değişikliklerinizi kaydetmek için Güncelle düğmesine tıklayın.
The HTML editor with code on the left and a preview on the right.

HTML kodunuzun sonucunu düzenleyicide göreceksiniz. Değişiklik yapmak için blok araç çubuğundaki “HTML’yi düzenle” düğmesine tıklayın.

Desteklenen HTML

HTML, tarayıcılara web sitesi içeriğini nasıl görüntüleyeceklerini söyleyen bir bilgisayar dilidir. WordPress.com tüm paketlerde şu HTML etiketlerine izin verir:

  • a
  • address
  • abbr
  • acronym
  • area
  • article
  • aside
  • b
  • big
  • blockquote
  • br
  • caption
  • cite
  • class
  • code
  • col
  • del
  • details
  • dd
  • div
  • dl
  • dt
  • em
  • figure
  • figcaption
  • footer
  • font
  • h1, h2, h3, h4, h5, h6
  • header
  • hgroup
  • i
  • img
  • ins
  • kbd
  • li
  • map
  • mark
  • ol
  • p
  • pre
  • q
  • rp
  • rt
  • rtc
  • ruby
  • s
  • section
  • small
  • span
  • strike
  • strong
  • sub
  • summary
  • sup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr
  • tt
  • u
  • ul
  • var

Şu etiketleri eklemek için barındırma özellikleri etkin olan ücretli bir pakete ihtiyacınız olacaktır. Paketinizin barındırma özelliklerini nasıl etkinleştireceğinizi öğrenin.

embed, frame, iframe, form, input, object, textarea, script, style, link

Web sitenize ekleyebileceğiniz kod türleri ve alternatifleri hakkında daha fazla bilgi almak için bir kod türü desteklenmediğinde web sitenize kod ekleme kılavuzumuzu ziyaret edin.

Sık karşılaşılan sorunları giderme

Kaydettikten sonra HTML kodunuz beklendiği gibi görünmüyorsa şu yaygın nedenleri kontrol edin.

Kaydettikten sonra kod kaybolur

WordPress.com, güvenlik için belirli HTML etiketlerini filtreler. iframe, script, style, form, embed ve object gibi etiketler, barındırma özelliklerinin etkin olduğu ücretli bir paket gerektirir.

Kodunuz siz kaydettikten sonra kaybolursa veya kısmen kaldırılırsa şu sırayla kontrolleri gerçekleştirin:

  1. Paketinizi kontrol edin. Sitenizin panosuna gidin ve Yükseltmeler → Paketler‘i seçin. Özel HTML bloku, yalnızca ücretli bir pakette kısıtlanmış etiketleri kabul eder. Ücretsiz paketteyseniz devam etmek için herhangi bir ücretli pakete yükseltin.
  2. Barındırma özelliklerini etkinleştirin. Yalnızca ücretli bir paket yeterli değildir, barındırma özelliklerinin de etkin olması gerekir. Özel kod kabul etmek üzere paketinizi etkinleştirmek için sitenize en az bir eklenti yükleyin.
  3. Kodunuzu tekrar girin. Paketiniz ödendikten ve barındırma özellikleri etkinleştirildikten sonra kodu tekrar Özel HTML blokuna yapıştırın ve kaydedin.

Barındırma özelliklerini etkinleştirdikten sonra kodunuz yine de kaldırılırsa etiket bu bağlamda desteklenmeyebilir veya üçüncü taraf hizmeti desteklenmeyen işaretleme kullanan gömülü kod yayımlayabilir. Bunun yerine Gömülü bloku deneyin veya aşağıdaki ” beklenmeyen veya geçersiz içerik” hatalarını çözün.

Özel kod olmadan üçüncü taraf içeriğini gömme

Üçüncü taraf bir hizmetten -videolar, müzik, haritalar, sosyal medya gönderileri, takvimler, haber bültenleri veya belge görüntüleyicileri- içerik gömmeye çalışıyorsanız bunun yerine Gömülü blok kullanın. Gömülü blok her pakette çalışır, HTML yazmanızı gerektirmez ve YouTube, Vimeo, Spotify, X, Instagram, TikTok gibi hizmetleri destekler.

Gömülü blok hizmetinizi listelemiyorsa hizmetin muhtemelen bir iframe veya script’e ihtiyacı vardır. Barındırma özellikleri etkin olan ücretli bir pakette, gömme kodunu bir Özel HTML blokuna ekleyin.

“Beklenmedik veya geçersiz içerik” hatalarını çözme

Blogunuzun beklenmeyen veya geçersiz içerik içerdiği mesajını görürseniz bloktaki HTML hatalı biçimlendirilmiş veya değişmiş olabilir. Düzenleyicinin sorunu otomatik olarak düzeltmesini sağlamak için “Bloku Kurtarmayı Dene“yi seçin. Hata devam ederse ek seçenekler için blok hatalarını çözme kılavuzumuza bakın.

Copied to clipboard!