Ana İçeriğe Geç

Küçük resimler için özel bir boyut nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Görüntüleri WordPress'e göndermek, orijinal görüntünün farklı boyutlarını oluşturur, ancak ne yazık ki, bu herkese uyabilecek bir çözüm değildir.

Oluşturulan varsayılan boyutlar: küçük resimler, orta, büyük ve orijinal boyut. Ancak, çevrimiçi bir mağazadaki ürünler gibi farklı bir boyuta ihtiyacınız varsa, ihtiyaçlarınıza göre kendi özel boyutunuzu oluşturabilirsiniz.

Bu eğiticide, özel resim biçimlerini kodunuzla temanıza kaydederek nasıl oluşturulacağınızı göstereceğiz.

Bu eğitim için nasıl geliştireceğinizi bildiğinizi varsayalım (HTML / CSS ve PHP). Bu eğitim ayrıca, WordPress eklentilerinin nasıl oluşturulduğunu biliyorsanız de geçerlidir.

Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız 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.

WordPress'te özel boyutlar nasıl kaydedilir

Veya function.php dosyasını oluşturun ardından, varsayılan Yirmi Onyedi temasından bir alıntı olan aşağıdaki örnekte olduğu gibi yapılandırın:

<? php if (version_compare ($ GLOBALS ['wp_version'], '4.7-alfa', '<')) {get_template_directory () gerektirir. '/Inc/back-compat.php'; return; } / ** * Varsayılan tema yapılandırması + yeni özelliklerin eklenmesi. * * Bu kodun, başlangıç ​​kancasından önce * çalıştığı "after_setup_theme hook" tan sonra eklendiğini unutmayın. * / işlev twentyseventeen_setup () {

Yorumda açıklandığı gibi, temanızda kullanmak istediğiniz WordPress özellikleri ile özellikli resimler, yazı biçimleri, özel başlık ve diğer benzer seçenekler gibi uyumluluklar ekleyebilirsiniz.

Ayrıca listemize bakın Blogunuzdaki görüntüleri düzenlemek için 5 WordPress eklentileri

Özel boyutlara ve küçük resim önizlemelerine sahip görüntüler oluşturabilmek için kesinlikle eklemeniz gereken bir özellik vardır:

  add_theme_support (post-tanesinden ');

WordPress'in 2.9 sürümünden sonra, makalelerin görüntülerinin adı "Öne Çıkan Görüntüler" olarak değiştirildi, ancak dosya kodunda orijinal adıyla (kafa karıştırıcı olarak) yine de belirtildi. Bu terimler birbirlerinin yerine kullanılabilir, ancak, izleyicilerinize bağlı olarak, bu durum bazıları için kafa karıştırıcı olabilir.

Ayrıca bizim öğretici okuyun WordPress gelişmiş bir kullanıcı denetimi nasıl

O zaman özel resim boyutlarını fonksiyonuna ekleyebilirsiniz " add_image_size ". İhtiyacınız olan temel yapı şudur:

    add_image_size ('yeni-özel-boyut', genişlik, yükseklik, kırpma modu);

Değiştirdiğinizden emin olun " themename Temanın adına göre. Değiştir " Yeni boyutlu özelleştirilmiş Resim boyutunuz için açıklayıcı bir ada göre. Hemen hemen her adı kullanabilmenize rağmen, bunlar yukarıda belirtilen varsayılan görüntü boyutlarına göre ayrıldığından yasaktır: başparmak, küçük resim, orta, büyük, küçük resim sonrası.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Ayrıca, özel resim boyutları da ayarlayabilirsiniz genişlik, yükseklik ve kırpma için.

Çok keşfetmek sıkıştırmak ve WordPress üzerinde resimlerinizin boyutunu nasıl

Boyutları değiştirebilirsin " genişlik "Ve" yükseklik İhtiyacınız olanlar için. Her ne kadar oldukça açıklayıcı olsa da, mahsul modu değildir.

Resimlerinizi kırpmak için birkaç seçenek vardır:

  • Zorla mahsul - Bunu yapmak için, «değerini ayarlayın ekin Modu " gerçek ". Tasarımınıza kusursuz bir şekilde sığacak şekilde ayarlanan tam genişlikte ve yükseklikte daha büyük bir görüntü keser, ancak görüntüyü orantılı olarak ölçekleyemez.
  • yumuşak Trim - Bu, varsayılan ayardır ve kırpma modunu kaldırarak etkinleştirilir. Orantılı olarak bir görüntü üretir, ancak görüntü boyutları, farklı boyutlardan kaynaklanıyorsa değişebilir.
  • Sınırsız yükseklik - Değeri silerek yükseklik ", Özel görüntünüzün kırpma modu sınırsız bir yüksekliğe sahip olabilir. Bu özellikle bilgisayar grafikleri için kullanışlıdır.

İhtiyacınız olan görüntü boyutunu kaydetmek için yukarıdaki kod pasajındaki satırı tekrarlayabilirsiniz. İhtiyacınız olan özellikleri karşılamak için düzenlemeyi unutmayın.

Makalelerinizi WordPress'te PDF olarak nasıl paylaşabilirim? Bu makaleye danışarak öğrenin.

İhtiyacınız olan özellikler için destek eklemeye devam edebilirsiniz ve işiniz bittiğinde, kancaya ekleyin " after_setup_theme "

ADD_ACTION ( 'after_setup_theme', 'themename_setup');

Unutma ki " themename WordPress temanızın gerçek adı olarak değiştirilmelidir. Bu dosyayı bu dosya boyunca tutarlı bir şekilde kullandığınızdan emin olun.

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. QT Yerler

QT Places, web sitenizde Google Haritalar haritalarını görüntülemek için kullanılan zarif ve çok yönlü bir WordPress eklentisidir. Yüklemeden sonra, WordPress menünüzde "Yerler" adlı yeni bir yayın türü görünecek ve haritalara hemen yeni yerler eklemeye başlayabilirsiniz.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Bu uzantı süper uyumludur ve mobil cihazlarda (iPhone, Android) çalışır. Yapabilirsin herhangi bir standart yayın türüne harita işlevselliği ekleme (makaleler veya sayfalar gibi) veya kişiselleştirilmiş (portföyler gibi).

Indir | gösteri | Web hosting

2. Calendarista

Calendarista, müşterilerinize daha hızlı ve daha verimli bir çevrimiçi rezervasyon deneyimi sunmak için tasarlanmış birinci sınıf bir WordPress eklentisidir. Amacı, internette oturum veya randevu rezervasyonu sunan şirketler için hizmetleri çok hızlı ve kolay bir şekilde eklemektir.

Bu nedenle, bir otel, araba kiralama şirketi, kiralık daire, seyahat acentesi, güzellik salonu, restoran vb. İçin eksiksiz bir rezervasyon sistemi arıyorsanız, bu eklenti sizin için mükemmel olacak.

Bu makaleyi okuyun Nasıl tek bir sayfada tüm WordPress yayınları görüntülemek için

Diğerlerinin yanı sıra sunduğu özellikler: kullanıma hazır 10 rezervasyon sistemi modelleri, 3 ödeme ağ geçitlerinin desteği, WooCommerce desteğiözelleştirilebilir bir form oluşturucunun entegrasyonu, Google Harita desteği, randevularınızı görüntülemek için mükemmel bir takvim şablonu ve çok daha fazlası.

Indir | gösteri | Web hosting

3. EventOn

EventOn premium WordPress eklentisi, 7000'den fazla satışla CodeCanyon'da en çok satan takvim eklentisidir. Etkinlikler için öne çıkan resimler, kısa kodsınırsız etkinlik takvimi, özelleştirilebilir meta veri alanları ve etkinlik özellikleri oluşturma.

Başlıca uzantıları şunlardır: bilet satma kabiliyeti, olayların CSV biçiminde içe / dışa aktarılması, Google Harita ile ücretsiz entegrasyon, olay listesinde sıralama ve filtreleme, tamamen duyarlı düzenleme, Çok dilli destekve takvimin kolay özelleştirilmesi.

Bizim keşfedin 9 WordPress eklentileri seyahat sitesi oluşturmak için

Bazı özellikler zaten diğer eklentilerde ücretsiz olarak bulunmaktadır, ancak bu değer etkili bir uzlaşmadır.

Indir | gösteri | Web hosting

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

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ç

İşte bu kadar! Bu rehber için hepsi bu. Görüntüler için özel boyutlar eklemenize izin vereceğini umuyoruz.

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ı.

Eğer varsa Yorumlar ya da öneri, ayrılmış bölümde bize bildirmekten çekinmeyin Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
14 hisseleri
hisse10
cıvıltı1
Enregistrer3