Dönüşümleri artırmak için WordPress nasıl özelleştirilir

Dönüşümleri artırmak için WordPress nasıl özelleştirilir

Dönüşümleri artırmak için WordPress nasıl özelleştirilir?

Araştırmalar bunu daha fazlasını gösteriyor Alıcıların% 68'i ürünleri çevrimiçi olarak araştırmaya başlayın. İşletmenizin adını veya Google'da aradıkları ürünü yazıp web sitenize geldiklerinde, onlara aradıkları ilgili bilgileri sağlamanız son derece önemlidir.

Kullanıcıların web sitenizle ilgili olarak, kalıp kalmayacaklarını veya ayrılmayacaklarını belirleyen bir karar vermeleri bir saniyeden kısa sürer. 

dönüşümleri artırmak için WordPress'i özelleştirin

Potansiyel müşterileriniz web sitenize giden yolu, bir saniye sonra bile geri dönmek için bulursa, satışlarınızı kaybediyorsunuz demektir.

Harika bir yol bu hemen çıkma oranına karşı mücadele edin son derece hızlı, potansiyel müşterilerinize ilgili kişisel bilgileri ve içeriği sağlamaktır.

Kişiselleştirmenin arkasındaki gerçek

WordPress web sitenizi özelleştirin Hemen çıkma oranınız düşmekle kalmayacak, sonuçta dönüşümlerinizi de artıracaktır.

Aralarından seçim yapabileceğiniz binlerce seçenek ve dijital pazarlamaya para harcamak için binlerce işletme ile tek bir web sitesi genel düşük performans dönüşüm ve satış anlamına gelmez.

Potansiyel müşteriler tam olarak aradıkları bilgileri bulduklarında, kalma, etkileşim kurma ve nihayetinde satın alma olasılıkları daha yüksektir.

Bizim keşfedin 4 hileler WordPress blog üzerinde çıkma oranını azaltmak için

Araştırmalar, tüketicilerin kişiselleştirilmiş bir kullanıcı deneyimi sunan bir işletmeden satın alma olasılıklarının daha yüksek olduğunu ve kişiselleştirilmiş içeriğin pazarlama harcamalarınızın etkinliğini yüzde 10 ila 30 artırabileceğini gösteriyor.

Bunun gibi rakamlarla, web sitenizi kişiselleştirmemeyi göze alamazsınız.

Kişiselleştirmeniz gereken içerik

WordPress web sitenizi oluşturmak ve mükemmelleştirmek için çok zaman harcıyorsunuz, bu nedenle hangi içerik parçalarını özelleştireceğinize karar vermeye çalışırken bunaltıcı olabilir.

Web sitenizdeki fotoğraflar son derece güçlüdür ve dönüşüm oranlarınız üzerinde büyük bir etkiye sahip olabilir. Görüntüleriniz markanıza bir insan unsuru eklese, ayrıntılar gösterse veya tüketiciye bakmalarını istediğiniz yere yönlendirse de, web sitenizin bu parçasını kişiselleştirmek, ziyaretçilerinizin işletmenizle daha derin bir ilişki kurmasına olanak tanır.

İletişim bilgileri - Görüntüler ziyaretçilerinizle duygusal bağlar kurmanıza izin verirken, doğru iletişim bilgilerini sağlamak web sitenizi kişiselleştirmenin kolay bir yoludur. İster çeşitli lokasyonlar için tek elden satış temsilcileriniz isterse belirli bir gecelik yardım hattınız olsun, web sitenizin ziyaretçilerine doğru iletişim bilgilerini göstermek, onların sizinle anında iletişim kurmasını ve alışverişi kolaylaştırmasını sağlar. 

Müşteri incelemeleri ve referansları - müşteriler satın almadan önce yorumları okur. Bu nedenle, web sitenizde yorum yapmak giderek daha önemli hale geliyor. Bu yorumları kişiselleştirmek onları daha da etkili hale getirebilir. Bunu, ilgili ürünlerin incelemelerini daha önce satın almış birine göstererek veya ülkenin belirli bir bölgesindeki birisinin incelemelerini o bölgedeki başka birine göstererek yapabilirsiniz.

Ürün Bilgisi - Belirli bölgelerde veya belirli yaş gruplarında bulunmayan bir ürün veya hizmet satıyorsanız, ürün açıklamalarını kişiselleştirmek, bu bilgiler hakkında açık ve net olmanın ideal yolu olabilir. Bu teknik, ihtiyaç duymayan kişiler için web sayfasını karıştırmadan ilgili müşterilere ilgili bilgileri sunmanıza olanak tanır.

Bu bağlantıya tıklayarak keşfedin Hemen çıkma oranınız neden bu kadar yüksek?

Harekete geçirici mesajlar - Web sitesi ziyaretçisinin kullandığı cihaza, nerede bulunduklarına ve onları ilgilendiren şeylere bağlı olarak, harekete geçirici mesaj düğmesi her zaman alakalı veya cazip değildir. Harekete geçirici mesaj metnini ve müşterinizi gönderdiği bağlantıyı özelleştirmek, onu herkese uyan tek bir seçenekten daha etkili hale getirebilir.

mal a blog ve diğer içerik - Bu çılgın dünyada WordPress SEO'su, yazdığınız blog gönderileri ve web sitenizde oluşturduğunuz diğer içerikler alakalı ve kullanıcılar için ilgi çekici olmalıdır. Web sitesi ziyaretçilerine ve onlar için ilgi çekici ve alakalı blog gönderilerine içerik göstermek, yalnızca ziyaretçilerinize değer sağlamakla kalmaz, aynı zamanda blog yazılarınızdaki katılım düzeylerini artırır.

Web sitenizde popülerlik kazanmak için, yazdıklarınızla zaten ilgilenen kitlelerin ilgisini çekmek çok önemli olabilir ve zamanınızı daha pratik bir şekilde kullanmaktır.

Web sitenizi nasıl kişiselleştirebilirsiniz

Ürün veya hizmetinize bağlı olarak, dönüşümleri artırmak için WordPress web sitenizi özelleştirmenin birçok yolu vardır. Web sitenizi özelleştirirken yaratıcılığınızı harekete geçirmeniz için bazı fikirler:

Coğrafi hedefleme

İçeriği ziyaretçilerin konumuna göre özelleştirmek, web sitenizi kişiselleştirmenin harika bir yoludur. Görüntüleri ziyaretçiyle alakalı görüntüleri yansıtacak şekilde değiştirebilir, alışveriş yaptıkları yere göre doğru iletişim bilgilerini göstermek için telefon numaralarını ve satış bilgilerini değiştirebilir ve çok daha fazlasını yapabilirsiniz.

Ayrıca bakınız OptinLinks E-posta Yakalama Eklentisi ile Dönüşüm Oranınızı Nasıl Artırırsınız?

Web siteniz ve web sitenizin ziyaretçilerinin farklı yerlerden aradığı bilgiler söz konusu olduğunda tek bir boyut her şeye uymaz.

dönüşümleri artırmak için WordPress'i özelleştirin

Bu görselde, University of Montana'nın, web sitesini ziyaret eden ilgili öğrencinin konumuna göre web sitesini kişiselleştirmek için coğrafi hedeflemeyi nasıl kullanabileceğini görebilirsiniz. Genel bir mesaj yerine " UM'nin neden sizin için doğru olduğu hakkında daha fazla bilgi edinin", Boston ziyaretçileri mesajı görecekti" Montana Boston'u ziyaret ediyor Ve bölgedeyken kampüs temsilcisi ile görüşmek için randevu alma fırsatına sahip olur. Kişiselleştirilmiş içerik için tıklama oranı, genel gönderiye kıyasla neredeyse iki katına çıkar.

GeoFli

GeoFli, aşağıdakiler için harika bir WordPress aracıdır: Coğrafi hedefleme ve coğrafi kişiselleştirme. WordPress eklentileri, web sitenizi ziyaretçinin konumuna göre kolayca özelleştirmenize olanak tanır. GeoFli ile hedeflediğiniz yeri posta kodu, eyalet, ülke ile seçebilir ve hatta kendi coğrafi çitinizi çizebilirsiniz.

Geofli ücretsiz wp eklentisi

Ayrıca, ziyaretçileri belirli yerlerden farklı URL'lere coğrafi olarak yönlendirmenize de olanak tanır. GeoFli'yi kullanmak için, düzenlenecek içeriği seçmeniz, hedeflenen kitleye değer sağlamak için kopyayı veya içeriği hedefleyeceğiniz alanı seçmeniz ve düzenlemeniz yeterlidir.

Cihaz türü özelleştirme

Kullanıcılara web'de arama yapmak için kullandıkları cihaza göre alakalı içerik göstermek, hemen çıkma oranını düşürmenin, dönüşümleri artırmanın ve web sitenizin ziyaretçilerine bilgi vermenin harika bir yoludur. ihtiyaç duydukları.

Ayrıca Oku: Dönüşümler nasıl artırılır: sınırlı teklifleri artırın

