WordPress yayınınıza ek kodlar yazmak veya girmek istemenizin birçok nedeni vardır.Reklamlar görüntülemeniz, web sitenizin belirli bölümlerine benzersiz bir stil uygulamanız veya dikkat çekmek için bazı metin veya içerik işaretlemeniz gerekebilir.Ancak, daha iyi kullanıcı deneyimleri sunmak için çeşitli görsel efektler elde etmek için kodlar ekleyebilirsiniz.Tüm bunlar ve diğerleri geçerli nedenlerdir, ancak özel bir kodla elde etmek istediğiniz her şeydir, kod yazma süreci çok gergin veya zor olabilir!Bu öğreticide aşağıdaki alanı tartışacağız:
Kod gibi görünen ancak bir kod gibi davranmayan bir kod ekleyin (kod satırını görüntülemek veya web sitenizin görünümünü artırmak istiyorsanız)
Google Adsense reklamı gibi bir çukur reklamı gibi bir kod gibi davranmayı amaçlayan kodu ekleyin
Bu iki kategori altında, HTML, CSS, JavaScript gibi programlama kodları hakkında biraz bilgi edineceğiz ve Containders
‘in reklamlarına ve güzelliğine dokunacağız.Şimdi, daha fazla fanfare olmadan, işe gidelim ve bazı kodlar yazalım.Kod gibi görünen ancak kodu görüntülemek istiyorsanız (belki bir tasarımcı veya web geliştiricisiniz) bir kod gibi davranmayan bir kod ekleyin, kullanıcınız tarafından kopyalanabilir ve eklenebilir, çünkü bunu doğru bir şekilde yapmanız önemlidir, çünkü Sadece bir satır kodu, dolayısıyla tüm işinizi bozabilir.Kodunuz, bir HTML düzenleyicisi veya görsel yazı kullanmanıza bağlı olarak WordPress tarafından yorumlanacaktır.Kodunuzu doğrudan görsel düzenleyiciye girmek, yapmak istediğiniz etkiye sahip olmayacaktır, çünkü görsel düzenleyici kodu sıradan bir metin olarak görür, yani web tarayıcısının kodunuzu “kod” olarak değil, sıradan bir metin olarak yorumlamayacağı anlamına gelir .
Öte yandan, HTML Post Düzenleyicisi, kullandığınız HTML veya CSS işaretlemesini tanıyacak, yani işaretlemenin web tarayıcısı tarafından yorumlanacağı, kaotik düzene ve korkak görünümlü içeriğe neden olabilecek bir şey. Örneğin, görsel düzenleyicideki
sıradan metin olarak yorumlanacak ve sonuçlar sadece
. Ancak, HTML düzenleyicisindeki
HTML işaretlemesi olarak yorumlanacak ve sonuç bir kap oluşturuyor. Bu HTML egzersizi gerçekten boş bir uygulamada, ancak ne demek istediğimin daha net bir resmi için deneyebilirsiniz. HTML düzenleyicinizi açın,
yazın ve taslak olarak kaydedin. Taslağınız kaydedildikten sonra, hasarlı web sitenizi görmek için “Pratinamai Post” u tıklayın. Endişelenme, bu kalıcı değil ve sadece taslağı atabilirsiniz. Şimdi işe dönün. Genel olarak, kodu iki şekilde kullanabilirsiniz. İlk olarak, kodunuzla ilgili noktaları açıklığa kavuşturmak için kodu bir satırda (veya paragrafta) kullanabilirsiniz. İkincisi, kodunuzu böyle bir bloğa yazabilir, vurgulayabilir ve koyabilirsiniz:
<Önde
WordPress gönderilerinde öğretici yazma kodu

…

Yukarıdaki efekti elde etmek için gibi yazılmış kod etiketini kullanıyoruz … Kodumuz buraya giriyor . Dirsek braketleri ([]) ile okları () değiştirin WordPress sitenize ve kullandığınız yayınların düzenleyicisine (görsel veya html) bağlıdır. Görüntülemek istediğiniz kod açma etiketleri, ve kapanış etiketi arasında olmalıdır. Örneğin, kodu bir paragrafta kullanmak için: kod etiketi, HTML olmayan metin bir kod gibi görünmesini sağlar, ancak web tarayıcısına HTML işaretlemesini yorumlamasını veya yayından silmesini söylemez. Bu, tarayıcının HTML işaretlemenizi kodlayabileceği anlamına gelir, böylece kodunuzda HTML etiketlerini görüntülemek zordur. Ancak, her tarayıcıyı aldatacak olan karakterlerini temsil etmek için ek karakterler veya karakter varlıkları kullanarak bu sorunun üstesinden gelebilirsiniz. Örnek olarak…
… Web sayfalarınızı bozacak yeni bir kap oluşturacak (
) ve başlık (

). Ancak, Karakter Varlığı oku değiştirmek için kullanırsanız, bu davranıştan kaçınacak ve kodunuzu istendiği gibi görüntüleyeceksiniz. Bu nedenle, yukarıdaki kod şöyle görünecektir:

