Merhabalar. Elektrik ve Elektronik Mühendisi olduğumdan bazı yazılım dillerine hakimiyetim sebebiyle kendi kendime WordPress eklentisi yapmaya karar verdim. Hazır kullandığım binlerce satırlık hantal eklenti istediğim gibi çalışmıyordu ve boş yere sitemi yoruyordu. Bu yüzden en doğrusu kendim yapmak diyerek sıfırdan yaptım. PHP diliyle yazdığım bu koddan gurur duymuyorum. Sonuçta yazılımcı değilim ama yine de bu yazdığım beni tatmin etti ve mutlu oldum.
Yaptığım ilgili kartı eklentisinin nasıl çalıştığını hemen altta görebilirsiniz. Örnek göstermişken aşağıdaki yazımı da okumanızı tavsiye ederim.
Yaptığım ilgili kart eklentisi yazılar içine ekleyeceğimiz Shortcode ile çalışıyor. Shortcode’un ne olduğuna resmi WordPress sayfasındaki bu yazıdan ulaşabilirsiniz. Yazı içerisindeyken sadece ilgili yazının link bilgisini yazarak yazıyla ilgili tüm detayları getirebiliyor ve ilgili kart şeklinde çalıştırabiliyoruz. Link bilgisinden otomatik olarak yazının ana görsel adresi, yazının başlığı ve yazının kendi adresi gibi bilgiler WordPress’in içinden çekiliyor. Ayrıca ilgili kartı eklentim mobil tasarımlarla da uyumlu çalışmakta. Sayfayı küçülterek görebilirsiniz.
İlgili Kartı Eklentisinin Yazı İçinde Kullanımı
İlgili kart eklentimi yazılarınız içinde aşağıdaki şekilde kullanabilirsiniz. Okuyucuları yönlendirmek istediğiniz yazının sadece link bilgisini girmeniz gerekiyor. Bu bilgiyi de aşağıda örnek olarak gösterdiğim link yerine yazabilirsiniz.
Öncelikle ellerinize sağlık. Tasarım çok güzel olmuş. Çoğu ücretli içerikten çok daha güzel gözüküyor. Ancak anladığım kadarıyla responsive olarak mobil cihazlara uyumlu değil. Mobil cihazlarda görselin çeyreği gözüküyor ve başka bir şey yok. Bu konuda yapabileceğimiz bir şey var mıdır? Yardımcı olabilirseniz çok sevinirim.
Merhaba,
Teşekkürler 🙂 Faydalı olduysa ne mutlu.
Aşağıdaki ekran görüntüsünde solda masaüstü, ortada mobil, sağda da AMP sayfalarını görebiliyoruz. Aslında bunların tümüyle uyumlu durumda şu an. Tabi CSS kısmında bir kaç değişikliği sadece kendi sitelerimde yapmış olabilirim. Bu sebeple sizde de ufak birkaç custom CSS düzenlemesi yapılması gerekebilir. Link atarsanız bakabilirim.
Yazdığım tüm eklentilerin güncel hallerine aşağıdaki paylaşımdan ulaşabilirsiniz;
bu karta yazının özetini nasıl çekicez. $excerpt = get_the_excerpt($id); ile çekmeye çalıştım out kısmını da düzenledim ama ilgili başlığın içeriğini değil hangi sayfaya koyarsam onun içeriğini çekiyor
Selamlar hocam. İlgili kodları buradan en kısa sürede paylaşacağım. Fakat bu reklam konusunda farklı bir sisteme geçmek istiyordum ben. Yeni nesil siteler farklı bir yazılımdan yararlanıyor. Unuttum şimdi onu da paylaşırım burdan 🙂
“adsbygoogle.js” diye bir js oluşturup onu içeriye alıyoruz. Bu .js’nin içinde de sağ taraftaki JS panelindeki kodlar var. Eğer o .js dosyası bloklanıyorsa, yani AdBlock vb. varsa aşağıdaki yazı çıkıyor. Anlamadığınız bir yer olursa sorun bakalım.
hallettim teşekkürler ancak resimin webtekno’daki gibi kare olmasını istiyorum nasıl yapabilirim
Selamlar hocam. Custom CSS bölümünden kafanıza göre ayarlayabilirsiniz. Webtekno’daki nasıl ki? Bir ekran görüntüsü alalım 🙂 Teşekkürler.
hocam ben bunu siteye koydum çalıştı lakin biraz bozuk oldu. mesela resimin altından hemen çizgi çıkıyor ya sizin sitede benim sitede arada biraz beyaz boşluk var ondan sonra çıkıyor. ilgili yazı kısmında link varmış gibi oluyor falan ne yapabiliriz bu konuda?
Selamlar. Kod çalışmışsa iş bitmiştir aslında. Geri kalanı CSS tarafında. Benim CSS sadece bana göre olduğu için her yerde aynı çalışmıyor tabi. Sizin kendinize göre uyarlamanız gerekiyor. Site adresiniz neydi? Teşekkürler.
Merhabalar,
Öncelikle ellerinize sağlık. Tasarım çok güzel olmuş. Çoğu ücretli içerikten çok daha güzel gözüküyor. Ancak anladığım kadarıyla responsive olarak mobil cihazlara uyumlu değil. Mobil cihazlarda görselin çeyreği gözüküyor ve başka bir şey yok. Bu konuda yapabileceğimiz bir şey var mıdır? Yardımcı olabilirseniz çok sevinirim.
Merhaba,
Teşekkürler 🙂 Faydalı olduysa ne mutlu.
Aşağıdaki ekran görüntüsünde solda masaüstü, ortada mobil, sağda da AMP sayfalarını görebiliyoruz. Aslında bunların tümüyle uyumlu durumda şu an. Tabi CSS kısmında bir kaç değişikliği sadece kendi sitelerimde yapmış olabilirim. Bu sebeple sizde de ufak birkaç custom CSS düzenlemesi yapılması gerekebilir. Link atarsanız bakabilirim.
Yazdığım tüm eklentilerin güncel hallerine aşağıdaki paylaşımdan ulaşabilirsiniz;
https://r.wpustasi.com/eklentilerim-ogulcan-ozugenc
Kolay gelsin.
https://uploads.disquscdn.com/images/d3bab3420f517681289bcf8ca6c6f3b34c6d220ab0d21daf151820e16dd60181.png
bu karta yazının özetini nasıl çekicez. $excerpt = get_the_excerpt($id); ile çekmeye çalıştım out kısmını da düzenledim ama ilgili başlığın içeriğini değil hangi sayfaya koyarsam onun içeriğini çekiyor
çözdüm, çağıracağım yazıların özet kısmını oluşturmadan özet çekmeye çalışmak saçma olmuş 🙂
Eklentiyi kullandığınız siteyi gönderebilir misiniz? Özet ile birlikte nasıl görünüyor merak ettim 🙂 güle güle kullanın.
oldukça başarılı. hocam bir de reklam uyarınızı çok beğendim. sade kullanıcıyı rahatsız etmeyen onu nasıl yaptınız?
Selamlar hocam. İlgili kodları buradan en kısa sürede paylaşacağım. Fakat bu reklam konusunda farklı bir sisteme geçmek istiyordum ben. Yeni nesil siteler farklı bir yazılımdan yararlanıyor. Unuttum şimdi onu da paylaşırım burdan 🙂
Olay aşağıdaki gibi.
https://codepen.io/ogulcanozugenc/pen/oaKjJB
“adsbygoogle.js” diye bir js oluşturup onu içeriye alıyoruz. Bu .js’nin içinde de sağ taraftaki JS panelindeki kodlar var. Eğer o .js dosyası bloklanıyorsa, yani AdBlock vb. varsa aşağıdaki yazı çıkıyor. Anlamadığınız bir yer olursa sorun bakalım.
Hocam merhaba bende newsmag teması kullanıyorum verdiğiniz adblok kodlarını uyguladım. adblock açıkken de kapalıykende yazı çıkıyor https://www.teorikfizik.com/atomun-klasik-fizige-gore-kararsizligi/ burdan bakabilirsiniz.
Hocam selamlar. Eklemeniz gereken bir .js dosyası var onu eklediniz mi sayfanın header kısmına?
selam resim çok büyük duruyor nasıl düzeltebilirim ? https://uploads.disquscdn.com/images/ba3b96140920ec50ac3797422d503239e33c22b05d76a078e8992a57bd23bb75.png
hallettim teşekkürler ancak resimin webtekno’daki gibi kare olmasını istiyorum nasıl yapabilirim
Selamlar hocam. Custom CSS bölümünden kafanıza göre ayarlayabilirsiniz. Webtekno’daki nasıl ki? Bir ekran görüntüsü alalım 🙂 Teşekkürler.
hocam ben bunu siteye koydum çalıştı lakin biraz bozuk oldu. mesela resimin altından hemen çizgi çıkıyor ya sizin sitede benim sitede arada biraz beyaz boşluk var ondan sonra çıkıyor. ilgili yazı kısmında link varmış gibi oluyor falan ne yapabiliriz bu konuda?
Selamlar. Kod çalışmışsa iş bitmiştir aslında. Geri kalanı CSS tarafında. Benim CSS sadece bana göre olduğu için her yerde aynı çalışmıyor tabi. Sizin kendinize göre uyarlamanız gerekiyor. Site adresiniz neydi? Teşekkürler.
hocam biraz geç oldu kusura bakmayın. https://sosyalcalisan.com/yazilar/ogrenilmis-caresizlik-ile-ilgili-one-surulen-modeller-bolum-1/ bu sayfada sizin kodlarla vermiş olduğunuz yazıyı paylaştım. şu an için kötü bir görünümü var. bir iki dokunuşla belki düzelebilir