Müşterilerinizin alışkanlıklarını anlamak, bu tür bir kişiselleştirme konusunda size yardımcı olabilir. Örneğin, tüketicilerin bir akıllı telefondan çok bir masaüstü bilgisayardan satın alma olasılığı daha yüksektir. Bunu bilmek sizi, mobil cihazlardaki ticari değerlerinizi ve ürünlerin avantajlarını vurgulayarak bilgisayarda ürün satın alma bilgilerini görüntülemeye teşvik edebilir.

Mantık Atlama

Logic hop wp eklentisi ücretsiz

Logic Hop, ziyaretçinin web sitesine nasıl geldiğine ve hangi içeriği görüntülediğine bağlı olarak web sitesi içeriğini özelleştirmenize olanak tanır. WordPress Eklentileri, web sitenizin ziyaretçilerine kişiselleştirilmiş içerik sunmanın güçlü bir yoludur.

Logic Hop'u kullanmak için tek yapmanız gereken, web sitenizin belirli bölümlerinde koşullu mantık oluşturmaktır ve web siteniz, koşullar karşılandığında bu bölümleri görüntüleyecektir.

Zaman özelleştirme

Ziyaretçinin web sitenizde bulunduğu günün, haftanın veya yılın saatine göre benzersiz eylem ve içerik çağrıları göstermek, kullanıcı modellerini kullanarak dönüşümleri artırın.

Ayrıca kılavuzumuzu okuyun Daha iyi dönüşümler için WordPress'te FOMO nasıl kullanılır?

Belirli bir ürün veya hizmetin belirli bir zamanda daha iyi satıldığını biliyorsanız, web sitenizi bu süre zarfında öne çıkaracak şekilde özelleştirebilirsiniz.

FlowCraft ile Gelişmiş Kişiselleştirme

Gelişmiş Kişiselleştirme FlowCraft web sitesi içeriğini zamana, ziyaret sayısına ve daha fazlasına göre özelleştirmenize olanak tanır. WordPress Eklentileri, bölümleri kolayca birleştirmenize ve daha belirli insan grupları için özelleştirmenize olanak tanır.

Gelişmiş kişiselleştirme wp ücretsiz eklenti

Benzer Öyleyse, Flow Craft'ın gelişmiş özelleştirmesini kullanmak için, sadece bir koşul oluşturmanız ve koşul karşılanıp karşılanmadığında neyin görüntüleneceğini belirlemeniz gerekir.

Web sitesi etkileşiminin kişiselleştirilmesi

Bir tüketicinin web sitenizle etkileşim biçimi, onlara kişiselleştirilmiş içerik göstermek için de harika bir fırsattır. Bağlılarsa ve yaptılarsa emsal satın alırsanız, benzer öğeler önerebilirsiniz, ilk kez ziyaret ediyorlarsa, onlara en popüler öğeleri gösterebilirsiniz ve web sitenizi belirli bir reklam nedeniyle buldularsa, bu reklamla alakalı bilgileri görüntüleyin.

Öyleyse

If-So, web sitesi içeriğini ziyaretçinizin profiline veya web sitesiyle etkileşime göre özelleştirmenize olanak tanır. Bu WordPress eklentisi, tarihe, kullanıcı profiline ve daha fazlasına göre benzersiz içerik görüntülemenizi sağlar.

Ifso wp ücretsiz eklenti

If-So kullanmak için tek yapmanız gereken, hedeflemek istediğiniz koşulu seçmek ve ardından koşulun karşılanıp karşılanmadığına bakmaksızın görüntülemek istediğiniz içeriği tanımlamaktır.

Potansiyel müşteriler web sitenize geldiğinde, onların dikkatini çekmek ve ilgilerini çekmek için yalnızca bir saniyeniz var. Bu nedenle, WordPress web sitenizdeki içeriği özelleştirmek, ziyaretçilere aradıkları bilgileri sağlamanın ve sonuçta dönüşümleri artırmanın harika bir yoludur.

keşfedin WordPress'te Dönüşümler Nasıl İzlenir: Adım Adım Kılavuz

İster iletişim bilgilerini ziyaretçi konumlarına göre özelleştirmek ister yılın zamanına göre resimleri özelleştirmek olsun, değerli içerik, yüksek kaliteli müşterileri dönüştürmek için anahtardır.

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Burada ! Dönüşümleri artırmak için WordPress'in nasıl özelleştirileceğine dair kılavuzumuz burada sona eriyor. Eğer sende varsa Yorumlar veya önerileriniz için, bunlar için ayrılan bölümde bize bildirmekten çekinmeyin.

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

 Ama her şeyden önce bu yazıyı farklı sosyal ağlarda paylaş.

... 

WordPress eklentilerini nasıl yüklenir

WordPress eklentilerini nasıl yüklenir

Bu yazıda size WordPress eklentilerinin nasıl kurulacağını göstereceğiz.

En popüler içerik yönetim sistemlerinden (CMS) biri olan WordPress, büyük esneklik ve birçok özelleştirme seçeneği sunar. Web sitenizin işlevselliğini değiştirmenize izin veren çok çeşitli WordPress eklentileri sunar.

WordPress, ücretsiz ve premium eklentilerle sağlanan kendi dizine sahiptir. Bu eklentiler, iletişim formları ve kişiselleştirilmiş haber bültenlerinden web sitesi önbelleğe alma ve WordPress güvenliğine kadar çeşitli özellikler eklemenize olanak tanır.

Bazı eklentiler, WordPress web sitenizi, bir WooCommerce eklentisi veya bir e-Öğrenim platformu ile ÖYS eklentileri. Aslında, hatta yapabilirsiniz kendi WordPress eklentinizi oluşturun.

Bu eğitimde, size adım adım WordPress eklentilerini üç farklı yöntemle yükleme sürecini göstereceğiz.

Bu makalenin sonunda, web sitenizi geliştirmek için yeni WordPress eklentileri ararken izleyebileceğiniz bazı ipuçlarını da ekleyeceğiz.

Ancak başlamadan önce, WordPress'i hiç kurmadıysanız öğrenin Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

Resmi Eklenti Dizininden WordPress Eklentileri Nasıl Yüklenir

WordPress eklentilerini kurmanın en kolay yolu, WordPress yönetici alanınız üzerinden resmi eklenti dizinine erişmektir. Ancak, bu WordPress eklenti dizini yalnızca ücretsiz eklenti seçenekleriyle sınırlıdır.

WordPress panonuza giriş yapın ve Uzantılar->Ekle. Eklentiyi aramaya devam edin arama çubuğu. Ayrıca soldaki sekmelere tıklayarak öne çıkan, popüler veya önerilen eklentilere göz atabilirsiniz.

wordpress eklentileri nasıl kurulur

Örneğin, eklentiyi arıyorsanız MonsterInsights, ilk sonuç olarak göründüğünü göreceksiniz. düğmesine tıklayın Yükleyici Şimdi eklentiyi yüklemeye başlamak için.

İşlemin tamamlanmasını bekleyin ve düğmeyi tıklayın etkinleştirmek Bu WordPress eklentisini kullanmaya başlamak için.

Eklentiyi etkinleştirdikten sonra, kontrol edin ve yapılandırın. ayarlar eklentinin adresine giderek Uzantılar -> Eklentiler kuruldu. 

WordPress eklentileri manuel olarak nasıl kurulur

WordPress eklentilerini kurmanın başka bir yolu da eklenti dosyalarını WordPress kontrol panelinizden manuel olarak yüklemektir.

Bu yöntem, resmi WordPress dizininde bulunmayabilecek, ancak aşağıdakiler gibi üçüncü taraf pazar yerlerinde bulunabilecek bir eklenti yüklemenize olanak tanır. CodeCanyon et kod çözücü.

Eklenti yükleme işlemine başlamadan önce dosyayı indirmelisiniz. Posta Seçtiğiniz kaynaktan eklentinin.

Ardından, WordPress yönetici alanınıza gidin ve Uzantılar -> Ekle. O zaman yerini belirlemek T düğmesibir uzantı yükseltmek sayfanın sol üst köşesinde.

wordpress eklentileri nasıl kurulur

Bilgisayarınızdaki dosyayı seçin Posta İndirmek istediğiniz eklentiyi tıklayın, ardından Şimdi yükleyin.

wordpress eklentileri nasıl kurulur

Eklenti kurulumunun tamamlanmasını bekleyin ve Uzantıyı etkinleştir'e dokunun.

wordpress eklentileri nasıl kurulur

WordPress Eklentilerini Yüklemek için FTP İstemcisi Kullanma

Kullanarak manuel olarak yüklemenizi gerektiren birkaç premium ve özel WordPress eklentisi vardır. FTP istemcisi. Yeni başlayanlar için, ilk önce bir FTP istemcisinin nasıl kurulacağını öğrenmeniz gerekeceğinden, süreç biraz daha karmaşık olabilir.

Endişelenmeyin, aşağıdaki kılavuz size adım adım rehberlik edecek. Tek yapmanız gereken adımları takip etmek.

İlk olarak, Ayıkla eklenti ZIP dosyasını açın ve bilgisayarınızdaki bir klasöre kaydedin. Çıkarılan eklenti dosya klasörünün FTP istemcisi aracılığıyla yüklemeniz gereken klasör olacağını unutmayın.

