Sitenize kod ekleyin

WordPress.com sitenize özel kod eklemenin birkaç yolu vardır. Bu kılavuz, WordPress.com paketinize bağlı olarak sitenize hangi tür kodların eklenebileceğini açıklar.

WordPress.com sitenize ekleyebileceğiniz kod türü, paketinize bağlıdır:

• Ücretsiz sitelerde eklenebilecek kodlara sınırlamalar uygulanır. Bu kısıtlamalar, aynı hosting ortamını paylaşan tüm sitelerin güvenliğini sağlamak amacıyla getirilmiştir.
• eklenti etkin plan sitelerde, paketinizi etkinleştirdikten sonra ekleyebileceğiniz kodlar için herhangi bir sınırlama yoktur.

Desteklenen bir pakete yükseltme yapmadan sitenizde iframe, JavaScript veya başka bir kod kullanmak istiyorsanız aşağıdaki alternatifleri değerlendirebilirsiniz:

• Herhangi bir WordPress.com sitesinde videoları, ses dosyalarını ve belgeleri güvenli bir şekilde paylaşmanın birkaç yolu vardır.
• Birçok popüler hizmette, kod eklemeden içerik gömebilirsiniz. YouTube, Spotify, Giphy, tüm büyük sosyal medya platformları ve daha fazlasını içeren desteklenen platformların tam listesine göz atın.
• WordPress.com, kod veya eklenti gerektirmeden erişilebilen birçok ek özellik sunar. Bu özellikler arasında iletişim formları, galeriler, Google Analytics, ödeme düğmeleri, etkinlikler, kısa anketler, testler, randevu planlama, restoran rezervasyonları ve daha fazlası yer alır. Dahil edilen özelliklerin listesi için bu kılavuza bakın.

HTML, internette gördüğünüz her web sayfasının temel dilidir. Web sayfasındaki metin, görseller, bağlantılar ve multimedya gibi içerikleri yapılandırmak ve düzenlemek için özel kodlar (etiket adı verilen) kullanır. Tüm WordPress.com siteleri aşağıdaki HTML etiketlerini kullanabilir:

Ayrıca eklentilerin etkinleştirildiği siteler ve hosting özelliklerini etkinleştirmiş siteler aşağıdaki kodları da kullanabilir:

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

Küçük HTML parçacıkları için Özel HTML bloğu ekleyebilirsiniz.

WordPress Düzenleyicisinde HTML’yi doğrudan iki şekilde düzenleyebilirsiniz:

Her bloğun araç çubuğunda (bloğa tıkladığınızda görünen), üç nokta simgesinde yalnızca o bloğun HTML’sini düzenlemek için “HTML olarak düzenle” seçeneği bulunur.

Sayfanın tamamını HTML olarak düzenlemek istiyorsanız sağ üst köşedeki üç nokta simgesine tıklayın ve HTML’ye geçmek için “Kod düzenleyici“yi seçin.

Kod düzenleyicide varsayılan olarak söz dizimi vurgulaması açıktır. Bunu kullanıcı ve site bazında devre dışı bırakmak için şu adımları izleyin:

1. Sitenizin Pano bölümünde Kullanıcılar → Profil bölümüne gidin.
2. “Kod düzenlerken söz dizimi vurgulamayı devre dışı bırak” seçeneğinin yanındaki kutuyu işaretleyin.
3. Değişikliklerinizi kaydetmek için “Profili Güncelle” düğmesine tıklayın.

CSS, HTML web içeriğinin sunumunu ve görünümünü yönetir. CSS ile bir web sayfasındaki öğelerin renklerini, yazı tiplerini, boyutlarını, aralıklarını ve konumlarını kontrol edebilirsiniz.

CSS düzenleme, Kişisel, Premium, Kurumsal veya Ticaret paketindeki sitelerde desteklenir. Daha fazla bilgi için Özel CSS kılavuzumuzu inceleyin.

JavaScript, web sayfalarına etkileşim katar ve dinamik öğeler eklemenizi sağlar. Etkileşimli formlar, animasyonlar ve hızlı tasarım gibi ilgi çekici özellikler oluşturmak için kullanılır.

JavaScript kodları genellikle <script> etiketiyle eklenir ve eklentilerin etkinleştirildiği sitelerde kullanılabilir. JavaScript kodunu bir Özel HTML bloğu kullanarak veya aşağıdaki bölümde açıklanan Kod ekleme yöntemlerinden biriyle ekleyebilirsiniz.

YouTube ve Google Maps gibi güvenilir hizmetlerden gelen JavaScript, herhangi bir pakette desteklenen gömülü içerik ya da kısa kod olarak kullanılabilir.

Yukarıda açıklanan sınırlamalar dahilinde, amacınıza en uygun yöntemi kullanarak sitenize kod ekleyebilirsiniz. Aşağıdaki yöntemlerle iframe ve JavaScript dahil çoğu kodu sitenize ekleyebilirsiniz:

• Özel HTML bloğunu kullanarak bir sayfaya veya yazıya gömme kodu ekleyin.
• Görselleri, videoları, sesleri ve belgeleri doğrudan karşıya yükleyin. Daha fazla bilgi için Kabul Edilen Dosya Türleri sayfasına bakın.
• Sitenizi Google Arama, Bing, Pinterest, Yandex ve Facebook Business ile doğrulayın. Site Doğrulama Hizmetleri sayfasına bakın.
• Kaynak kodu görüntülemek için SyntaxHighlighter Kod bloğunu kullanın.

Yalnızca hosting özelliklerini etkinleştirmiş eklentilerin etkinleştirildiği siteler:

• AdSense, Facebook ve Mailchimp gibi hizmetler için doğrulama kodlarını bir eklenti aracılığıyla ekleyin. Üst Bilgilere Kod Ekleme sayfasına bakın.
• Code Snippets gibi bir eklenti kullanarak functions.php dosyasına kod ekleyin.
• Güvenli FTP (SFTP) kullanarak site dosyalarınızı doğrudan düzenleyin.
• Sitenize neredeyse her türlü özelliği eklemek için bir eklenti yükleyin.
• Tema üzerinde değişiklik yapmak için bir alt tema oluşturun.