WordPress Elementor Eklentisi için Görselleri Optimize Etme

WordPress yazılarını ve sayfalarını oluşturan modüler bloklar kavramı Gutenberg'le birlikte ortaya çıktı, ancak gerçekte WordPress'in kendisi modüler bir yapıya sahiptir. Örneğin WordPress Medya Kitaplığınızı alın. Kullandığınız düzenleyiciden bağımsız olarak görseller yükleyebilir ve bunları yazılarda veya sayfalarda kullanabilirsiniz. Bu makalede özellikle Elementor'a ve ImageRecyclekullanarak görüntüleri nasıl optimize edebileceğinize odaklanıyoruz.

Gutenberg'e çok benzeyen Elementor, okuyucularınızın nasıl görüneceğini görerek yazılar veya sayfalar oluşturmanıza olanak tanıyan bir Wordpress editörüdür. Elementor'un yapısı aynı zamanda artık tanıdık olan blok kavramını kullandığı için Gutenberg'inkine benzer. Bu, optimize edilmiş görsellerin eklenmesi de dahil olmak üzere WordPress Medya Kitaplığının kullanımını daha da kolaylaştırır. İlk önce ilk şeyler: WordPress'teki görselleri nasıl optimize edersiniz?

ImageRecycleile Görüntüleri Optimize Etme

ImageRecycle hiç kullanmadıysanız , WordPress resimlerini optimize etmek hızlı ve kolay bir işlemdir. Önce ImageRecycle eklentisini WordPress web sitenize ImageRecycle yüklemeniz gerekir . Eklentiyi yükledikten sonra, ayarlar menüsü altında yapılandırmasına gidin ve API Anahtarınızı ve Sırrınızı girin. Değişiklikleri kaydedin ve anahtar ile gizli eşleşirse, görüntüleri hemen optimize etmeye başlayabilirsiniz.

Medya menüsünden ana ImageRecycle arayüzüne erişebilirsiniz . Bu sayfa basit ve kullanımı oldukça basittir. Medya kitaplığınızdaki tüm görüntüleri ve bunların boyutlarını ve sıkıştırma oranlarını listeler. Sen tıklayabilirsiniz optimize onları sıkıştırmak yanındaki tek tek görüntülere düğmeye veya üzerinde optimize tüm düğme kerede tüm resimleri optimize etmek.

Sıkıştırma sırasında gerçekleşenlerin ImageRecycle ayarlarına bağlıdır. Örneğin, görüntüleri sırasıyla %80 ve %20'ye kadar sıkıştırabilen en iyi kaydetme veya orijinal kalitede sıkıştırmayı kullanmayı seçebilirsiniz. Bu iki mod arasındaki fark hakkında daha fazla bilgiyi burada bulabilirsiniz .

Hangi optimizasyon modunu seçerseniz seçin, bu görseller WordPress Medya Kitaplığınıza kaydedilir; bu, hangi düzenleyiciyi kullanırsanız kullanın, bunları yazılarınızda ve sayfalarınızda kullanabileceğiniz anlamına gelir. Bu makalenin geri kalanında belirli bir editöre odaklanacağız: Elementor.

Elementor'da Optimize Edilmiş Görselleri Kullanma

Elementor, WordPress gönderileri ve sayfaları için güçlü bir düzenleyicidir. Gutenberg gibi, içeriği her biri farklı bir öğeyi temsil eden bloklar halinde düzenler. Bildiğiniz gibi, görseller olmadan hiçbir web sitesi tam değildir ve Elementor'da görsel bloklar alanında eksik yoktur. Medya Kitaplığının dana sayfareye girdiği yer burasıdır.

Makaleye WordPress'in oldukça modüler olduğunu ve her şeyin burada birbirine bağlandığı noktayı açıklayarak başladık. Elementor görsellerini Medya Kitaplığı'ndan değilse nereden alır? Yani, az önce ImageRecycleile optimize ettiğiniz aynı WordPress Medya Kitaplığı.

ImageRecyclesıkıştırılmış görüntülerini Elementor'da kullanmak, herhangi bir görüntü bloğunu (temel görüntü, atlıkarınca, galeri veya başka herhangi bir şey) sürükleyip bırakmak ve görüntüleri yüklemek kadar basittir. Görüntüleri doğrudan, sıkıştırılmış görüntüleri otomatik olarak yükleyen WordPress Medya Kitaplığından seçersiniz.

WordPress aslında modülerdir ve onu kullanmamak israf olur. ImageRecycle , iş akışınızı etkilemeden kullandığınız herhangi bir düzenleyiciye ImageRecycle . Tek yapmanız gereken, görüntüleri optimize etmek ve daha sonra bunları blogunuza eklemek, kullandığınız düzenleyiciden bağımsız olarak WordPress okuyucularınızın deneyimini optimize etmenize olanak tanır.