Ardından, web sitenizi FTP sunucusuna bağlayın. Bunu yapmak için barındırma sağlayıcınızın FTP ayrıntılarını bulun.

Giriş yaptıktan sonra FTP istemcinize gidin – bu örnek için kullanıyoruz FileZilla. Orada, giriş bilgilerinizi girin ve düğmeye basın Hızlı Bağlantı. Ardından panele gidin uzak site ve arama dosya wp-content / plugins /.

panelde yerel web sitesi, bilgisayarınızdan ayıklanan eklenti klasörünü şuraya yükleyin: wp-content/plugins/ klasörü sunucunuzdan.

wordpress eklentileri nasıl kurulur

Aktarım tamamlandığında, WordPress eklentisi web sitenize yüklenecektir.

Eklentiyi etkinleştirmek için WordPress kontrol panelinize erişmeniz gerekir. Uzantılar-> bölümüne gidin Eklentiler yüklendi, eklentiyi bulun ve ardından etkinleştirmek.

Bir WordPress eklentisi seçerken neleri hatırlamanız gerekir?

WordPress eklenti dizininde çok sayıda eklenti vardır ve daha da fazlası üçüncü taraf web sitelerinde bulunur. Bu seçenek sayısı, özellikle web siteleri için neyin doğru olduğunu bulmaya çalışan yeni başlayanlar için bunaltıcı görünebilir.

Aşağıdaki bölümler, web siteniz için bir eklenti seçerken göz önünde bulundurmanız gereken bazı önemli şeyleri size gösterecektir.

Düzenli güncellemeler.

WordPress, sistemini güncel tutmak için düzenli güncellemeler yayınlar. Performansı bu şekilde artırırlar, güvenliği sağlarlar, hata sorunlarını giderirler ve yeni özellikler eklerler.

Bu nedenle, herhangi bir eklenti yüklemeden önce şu noktaları göz önünde bulundurun:

İş için doğru olduğundan emin olun

  • Son Güncelleme. Sık güncellenen bir WordPress eklentisi seçmek, güvenlik ihlalleri yapmanızı engelleyebilir. Ayrıca, geliştiricilerin eklentiyi hala aktif olarak koruduğunu ve geliştirdiğini gösterir.
  • Kurulum sayısı. Bu sayı, söz konusu WordPress eklentisinin ne kadar popüler olduğunu gösterir. Genel olarak, bir eklenti ne kadar aktif yüklenirse, kalitesi o kadar iyi olur.
  • Kitle. Kullanıcı incelemeleri ve yorumları, belirli bir eklentinin artılarını ve eksilerini tartmanıza yardımcı olabilir. Bu, eklentinin gerçek zamanlı durumlarda nasıl performans gösterdiğine dair size fikir verir.
  • uyumluluk. Geliştiricilerinden düzenli güncellemeler alan bir eklenti, genellikle WordPress'in en son sürümüyle uyumludur. Eklentiyi çalıştırmak için hangi WordPress sürümünün gerekli olduğunu görmek için her zaman açıklama sekmesini kontrol edin.

WordPress sitenize herhangi bir eklenti indirip kurmadan önce, geliştiricilerin iddialarını kontrol ettiğinizden emin olun. Eklentinin belgelerini okuyun, eklentinin destek forumlarına göz atın ve incelemeleri okuyun.

Birçok web sitesi eklenti incelemeleri sağladığından, blog gönderilerinde arama yapmak da iyi bir uygulamadır.

Chez BlogPasCher, ayrıca WordPress eklentilerini de dahil olmak üzere çeşitli özelliklerle inceliyor ve test ediyoruz. menü eklentileriGoogle Analytics eklentileri et eklentileri gözden geçir.

...

Bir seferde bir eklenti yükleyin

WordPress'te bir eklentiyi test ederken, her eklentiyi ayrı ayrı kurmayı ve test etmeyi unutmayın. Bu şekilde, web siteniz için herhangi bir soruna neden olup olmadığını ve bunları düzeltip düzeltemeyeceğinizi hızlı bir şekilde göreceksiniz.

WordPress'te birkaç farklı eklentiyi test etmeye karar verirseniz, başka bir eklenti denemeden önce önceki eklentiyi devre dışı bırakmayı unutmayın.

Ayrıca, birkaç etkin olmayan eklentiniz olduğunda, bunları kaldırmak en iyisidir çünkü çok fazla yükleme WordPress web sitenizi aşırı yükleyebilir ve performansını etkileyebilir.

Her özellik için yalnızca bir eklenti kullanın

WordPress eklentileri yeni özellikler eklese ve web sitenizin işlevselliğini artırsa da, bunların çoğunu yüklemek web sitenizi yavaşlatabilir.

Gerçekten de, WordPress eklentilerini her yüklediğinizde, web sitenize yeni kod eklersiniz. Eklentiler aşırı kullanıldığında, CSS stil sayfaları, JavaScript dosyaları ve resimler gibi kaynaklarını yüklemek için çok fazla HTTP isteği gönderir ve bu da web sitenizin yükleme hızını yavaşlatır.

Ek olarak, benzer işlevleri gerçekleştiren WordPress eklentilerini yüklemek, çakışmalara neden olarak eklentilerden birinin veya her ikisinin de bozulmasına neden olabilir. Bu nedenle, en iyi uygulama, her özellik için bir WordPress eklentisi yüklemektir.

Örneğin, Yoast SEO et AİSEO benzer özellik setlerine sahip olun – eklenti çakışmalarını önlemek için sadece birini seçin.

Bu öğreticinin, blogunuza veya web sitenize WordPress eklentilerini nasıl kuracağınızı öğrenmenize yardımcı olacağını umuyoruz. Artık önceden teknik bilginiz veya beceriniz olmasa bile web sitenizin işlevselliğini geliştirme fırsatına sahipsiniz.

Hangi eklentiyle başlayacağınızdan emin değilseniz, mevcut web sitenizde neyin eksik olduğunu düşünün. Ardından, mevcut eklentileri inceleyin ve uyumluluk, incelemeler ve en son güncelleme gibi önemli faktörleri karşılaştırın.

Başlamanız için önerilen temel WordPress eklentilerimizden bazıları şunlardır:

  • Yoast SEOBu eklenti, anahtar kelime optimizasyonu ve meta açıklamalar yoluyla WordPress blog yayınınızı ve sayfa SEO'nuzu iyileştirmeye yardımcı olur
  • Elementor ou Beaver Oluşturucu. Kullanımı kolay bir sürükle ve bırak arayüzü sağlayarak web sitenizi oluşturmanıza yardımcı olur.
  • W3 Toplam Önbellek ou WP Super CacheÖnbelleğe alma ve CDN'lerle entegrasyon ile web sitenizin performansını artırır ve yükleme süresini azaltır.
  • Google XML Site Haritaları. Daha iyi arama motoru optimizasyonu için otomatik olarak XML site haritaları oluşturur.
  • AkismetBu eklenti, kötü niyetli saldırıları önlemek için yorumlarınızdaki ve iletişim formu gönderimlerinizdeki spam'leri algılar ve filtreler.

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

Sonuç

WordPress eklentilerinin nasıl kurulacağını gösteren bu kılavuz bu kadar. Herhangi bir endişeniz veya öneriniz varsa, lütfen bize bildirin. Yorumlar.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Bu arada, bu yazıyı farklı sosyal ağlarda paylaş.   

...  

Divi: Mega Menüye nasıl resim eklenir

Divi: Mega Menüye nasıl resim eklenir

Menünün içeriğini göstermek için resimli bir Mega Menü Divi'ye sahip olmak ister misiniz? Bir Mega Menüye nasıl resim ekleyeceğinizle ilgili eğiticimizi takip edin.

Çevrimiçi görüntülerle etkileşime girmeyi seviyoruz. Bunu akılda tutarak, mümkün olduğunda web sitenize bir resim eklemek mantıklıdır. 

Ek olarak, bir mega menüye resim eklemek, kullanıcılarınıza ihtiyaç duydukları etkileşimi sağlamak için başka bir harika fırsattır.

Görüntüler ayrıca gezinme sürecini daha da basitleştirmek için dikkatlerini çekerek menüyü zenginleştirir.

anket

Bu eğitime geçmeden önce, elde etmek istediğimiz sonuca bir göz atalım.

Görüntülü Mega Menü Divi

Mega menünün oluşturulması

Başlamak için önce menüyü oluşturmamız gerekiyor. 

Bu örnek için, adında bir ana üst menü öğesi oluşturacağız. “Mega Menü” aşağıdaki dört alt menü öğesi ile. Dört alt menü öğesinin her birinin üç alt alt menü öğesi vardır.

WordPress kontrol paneline gidin ve ardından üzerine tıklayın. Görünümler> Menüler

Görüntülü Mega Menü Divi

Tıkla 'Yeni bir menü oluştur', bir isim verin ve tıklayın 'Menü oluştur'.

Sekmeye tıklayarak CSS Sınıfları menü özelliğini etkinleştirdiğinizden emin olun. Opsiyonlar Menüler ekranının sağ üst köşesindeki ekran ve kontrol CSS sınıfları.