Bir şey almak için kod bloğunu (hatta metin) vurgulamak istiyorsam vurgulanan bir kod bloğu oluşturun;

Kodu (veya metni) şöyle bir kapta koyarak başlıyorum:

Daha sonra stili doğrudan (yukarıda gösterildiği gibi) veya temanızın ana klasörüne style.css dosyası aracılığıyla ekliyorum. Etiket stili Kod etiket kodunuzun yazı tipi boyutunu kullanır ve metni varsayılan olarak Monospace yazı tipine yerleştirir. Kodunuzun istediğiniz gibi görünmesi için tüm bunları değiştirebilirsiniz. Yalnızca … kod {yazı tipi boyutu: 1.2em; Renk:#000; Font-weight: normal;} … veya stilinize benzer bir şey. Sınırsız bir stil var ve hepsi kişisel tercihlerinize bağlı, bu yüzden kendinizi kaçınmayın Quick Adsense gibi bir eklenti olmasına rağmen, yayınınızdaki reklamları yönetmenize yardımcı olacak, tamamen kontrol edebileceğiniz bağımsız bir komut dosyası yüklemek isteyebilirsiniz. Reklamınız basit resimler ve bağlantılar şeklinde ise, yükleme programı aracılığıyla yayınınıza reklam ekleyebilirsiniz. Sadece resmi yükleyin ve bağlantınızı girin (ve belki de bilgilerinizi) ve çalışmanız tamamlanmıştır. Bu yöntem sınırlıdır, çünkü reklamınızı yalnızca sola, sağa veya ortada sıradan görüntüler gibi hizalayabilirsiniz. Veya bir HTML düzenleyicisi kullanarak yayınınızda bir kap yapabilirsiniz.

Örnek:

Bu kapsayıcıyı bir reklam yerleştirmek istediğiniz yerde oluşturun, yani bir reklam eklemeden önce bir yazı hazırlamanız gerekir. Konteyner hazır olduktan sonra, istediğiniz gibi düzenleyebilirsiniz. Style.css’inizi kullanarak konum özelliğini kullanarak taşıyabilirsiniz. Gönderinizde Google AdSense reklamlarını çalıştırmak istiyorsanız, yine de Quick Adsense – eklenti – kullanabilir veya bir kap oluşturabilir ve reklam kodunuzu şöyle yerleştirebilirsiniz:

Not 1: JavaScript tabanlı Google reklamları ve kullanıcılar makinelerinde JavaScript’i etkinleştirdikleri sürece tüm ana web tarayıcıları tarafından yorumlanabilir. Not 2: Yayınlarınızı ve web sitelerinizi bozmamak için web siteniz için doğru reklam boyutlarını seçmelisiniz.
Ekstra iş olmadan tüm yayınlarınızda (mevcut ve gelecekteki yayınlarınızda) görünecek kalıcı bir reklam eklemek istiyorsanız, tek bir yazı şablonunu (single.php) düzenlemeniz gerekir. 468px kez 60 piksel, tek.php’ye aşağıdaki kodu ekleyerek tüm yayınlarımın üstüne yerleştirdim.

Tabii ki blogumdaki Google AdSense reklam ekranı gibi Google reklamlarını kendiniz kullanmalısınız:
Single.php’i bulmak için, yönetim panelini açın ->> görünüm ->> editör ->> single.php. Single.php açıldıktan sonra, aramak için arama çubuğunu (Ctrl + F) kullanın. Konteyneri olduğu gibi terk edebilir veya style.css kullanarak isteklerinize göre düzenleyebilirsiniz. Ve tüm değişiklikleri saklamayı unutmayın. Çok kullanışlı kaplar ve CSS ve biraz yaratıcılık ile birleştirdiğinizde, WordPress sitenizle birçok şey elde edebilirsiniz. Bu, web sitenizdeki herhangi bir kod (veya gerçekte ne olursa olsun) yerleştirmenize yardımcı olabilir. Araç Kutusu WordPress yayınınızda özel kodlar yazma hakkında daha fazla bilgi edinmek istiyorsanız, lütfen aşağıdaki kaynakları kontrol edin:
Gönderinize kodu yazın
Hoş bir karakter varlığı
Gönderide JavaScript’i Kullanma

WordPress yayınlarında HTML kullanma
Güvenli bir WordPress kodu yazma (Slideshare)
Hepsi bu. Başlangıçta tarif ettiğimiz alanı örtmeyi başardık. Ancak bu yazıdaki herhangi bir kavramı anlamıyorsanız veya önerilerinizi veya görüşlerinizi eklemek istiyorsanız, lütfen aşağıdaki yorumlar bölümünde düşüncelerinizi paylaşın!

WordPress yayınınıza özel kod nasıl yazılır