Artık menü öğelerinizi oluşturduğunuz yeni menüye ekleyebilirsiniz.

Önce diğer tüm menü öğelerinin ebeveyni olacak menü öğesini oluşturalım. Bu, mega menünüzü vurgulu olarak gösterecek olan bağlantıdır.

Bu menü öğesini oluşturmak için aşağıdaki parametrelerle özel bir bağlantı oluşturun:

  • URL: http://#
  • Navigasyon başlığı: Mega Menü
  • CSS sınıfları: mega menü

Şimdi ana ana Mega Menü bağlantısının alt öğeleri olacak şekilde dört menü öğesini (her biri kendi üç alt öğesi olan) düzenleyin/sürükleyin.

Bağlantılar menüye eklendikten sonra aşağı kaydırarak 'Menü ayarları' menü ekranının alt kısmında ve seçin 'Ana menü' ekran konumu için. Son olarak, tıklayın 'Menüyü kaydet'

Mega menümüz şu ana kadar şöyle görünüyor:

Görüntülü Mega Menü Divi

Mega menüye resim ekleme

Artık menü hazır olduğuna göre, resimleri eklemenin zamanı geldi.

Ayrıca Oku: DIVI'da blog gönderilerini nasıl yüzerim?

görüntüleri alın

Dört görüntü alarak başlayın. Bu görüntüler dört alt menü öğesiyle ilgili olmalıdır (Hakkında, Hizmet Sunumu, Çalışmalarımız ve Bize Ulaşın).

Her görüntüyü 500 piksel genişliğinde ve 300 piksel yüksekliğinde olacak şekilde küçültmek ve kırpmak için bir fotoğraf düzenleyici kullanın.

Bu görüntüleri WordPress kitaplığına ekleyin. Tıklamak Medya > Ekle.

Mega Menüye nasıl resim eklenir

Resimlerinizi eklemek için sayfaya sürükleyin veya 'Dosyaları seçin'

Mega Menüye nasıl resim eklenir

Mega Menüye resim ekleyin

WordPress kontrol panelindeki menüler sayfasına dönün.

Bu örnekte, ilk sütunun en üstündeki bağlantı " Hakkında "

Öğenin sağındaki oku tıklayın " Hakkında ". Gezinme Etiketi kutusunda, html etiketini kullanarak istediğiniz görüntüyü ekleyin img metinden hemen önce " Hakkında ". Resim etiketi şöyle görünmelidir:

<img src=”Insert Image URL” alt=”Alternate Text” width=”100%” />
Mega Menüye nasıl resim eklenir

Resmin URL'sini bulmak için şu adrese gidin: Medya > Medya kitaplığı, eklemek istediğiniz resme tıklayın. 

Açılan ekranda Ek ayrıntıları, sağ bölümde URL'yi bulun ve ardından 'URL'yi panoya kopyala'

Mega Menüye nasıl resim eklenir

Şimdi menü öğesi yapılandırmasına geri dönün " Hakkında " menü sayfasında ve metni değiştirin "Resim URL'si Ekle" kullanarak resim URL'nizi yapıştırarak ctrl + v.

Mega Menüye nasıl resim eklenir

Menü öğesi için yapılandırma seçeneklerinden çıkmadan önce " Hakkında ", CSS Sınıfları metin kutusunu bulun ve "mega-link" sınıfını girin.

Bu, daha sonra özel bir stil eklememize izin verecektir.

"Mega-link" sınıfına sahip alt menü öğelerinin her birine aşağıdaki üç resmi eklemek için bu işlemi tekrarlayın. (Bu örnekte, kalan üç öğe “Hizmet sunumu”, “İşimiz” et " Bize Ulaşın ".)

Sonuç

Web sitenize gidin ve mega menü bağlantısının üzerine gelin. Şimdi mega menünüz şöyle görünmelidir:

Görüntülü Mega Menü Divi

Fareyle resimlerin her birinin üzerine geldiğinizde, resimlerin doğrudan alttaki alt menü öğesiyle birlikte kaybolduğunu unutmayın. Bunun nedeni, resmin bu bağlantının bir parçası olmasıdır, bu nedenle üzerine tıklamak sizi ilgili URL'ye götürecektir.

Son dokunuşlar

Bu son adım için, metin yazı tipini daha büyük ve ortalanmış hale getirmek için menüye bazı özel css ekleyin. Ayrıca, daha temiz görünmesi için görüntünün çevresine bir kenarlık yarıçapı verin.

WordPress kontrol panelinde şuraya gidin: Divi> Tema seçenekleri . 

Özel CSS kutusuna ilerleyin, aşağıya CSS'yi girin ve tıklayın 'Değişiklikleri Kaydet' :

.mega-link > a {
    text-align: center;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 3px;
}
 
.mega-link > a img {
    margin-bottom: 8px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
 
}

Nihai sonuç

bitirdin!

Bu eğitimdeki tüm adımları izlediyseniz, almanız gereken sonuç burada.

Görüntülü Mega Menü Divi

DIVI'yı Şimdi İndirin !!!

Sonuç

Eklenti kullanmanıza gerek kalmadan görüntüler içeren bir Divi mega menünüz var. Bu tür menü, özellikle çok fazla içeriğe sahip olan ve ürün görselleri gerektiren e-ticaret web sitelerinde işe yarar. Bu eğitimin bir sonraki Divi projeleriniz için faydalı olacağını umuyoruz.

Web sitesi oluşturma projelerinizi tamamlamak için daha fazla öğeye ihtiyacınız varsa, şu adresteki kılavuzumuza da göz atın: WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Herhangi bir endişeniz veya öneriniz varsa, bizi yorumlar bölümü bunu tartışmak için.

Ama bu aradabu yazıyı farklı sosyal ağlarda paylaş.

...

Bir WordPress Web Sitesine Özel Yazı Tipleri Nasıl Eklenir

Bir WordPress Web Sitesine Özel Yazı Tipleri Nasıl Eklenir

Bir WordPress web sitesine özel yazı tiplerinin nasıl ekleneceğini öğrenmek ister misiniz?

Neden standart yazı tiplerini kullanarak blogunuzu sıkıcı hale getiresiniz? Blogunuzun canlı kişiliğiniz ve çok çeşitli özel yazı tipleriyle ele aldığınız konular hakkında konuşmasına izin verin. Özel yazı tipleri, blogunuzun başkalarına tercih edilir görünmesini sağlayan harika bir özelliktir.

Kabul edelim; hepimiz doğru yazı tiplerine sahip blogları ve web sitelerini seviyoruz. Yalnızca web sitesini dekore etmekle kalmaz, aynı zamanda kullanıcıyı içeriğinize çekmeye yardımcı olurlar. Ancak, standart WordPress yazı tiplerinin seçimi sınırlıdır ve kullandığınız temaya bağlıdır. İyi haber şu ki, bunları manuel olarak veya özel WordPress eklentileriyle ekleyebilirsiniz.

Ve burada iki soru ortaya çıkıyor: özel yazı tipleri nereden alınır WordPress için ve özel yazı tipleri nasıl yüklenir Web sitenizde.

öğrenelim.

Neden özel yazı tiplerini kullanmalıyım?

Times New Roman ve Georgia'nın web sitelerindeki metinler için tek yazı tipi olarak kabul edildiği günler geride kaldı. Son birkaç yılda, yazı tipi alanı, aşağıdaki gibi yazı tiplerinin ortaya çıkmasıyla tamamen değişti. Google Fonts ve diğerleri.

Bugün internette yüzlerce ücretsiz yazı tipi, bilgi ve eğitim yardımı ve tasarım kaynağı bulunmaktadır. Adobe Illustrator, Photoshop ve diğer klasik uygulamaların aksine WordPress, varsayılan yazı tipleri üzerinde tam kontrol sağlamaz. Yalnızca belirli WordPress temaları özel yazı tiplerini desteklemeyi ve kullanmayı seçer.

Bu nedenle, bu makalede, uygun özel yazı tiplerini nasıl bulacağınızı ve bunları WordPress web sitenizde nasıl kullanacağınızı öğreneceksiniz.

Özel yazı tiplerini kullanmanın önemi

Yazı tiplerini, sözcük girintisini, satır aralığını, harf aralığını veya yazı tipi doygunluğunu neden değiştiriyorsunuz? Ancak bazı araştırmalar gösteriyor ki tipografi okuduğunu anlamayı geliştirir.

Çoğu, yazı tiplerinin yapısına bağlıdır. Bilinçli ve bilinçaltı düzeyde - herkes bir web sayfasının içeriğini tasarım gereği değerlendirir.

Yazı tipi tasarımı, dikkat etmeseler bile okuyucuları etkiler. Yazı tipi tasarımından vazgeçmek, geliştirmenin kendisinden vazgeçmek demektir! Okuyucunun ruh hali buna bağlıdır. Yazı tipi, okumayı kolaylaştırır veya kullanıcıları sayfadan çıkmaya zorlar.

Tüm web tarayıcıları bir dizi varsayılan yazı tipi içerir. Bu, sayfanın CSS'sinde yazı tipi belirtilmemişse standart sürümün kullanılacağı anlamına gelir. Varsayılan yazı tiplerini kullanmaya devam edebilirsiniz, ancak bunlar kullanıcılar için işi zorlaştırır. Bu yüzden özel bir yazı tipi kullanmak çok önemlidir. WordPress temanız size yazı tipini değiştirme seçeneği sunmuyorsa, yardımcı olabilecek birçok web sitesi ve araç vardır.

Google Yazı Tipleri Alternatifleri

özel yazı tipleri ekle

çoğunuz biliyorsunuz Google yazı tipleri. Güzel yazı tiplerini bulabileceğiniz daha birçok web sitesi var. Bazıları kişisel kullanım için ücretsizdir. Ticari kullanıma ihtiyacınız varsa, bir lisansa ihtiyacınız olacaktır. Google Fonts ve Adobe Edge Fonts ücretsizdir. Bu yüzden çok benzersiz değiller.

İşte bazı yazı tiplerini bulmak için diğer kaynaklar ücretsiz ve ticari kullanım için:

  1. TemplateMonster — TemplateMonster web sitesinde web tasarımı için ihtiyacınız olan her şeyi bulacaksınız. Küçük bir fiyata kişisel kullanım için birçok yazı tipi ve yazı tipi paketi de vardır. Ayrıca, seçiminize yardımcı olmak için, broşürlerde veya çerçevelerde sunulan tüm yazı tipleri. Her yazı tipi ayrıca bir ticari lisans ile sunulur.
  2. MyFonts — MyFonts şu anda dünyadaki en geniş yazı tipi seçimini sunmaktadır. Ancak buradaki fiyatlar da üst segmentte. Bu nedenle, sıkı bir bütçeniz varsa, bu sizin için olmayabilir.
  3. Yazı TipiSpring — Fontspring, ticari kullanım için yeni yazı tipleri satmaktadır. Ancak hemen hemen her ailede 1-2 ücretsiz yazı tipi kişisel amaçlar için kullanılabilir. Ayrıca ücretsiz yazı tiplerinin olduğu ayrı bir bölüm var. Koleksiyon canlı. Ancak indirmeden önce belirli bir yazı tipi için lisans bilgilerini dikkatlice incelemeniz gerekir.
  4. Cufon yazı tipleri — Aynı zamanda farklı yazı tiplerinden oluşan devasa bir koleksiyon. Herhangi birini seçin ve bununla ilgili ayrıntılı bilgi içeren bir sayfa göreceksiniz. Çok sayıda ücretsiz yazı tipi vardır ve bunlar ayrı bölümlere ayrılmıştır. CufonFonts'taki sıralama sistemi oldukça esnek ve kullanışlıdır. Ayrıca, Webfont desteği dahildir.
  5. Dafont — 3 ücretsiz yazı tipinden oluşan başka bir erişilebilir koleksiyon. Çoğu yalnızca kişisel kullanım için tasarlanmıştır. Harika bir DaFont özelliği, bir kategori sistemidir. Yazı tiplerini çizgi roman, video oyunları, vintage vb. tarzında seçebilirsiniz.

Yazı tipi seçimi çok cezbedici çünkü hepsi birbirinden güzel. Ama çok fazla seçmemelisiniz. Bir sitede ikiden fazla yazı tipi kullanmayın ağ. O zaman web sitenizin görünümü tutarlı olacaktır. Yazı tiplerinizi seçtikten sonra, kullanacağınız her stil için (normal, kalın, italik vb.) dosyaları yüklediğinizden emin olun.

Artık web siteniz için uygun yazı tipini seçtiğinize göre, onu nasıl ekleyeceğinizi öğrenelim.

WordPress'e Özel Yazı Tipleri Nasıl Eklenir

Bir WordPress web sitesine yazı tipi eklemenin birkaç yolu vardır:

  1. eklentiler : bu durumda, işlemi kolaylaştırmak için farklı WordPress eklentileri kullanılır.
  2. el ile : bu yöntemi kullanarak, siteden indirilen bir yazı tipi indirmeniz ve CSS dosyasını değiştirmeniz gerekir.
  3. Temalar: Birçok popüler temanın yazı tiplerinizi özelleştirmek için yerleşik seçenekleri vardır (not - kullandığınız temaya bağlı olarak süreç değişeceğinden bu seçeneği ele almayacağız.

Seçenek 1 – Eklentilerle WordPress Yazı Tiplerini Değiştirin

Global değişiklikleri önemsemiyorsak, web sitenizdeki yazı tiplerini değiştirecek WordPress eklentileri kurabiliriz.

Özel Yazı Tipi Eklentilerinin Özellikleri

Açık kaynak yazılımın topluluk çıkarları için bir avantajı vardır ve WordPress'in de bu avantajı vardır. Birkaç WordPress eklentisi, özel yazı tipleri eklemenize izin verir. Bu kadar çok eklenti varken uygun eklenti nasıl seçilir? Özel yazı tipi WordPress eklentilerinin özellikleri nelerdir?

İşte dikkate alınması gereken bazı noktalar:

  • Özel bir yazı tipi kullanma yeteneği
  • Birden çok yazı tipi kullanabilme
  • Başlıklar ve hedef bileşenler
  • Bonus: Görsel düzenleyiciden yazı tipi ayarlarını değiştirme yeteneği

Bu kadar. Listedeki ilk özellik çok önemlidir. Yine de DaFont, Font Squirrel vb. web sitelerinden yazı tiplerini indirebilirsiniz, ancak bunları WordPress'e yükleyebilmeniz gerekir.

Özel yazı tiplerini yüklemenize izin veren bazı WordPress eklentilerine bakalım.

1. Daha İyi Harika Yazı Tipi

Bu WordPress eklentisi, kullanıcılarının Better Font Awesome yazı tiplerini en son sürümleriyle otomatik olarak birleştirmelerini sağlar. CSS, kısa kodlar ve daha fazlası. Ayrıca, bu WordPress eklentisi otomatik olarak güncellenir.

Daha iyi yazı tipi harika - en iyi WordPress tipografi eklentileri

Orada özellikler olarak bulacaksınız: düzenli güncellemeler, kısa kod üreteci, diğer WordPress eklentileriyle uyumluluk, vb.

Indir | gösteri | Web hosting

2. WordPress için Google Yazı Tipleri

Bu WordPress eklentisi, WordPress web sitelerinizdeki tüm fontları kullanmanıza izin verecek 877 özel fontlardan oluşur. Gerçek zamanlı önizlemesi sayesinde, yazı tipi uygulandıktan sonra web sitenizin nasıl görüneceğini görmenizi sağlar. 

Google yazı tipleri - en iyi WordPress tipografi eklentileri

Ek olarak, zevk alacağınız kombinasyonu bulduğunuzda kaydedebilir ve ön uçta düzenleyebilirsiniz.

Özellikleri şunlardır: gerçek zamanlı bir önizleme, bir oldukça gelişmiş SEO, çok dilli destek, daha fazla 870 + Google Fonts desteği, kolay güncellemeler ve daha fazlası.

Indir | gösteri | Web hosting

3.Font Eklentisi

Fonts Plugin, kullanıcıların Google Fonts ve Adobe Fonts kitaplıklarına erişmesine izin veren ücretsiz bir WordPress eklentisidir. Bu WordPress eklentisi ile 1000'den fazla Google ve Adobe yazı tipi arasından seçim yapabilir, web sitenizde birden fazla yazı tipi kullanabilir ve eklentinin WordPress özelleştiricisindeki gerçek zamanlı önizleme özelliğiyle farklı seçenekleri test edebilirsiniz.

En iyi wordpress tipografi eklentileri

Yazı tipi boyutu, harf aralığı ve satır yüksekliği gibi web site tipografinizi özelleştirmenin daha fazla yolu için premium sürüme yükseltebilirsiniz, Yazı Tipi Eklentisi Pro.Indir | gösteri | Web hosting

4. Kolay Google Yazı Tipleri

Easy Google Fonts, web sitenizin tipografisini özelleştirmek için en iyi WordPress eklentilerinden biridir. Yazı Tipi Eklentisi gibi, yüzlerce Google Yazı Tipi arasından seçim yapmanıza ve bunları web sitenize eklemeden önce Özelleştirici'de önizlemenize olanak tanır.

Blogunuz için 10 WordPress tipografi eklentisi

Daha az sayıda Google Yazı Tipine erişim sağlamasına rağmen, WordPress özelleştiricisinde hemen görünecek olan yönetici alanında özel yazı tipi kontrolleri ve kuralları oluşturmanıza izin vermesi bakımından benzersizdir.

Indir | gösteri | Web hosting

2. Seçenek – WordPress Özel Yazı Tiplerini Manuel Olarak Kurun

@font-face yönergesini kullanarak web sitenize bir veya daha fazla yazı tipi bağlayabilirsiniz. Ancak bu yöntemin artıları ve eksileri vardır.

faydaları:

  • CSS sayesinde herhangi bir formattaki yazı tiplerini bağlayabilirsiniz: ttf, otf, woff, svg.
  • Yazı tipi dosyaları sunucunuzda bulunacaktır – üçüncü taraf hizmetlere bağımlı olmayacaksınız.

dezavantajları :

  • Her stil için doğru yazı tipi bağlantısı için ayrı bir kod kaydetmeniz gerekir.
  • CSS bilmeden kolayca kafanız karışabilir.

Ama yapabilirsen bu gerçek bir sorun değil sadece bitmiş bir kodu kopyala ve değerlerinizi belirtmeniz gereken yer.

Not : Başlamadan önce, bir çocuk teması oluştur web siteniz için. Bu şekilde, ana temanızı bırakarak alt temanızda tüm değişiklikleri yapabilirsiniz, böylece gelecekte gerekirse kolayca güncelleyebilirsiniz.

1. Adım: Bir "yazı tipleri" klasörü oluşturun

Alt temanızda, altında yeni bir "fontlar" klasörü oluşturun: wp-içerik/temalar/çocuk-temanız/yazı tipleri

Adım 2. İndirilen yazı tipi dosyalarını web sitenize yükleyin

Bu, barındırma kontrol paneliniz veya FTP aracılığıyla yapılabilir.

Tüm yazı tipi dosyalarını yeni eklenen yazı tipleri klasörüne ekleyin: wp-content/themes/ Alt temanızda, altında yeni bir “fontlar” klasörü oluşturun: wp-içerik/temalar/çocuk-temanız/yazı tipleri senin yarattığın.

Adım 3. Alt tema stil sayfası aracılığıyla yazı tiplerini içe aktarın

dosyasını açın style.css alt temanızın ve CSS dosyasının başına aşağıdaki kodu ekleyin (alt tema yorumundan sonra):

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont.eot');
src: url('fonts/WebFont.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont.woff') format('woff'),
url('fonts/WebFont.ttf') format('truetype'),
url('fonts/WebFont.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: normal;
}

nerede MyWebFont yazı tipinin adı ve src özelliğinin değeri (tırnak içindeki parantez içindeki veriler) konumlarıdır (göreceli bağlantılar). Her stili ayrı ayrı belirtmemiz gerekiyor.

İlk önce normal stili bağladığımız için font-weight ve font-style özelliklerini normal olarak ayarlıyoruz.

Adım 4. Eklerken italik, Aşağıdakini yaz:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic.eot');
src: url('fonts/WebFont-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic.woff') format('woff'),
url('fonts/WebFont-Italic.ttf') format('truetype'),
url('fonts/WebFont-Italic.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: italic;
}

Her şey aynı olduğunda, yazı tipi stili özelliğini italik olarak ekleyen sadece biziz.

Adım 5. Kalın yazı tipini eklemek için aşağıdaki kodu ekleyin:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Bold.eot');
src: url('fonts/WebFont-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Bold.woff') format('woff'),
url('fonts/WebFont-Bold.ttf') format('truetype'),
url('fonts/WebFont-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: normal;
}

Font-weight özelliğini kalın olarak ayarladığımız yer.

Her stil için yazı tipi dosyalarının doğru konumunu belirtmeyi unutmayın.

Adım 6. Kalın italik yazıları birleştirmek için aşağıdakini yazın:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic-Bold.eot');
src: url('fonts/WebFont-Italic-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic-Bold.woff') format('woff'),
url('fonts/WebFont-Italic-Bold.ttf') format('truetype'),
url('fonts/WebFont-Italic-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: italic;
}

İşte bu kadar. Artık web sitenize dört yazı tipi stili bağladığınıza göre.

Ancak bir not var: Bu yazı tipi bağlantısı Internet Explorer 8'de düzgün görüntülenmeyecek. Teselli, hala IE8 kullanan çok az insan var.

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

Sonuç

Kullanıcıların web sitenizi ziyaret ettiklerinde ilk fark ettikleri şey nedir? Bu doğru, tasarımı! Tasarımın çoğu, güzel yazı tiplerinin doğru kullanımına dayanır. Bu nedenle, web sitenizin yazı tipi tasarımına dikkat etmeniz gerekir. Yeni bir yazı tipi stili yerleştirmek için kod ekleyin veya yukarıda belirtilen eklentilerden birini kullanın. Nasıl seçeceğiniz size kalmış.

Aynı web sitesinde ikiden fazla yazı tipi kullanmadığınızdan emin olun. Web sitesine ne kadar çok özel yazı tipi eklerseniz, web sitesi hızı o kadar düşecektir.

Bir WordPress web sitesine nasıl özel yazı tiplerinin ekleneceğini gösteren bu makale bu kadar. Sizi denemeye davet ediyoruz. Herhangi bir endişeniz veya öneriniz varsa, lütfen bize bildirin. Yorumlar.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Bu arada, bu yazıyı farklı sosyal ağlarda paylaş.   

...  

Facebook Anında Makaleler İçin Bir Web Sitesi Nasıl Hazırlanır?

Facebook Anında Makaleler İçin Bir Web Sitesi Nasıl Hazırlanır?

Bu eğitimde, WordPress web sitenizi Facebook Instants Articles programı için nasıl hazırlayacağınızı göstereceğiz.

Program ile Facebook Anında Makaleler 12 Nisan 2016'da içerik editörleri için herkese açık, birkaç etiket kullanarak doğrudan Facebook'ta yayınlamak için WordPress blogunuzu hazırlamanız gerekecek.

Her ay bir milyardan fazla kişi bir mobil cihazdan Facebook'a giriş yapıyor ve Facebook'un mobil uygulaması kullanılarak görüntülenen içeriğin performansı her zamankinden daha önemli. Facebook, içerik dağıtımını hızlandırmanın ve mobil uygulama kullanıcılarının beklediği türden sürükleyici bir deneyim sunmanın bir yolu olarak Mayıs 2015'te Anında Makaleler'i başlattı.

İlk başta, program, aşağıdakiler gibi tanınmış yayıncılardan oluşan seçkin bir grupla sınırlıydı. BuzzFeed, New York Times ve BBC News. Ancak, Nisan 2016'da, program tüm içerik editörlerine açık olacaktır.

Facebook, uygun şekilde biçimlendirilmiş bir RSS beslemesi, Facebook Business Manager kullanılarak onaylanmış bir Facebook sayfasıyla ilişkilendirildiğinde bir "Anında Makale" oluşturur. Yayıncılar programa katılmak için başvurmalıdır ve kabul edildikten sonra Anlık Makalelerin görünümünü ve davranışını özelleştirebilirler.

Kuruluşunuz Facebook'ta aktifse ve sosyal ağda paylaşılan içerikten önemli miktarda trafik alıyorsa, web sitenizi uygun şekilde biçimlendirilmiş bir RSS beslemesi oluşturacak şekilde yapılandırmak artık mümkün. Ancak, Facebook'un Instant Articles programına katılmak sandığınız kadar kolay değil.

Ama başlamadan önce, bakmak için zaman ayırın Bir WordPress tema nasıl kurulurKaç eklentileri WordPress yüklemeniz gerekir.

O zaman işe başlayalım!

Programa katıldığınızda içerik ne yapıyor?

Programa katılan içerik yayıncıları, içeriklerinin Facebook uygulamasında nasıl göründüğü üzerinde büyük bir kontrol elde eder. Yayıncılar ayrıca Anlık Makalelerde reklam alanı satabilir ve yayıncının veya Facebook'un alanı satmasına bağlı olarak reklam gelirinin% 100 veya% 70'ini elinde tutabilir.

UX üzerinde daha fazla kontrol ve artan gelir, iki motivasyon kaynağıdır, ancak programa katılmanızın en büyük nedeni, Facebook kullanıcılarının Anında Makaleler ile daha iyi bir deneyim yaşamasıdır.

Ayrıca şu konudaki eğiticimize bakın: Nasıl WordPress için bir Facebook Piksel kampanyası oluşturma

Facebook, Hızlı Makalelerin standart mobil web içeriğinden on kat daha hızlı yüklendiğini iddia ediyor; bu, bağımsız olarak doğrulanmamış bir iddia. Hızlı Makaleler ayrıca mobil cihazın tüm kullanılabilir penceresini kullanarak devrim yaratıyor ve bu da Hızlı Makaleleri bir tarayıcıda görüntülenen içerikten çok daha sürükleyici hale getiriyor.

Program Anlık Öğeler Facebook kimler katılabilir gerekir?

Bu program içerik editörleri ve düzenli olarak içerik yayınlayan diğer kuruluşlar. Gerçekte, yazarlar incelemeye hazır en az 50 makalesi olana kadar programa katılamazlar. Kuruluşunuzun 50'den fazla makalesi varsa, programa abone olmayı düşünebilirsiniz.

Anında Makalelere Nasıl Hazırlanılır

Makalelerinizi Facebook'a yüklemek Hızlı Makaleler bir eklenti kurmak kadar kolay mı?

Evet ve hayır.

Programa katılmak, 11 adımlarındaki bir işlemdir.

Facebook, tüm süreç boyunca size yol gösterecek bir rehber oluşturarak işleri çok daha kolaylaştırmaya çalıştı, ancak önce kuruluşunuzu Facebook tarafından onaylanmak üzere göndererek başlayabilirsiniz. Nisan'dan önce programa katılmak için başvuramazsınız, ancak şunu söyleyebilirsiniz: Programla ilgilendiğiniz FacebookBu, muhtemelen program kullanıma sunulduğunda size haber verecekleri anlamına gelir.

Şimdilik, işte program gerçekten tüm yayıncılar (yazarlar için) başlatıldığında hazır olmak için yapmanız gereken 3 şeyler.

4'teki kılavuz, yetkinizi blogunuz aracılığıyla oluşturma adımlarını uygulamaktadır. Bu makaleye danışarak öğrenin.

Birinci adım: Facebook'ta etkili bir varlığınız olduğundan emin olun

Kuruluşunuzun Facebook'taki varlığı ve platforla yakınlığınız etkili olmalıdır.

Öncelikle, kuruluşunuzun bir sayfası olduğundan ve yönetici ya da düzenleyici olduğunuzdan emin olmanız gerekir. Ayrıca bir İşletme hesabı oluşturmanız da gerekebilir Şirket hesap yöneticisi, kuruluşunuzun sayfası yoksa, Şirket Hesap Yöneticisini kullanarak hesabınıza bir sayfa ekleyebilir ve kuruluşunuzun diğer üyelerini sayfanıza ekleyebilirsiniz..

Anında Makaleler doğrudan Şirket hesabı yönetimi arayüzünden yönetilir, bu nedenle daha sonra yapmak zorunda kalmamak için şirket hesabınızı yapılandırmayı unutmamalısınız.

Kullanmıyorsanız, Facebook Sayfaları uygulamasını indirebilirsiniz. Bulabilirsin App Store iPhone veya iPad'de kullanmak için veya Google Play Store. Anında Makaleleri önizlemek için bu uygulamaya ihtiyacınız var. Nasıl çalıştığını görmek için özelliği test edebilirsiniz.

2 Adım: Anında Makaleler için RSS oluşturun

Anında Makaleler, belirli bir şekilde biçimlendirilmiş RSS beslemesinden içe aktarılan HTML içeriği kullanılarak Facebook'ta bir araya getirilir. Web sitenizi Instant Articles ile entegre etmek için özel olarak biçimlendirilmiş bir RSS beslemesi oluşturmanız gerekir, işte bunun için kullanabileceğiniz bir eklenti.

İle ortaklık içinde oluşturulan eklenti Automattic et kod çözme, resmi WordPress eklenti dizinine eklenebilir. Şimdilik, sadece eklentiyi indirebilirsiniz doğrudan Github dan.

github'da fb instant makaleler eklentisi

Eklenti ZIP formatında indirilecek ve eklentiyi kurmak için iki seçeneğiniz var:

  1. Eklentiyi ZIP dosyasını kullanarak doğrudan WordPress kontrol panelinden yükleyebilirsiniz.
  2. You can eklentiyi bir FTP istemcisi aracılığıyla ayıklayın ve doğrudan WordPress kurulumunuzdan / wp-content / plugins / klasörüne gönderin.

Eklentiyi etkinleştirdikten sonra, aşağıdaki yolu izleyerek blogunuzun RSS beslemesine erişebileceksiniz:

http://votresite.com/feed/instant-articles.

anlık ürün besleme

Çok siteli bir ağınız varsa, eklenti her web sitesi için bir RSS yayını oluşturur  "Otomatik büyülü". Bunu çok bölgeli bir ağ oluşturarak test edebilir ve her şeyin normal şekilde çalıştığını doğrulamak için URL'yi ziyaret edebilirsiniz.

anlık ürün-çoklu besleme

Şu an için eklentinin yüklenmesi bir yönetim paneli eklemeyecektir. Github'daki readme.txt dosyası, RSS beslemesinde görünenleri değiştirmek için filtrelerin kullanılabileceğini belirtirken, herhangi bir talimat sağlanmamıştır ve filtreler uygulanmıştır ve dosyaların manuel olarak düzenlenmesini gerektirir. . Ayrıca notlar, filtrelerin zamanla değişebileceğini belirtmektedir. Varsayılan beslemeyi kullanmanızı öneririz.

Çok keşfetmek WordPress'e Facebook benzeri bir haber akışı nasıl eklenir

Ardından, Anında Makale özelliğinin oluşturulmasını istediğiniz URL'yi değiştirebilirsiniz. Bunu yapmak için, "facebook-instant-makaleler.php" adlı dosyayı açmalı ve "INSTANT_ARTICLES_SLUG" sabitini bulmalısınız. Eklentinin 0.1 sürümünde, 18. satırda bulunabilir. Daha sonra "anlık makaleler" i kaldırabilir ve kullanmak istediğiniz slug'ı ekleyebilirsiniz.

RSS beslemesini düzenle - Anında Makaleler

unutmayın bir sorun oluşursa dosyayı geri yüklemek için bu dosyanın yedeğini alın.

Gerekli tüm değişiklikleri yaptıktan sonra, ayarlar> Kalıcı Bağlantılar seçeneğine gidebilirsiniz. Bu, yeniden yazma kurallarını yenileyecek ve yeni bilgi etkili olacaktır. Artık Anlık Makale URL'nizi bulabilirsiniz.

değiştirilen akışın url'si

Adım 3: Programa abone olun ve adımları izleyin

Bir sonraki adım, Facebook'un programı resmi olarak başlatmasını beklemektir. Bir kuruluşsanız ve programla ilgileniyorsanız, şunları yapabilirsiniz: ona Facebook hakkında bilgi ver.

Facebook'un hazırladığı başlangıç ​​kılavuzuna göz atmak için zaman ayırabilirsiniz. Bu sizi, program kullanıma sunulduğunda hazır olmaya hazırlayacaktır.

4. Adım: Akışı 24 saatten daha eski olmayan öğelere sınırlandırın

Bunu yalnızca program için kabul edildikten sonra yapacaksınız.

Anında Makaleler programına kaydolduğunuzda, Facebook RSS beslemenizde en az 50 makale görmek isteyecektir. Bununla birlikte, RSS beslemeniz ilk kez içe aktarıldığında, Facebook son 24 saat içinde güncellenmemiş makaleleri göz ardı edecektir. Bu nedenle, kuruluşunuz programa eklendiğinde ve feed'iniz içe aktarıldığında, akışı değiştir yalnızca son 24 saat içinde değiştirilen öğeleri dahil etmek için.

Bu değişikliği yapmak için, bir şey normal çalışmazsa geri yükleyebileceğiniz "facebook-instant-makaleler.php" dosyasının bir kopyasını indirmeniz gerekir. Bu kopyada, "INSTANT_ARTICLES_LIMIT_POSTS" sabitini "true" olarak tanımlamalısınız. Akışın sınırlanıp sınırlanmayacağını tanımlamak için bu sabiti "if" koşulunun hemen önüne eklerseniz muhtemelen daha mantıklı olacaktır. Eklentinin 0.1 sürümünde, bunu 150. satırda bulacaksınız.

rss beslemesini 24 saatle sınırla - Anında Arama Facebook Makaleleri

Şimdi tek yapman gereken değişikliklerini kaydetve RSS beslemenize erişin. 24 saat önce güncellenen sınırlı makaleleri görüntüleyebileceksiniz.

50'den fazla hazır makaleniz olmadıkça kuruluşunuzun onaylanmayacağını unutmayın. Bu nedenle, kuruluşunuz programa kabul edilene ve yayınınız Facebook tarafından içe aktarılıncaya kadar yayınınızı sınırlamayın.

Web sitenizin bir hizmet şartları sayfasına ihtiyacı var mı? Bu makaleyi okuyarak öğrenin.

Gördüğünüz gibi, programa katılmak herkes için değil. Ve gerçekten ilgilenenler için hizmet, amaçlarına ulaşmak için bazı çabaları seferber etmek zorunda kalacaklar.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. ARPrice

ARPrice, fiyat ızgaraları oluşturmak için en esnek ve eksiksiz WordPress premium eklentisidir. 300'den fazla fiyat ızgarası modeli içerir ve benzersiz ve duyarlı fiyat ızgaraları ve karşılaştırma tabloları oluşturmak için ihtiyacınız olan tüm araçları sağlar. Ayrıca ekibiniz için kolayca güzel bir vitrin oluşturabilirsiniz.

ARPrice Duyarlı WordPress Fiyatlandırma Tablosu Eklentisi

Özelleştirmelerin gerçek zamanlı önizlemesini sunan etkileyici görsel editörü ile güzel, sezgisel ve benzersiz bir WordPress eklentisidir.

Ayrıca bakınız Nasıl blogunuza bir hizmet şarj etmek için?

Bir şablon seçin ve ardından basit tıklamalar ile fiyat ızgarasını kişiselleştirmek için araçları en küçük ayrıntıya kadar sürükleyip bırakın. Sınırsız sayıda sütun ekleyebilir, renkleri değiştirebilir, yazı tiplerini, simgeleri ekleyebilir ve kendi resimlerinizi ve şeritlerinizi ekleyebilirsiniz. indirim yapmakÖrneğin,.

Indir gösteri | Web hosting

2. privateContent

PrivateContent, gerçek bir çok seviyeli kayıt web sitesi oluşturmak için kullanımı kolay ve güçlü bir çözümdür. Kullanıcı verilerinin korunmasına ilişkin yeni Avrupa mevzuatıyla uyumlu bir eklentidir.

PrivateContent Çok Düzeyli İçerik Eklentisi

Bu listedeki çoğu eklenti gibi, yalnızca yüklemenizi bekleyen tüm özellikleri barındıran bir dizi ile birlikte gelir.

Ayrıca bir göz atın Görüntülerinizi ve videolarınızı korumak için 5 akıllı telefon uygulaması

İçeriğinizi bu premium WordPress eklentisiyle koruyun ve abonelerin sahip oldukları role veya duruma göre içeriğe erişmesine izin verin. Ek olarak, bu niş içindeki en çok satan eklentilerden biridir ve sizden özel ilgiyi hak eden bir eklentidir.

Indir | gösteri | Web hosting

3. WooCommerce İlgili Ürünler Kaydırıcı

Le eklentisi WooCommerce İlgili Ürünler Kaydırıcı güzel efektlerle ilişkili ürünleri görüntülemek için kullanılan bir WordPress eklentisidir. Benzer ürünler aynı kategoriden veya aynı etiketten gelir.

WooCommerce İlgili Ürünler Kaydırıcısı - Anında Makaleler

Bu eklenti, kullanıcının eklentiyi ürün detay sayfasının farklı konumlarında görüntülemesine izin veren bazı ek seçeneklere sahiptir, kullanıcı şunları yapabilir: kaydırıcıda 50'ye kadar ürün görüntüleyin, kaydırıcının görünümünü ve görünümünü özelleştirin.

Ayrıca makalemize bakın. Fiyat ızgaraları oluşturmak için 5 WordPress eklentileri

Ancak bu eklentiyi kurmadan önce, sahip olmanız gerektiğini unutmamak önemlidir. WooCommerce'ı önceden kur.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Bu eğitim için bu kadar, umarım web sitenizi Facebook Instants Makaleleri için hazırlamanıza yardımcı olur. Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

... 

Elementor: Fareyle üzerine gelindiğinde animasyon nasıl oluşturulur?

Elementor: Fareyle üzerine gelindiğinde animasyon nasıl oluşturulur?

Elementor ile bir vurgulu animasyon oluşturmak ister misiniz?

Bu derste üzerinden uçup gideceğimiz ve bununla ilgili açıklamayı ortaya çıkaracak bir kutu pepsi kullanacağız.

Size göstermek istediklerimiz hakkında bir fikir edinmek için sizi aşağıdaki videoyu izlemeye davet ediyoruz.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Tek bir sütun bölümü ekleyin, ardından kenar çubuğunda Minimum yükseklik uzeri Yükseklik

Sur Minimum yükseklik tıklayın VH ardından kaydırıcıyı 100. Her zaman sekmede düzen tanımlamak 650 olarak genişlik.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Sütunu seçin ve alandaki kenar çubuğunda Dikey hizalama seçmek Çevre.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Sekmede stil, Renk seçiciye tıklayarak arka plan rengini değiştirin ve yazın # D37636 sonra bölümde sınır, hadi kapalım 20 tüm kaldırım yarıçapları için.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Sekmede gelişmiş, dolgu bağlamayı kapatın ve yazın 75 iç marjlar için Haut et Bas et 25 iç marjlar için Patavatsız et DROITE.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Ardından sütunda bir widget'ı sürükleyin iç bölüm. Dahili bölümden sütunlardan birini kaldıralım.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Kalan iç bölümün sütununda, Başlık widget'ı ve başlığı şu şekilde değiştirin Pepsi Aşk.

Ayrıca şu kılavuzumuzu okuyun: Elementor'da Portföyden Efekt Kartı Nasıl Oluşturulur

Ardından, sekmede stil, metne beyaz bir renk verin ve tipografi için boyut uzeri 32içinde satır yüksekliği uzeri 1.2, harf boşluğu uzeri 0.5.

altında Başlık widget'ı, bırak Metin Düzenleyici widget'ı ve metni düzenleyin. sekmesinde stil, metin rengini beyaz olarak değiştirin ve boyut tipografi açık 16içinde satır yüksekliği uzeri 1.5 ve harf boşluğu uzeri 0.5.

Sekmede gelişmiş marjı değiştir Bas uzeri -10.

bölümünde konumlandırma sekme gelişmiş, Değiştirmek Genişlik uzeri personnalisé ve Genişlik Özel ikincisini ayarla 310.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Paragrafın altına bir ekleyeceğiz düğme widget'ı Metin için ile Devamını Oku.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Sekmede stil düğmeye rengini ver Beyaz ve metin rengi olarak ayarlayın Noire.

Şimdi sütunu seçin iç bölümbölümünde gelişmiş sekme gelişmiş bağlantıyı kapatın ve yüzdeye tıklayın, ardından marjı ayarlayın Patavatsız uzeri 20 Ve içinde İç Marj tanımla Patavatsız uzeri 20.

Şimdi sürükleyin resim widget'ı yukarıda İç bölüm bir resim ekleyin. Örnek olarak internette kolayca bulunabilen bir içeceğin resmini seçtik.

Resmi ekledikten sonra, Görüntü boyutu uzeri Tüm ve hizalanma hadi tıklayalım Merkez.

Sekmede gelişmiş, bölüme git Pozisyon uzeri Genişlik seçmek Çevrimiçi (Otomatik)Üzerinde Pozisyon seçmek kesin ve Yatay Yönlendirme seçmek doğru sonra Ofset girmek -9.9 ve Ofset Dikey Yönlendirme girin -105.

Daha aşağı git Dönüştür bölümü Définissez boyutlandırmak uzeri 0.5.

Şimdi sütunu seçin İç bölüm ve sekmede gelişmiş adını girin css sınıfları pepsi metni.

Ardından ana bölümümüzü seçin, bölüme gidin özel CSS onun Sekmesi İleri,  aşağıdaki kodu kopyalayıp yapıştırın:

/*Hover Animation CSS*/
selector{
    --transition: 0.5s;
    --circle-color: #313F69;
    --content-background: #D27838;
    --mobile-height: 670px;
    --mob-top: 320px;
}
selector .elementor-widget-wrap,selector .elementor-widget-container,selector .elementor-widget-image,.pepsi-text,selector > .elementor-widget-wrap:before,selector{
    transition: all var(--transition) !important;
}
selector > .elementor-widget-wrap:before{
    content: "";
    background: var(--circle-color);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    clip-path: circle(120px at center);
}
selector:hover > .elementor-widget-wrap:before{
    clip-path: circle(400px at center);
    background: var(--content-background);
}
selector:hover .elementor-widget-image{
    right: -200px !important;
}
selector:hover .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
selector .pepsi-text{
    opacity: 0;
    visibility: hiddin;
}
selector:hover .pepsi-text{
    opacity: 1;
    visibility: visible;
}
selector:hover .pepsi-text .elementor-widget-wrap{
    margin-left: 0px !important;
}
/*Responsive*/
@media (max-width: 767px) {
selector{
    height: var(--mobile-height);
}  
selector .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
selector:hover .elementor-widget-image{
    right: 68px !important;
    top: var(--mob-top) !important;
}
selector:hover .pepsi-text .elementor-widget-wrap{
    margin-top: -265px !important;
}
}

NOT: Bu bölüme sahip değilseniz, o zaman gitmeniz gerekir Elementor'un profesyonel sürümü.

Şimdi metinden arka plan rengini kaldırmak istiyorsak, ana sütunumuzu seçeceğiz ve Stil sekmesinde arka plan rengini devre dışı bırakacağız.

Şu anda, animasyonunuz tarayıcıda normal şekilde çalışacaktır.

Tablette animasyon da mükemmel görünüyor

Ancak akıllı telefonda normal şekilde görüntülenmiyor. Bu sorunu çözelim.

Tarayıcıyı gösterelim

Tarayıcıda Bölüm'ü seçin (hala akıllı telefon modunda olduğunuzdan emin olun) ve Genişlik uzeri 320

Ardından ana sütunu seçin ve sekmesinde gelişmiş, tüm iç kenar boşluklarını 25

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Tarayıcıda resmi seçin ve sekmede stiltıklayın PX de Genişlik ve ayarla 180.

Sekmede gelişmiş du Resim widget'ı, devam et Pozisyonve seçin kesinIçinde yatay ofset girmek 75 ve dikey kayma girmek 236. Kısacası, farklı ofsetleri kullanarak resminizi dairenin ortasına ortaladığınızdan emin olun.

Elementor'da fareyle üzerine gelme animasyonu oluşturun

Artık animasyonunuzu farklı cihazlarda önizleyebilirsiniz.

Şimdi Elementor Pro'yu Alın !!!

Sonuç

Yani ! Fareyle üzerine gelindiğinde nasıl animasyon oluşturulacağını gösteren bu makale bu kadar Elementor'da. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, sizden haber almak isteriz. Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...