Herkese merhaba! St. Petersburg'dan ayrılıp Sri Lanka'daki Hikkaduwa köyüne yerleştiğimizden bu yana bir hafta geçti bile. Aynı gönderi hakkında üç haber.

Bugün WordPress'te kayıtlara nasıl minyatür oluşturacağınızı, ekleyeceğinizi ve düzenleyeceğinizi biliyorsunuz. Kokuya neden ihtiyaç duyduğunuzu ve bunlarla ilgili olarak, bloga otomatik olarak nasıl önizleme ekleyebileceğinizi anlayalım.

Bir WordPress blogunda küçük resimler nasıl fitillenir?

WordPress görsellerinin küçük resimleri genellikle duyurularda bloglarda yayınlanmadan önce gösterilir. Başlıklarda başlıklarda duyurular yer almaktadır. Kural olarak, duyurunun resmi, makaledeki resmin kopyası değiştirildi. Ayrıca, temanız bu seçeneği geçtiği veya geçerli bir eklenti yüklediğiniz sürece, makalenin altında benzer girişler gösterildiğinde küçük resimler görünecektir. Bu, önünüzdeki pis koku gibi, popüler kenar çubuğu girişlerinin geri kalanı için de geçerlidir.

Daha da önemli olan cilt minyatürlerinin kokularının sitede bulunduğumuz noktaya kadar sıkıştırılmış olması. Elbette, tam boyutlu resimleri görüntüleyebilir ve CSS stillerini kullanarak onlara küçük boyutlar verebilirsiniz. Ve sonra tarayıcı bazen çok sayıda harika önemli resim yakalar ve bu da sitenin onu doğru şekilde yakalama olasılığını artırır. Neyse ki, resimleri gerekli boyuta otomatik olarak sıkıştırmak mümkündür.

Şimdi küçük resimlerin WordPress bloglarında ve ayarlarında nasıl görüntüleneceğine geçelim.

Visnovok WordPress yayın öncesi önizlemesi

Schob sapık, chi pіdtremuє senin wordpress şablonu küçük resimleri görüntülemek için notların veya kenarların düzenleyicisine gitmeniz gerekir. Bir hatırlatma olarak, böyle bir şeyden suçlusunuz:

Başyazı tarafında sağ alt köşede olma seçeneğim var.

Şimdi makale için bir küçük resim oluşturmak için "Küçük resim ayarla"ya basın.

Dosya kitaplığından mevcut bir görüntü önizlemesini seçebilir veya yeni bir tane indirebilirsiniz. Minyatür referansları, makalenin yazılmasından ve düzenlenmesinden sonra zaten verilmiştir, dahası her şey için fotoğraf kütüphanede olacaktır. Yalnızca bir tanesini seçmeniz yeterli ve gelecekte şablonunuza göre ihtiyacınız olan boyutun bir önizlemesi oluşturulacaktır.

Herhangi bir nedenle resmin boyutunu veya stilini kontrol edemiyorsanız, fotoğraf düzenleyiciye gidebilir ve gerekli parametreleri manuel olarak ayarlayabilirsiniz.

Küçük resimleri, WordPress gönderilerinden önce yöneticide ayarlayabilirsiniz: "Nalashtuvannya" - "Medya dosyaları":

Konularınıza küçük resimler vermiyorsanız neden zahmete giriyorsunuz, ancak kokuya ihtiyacınız var mı?

Kimin için vikoristati yapabilirsiniz gel işlevi temalarınızın functions.php dosyasında:

add_theme_support('küçük resim sonrası'); ?>

Yardım eklentisi için WordPress'te otomatik minyatürler

Güzel, minyatürleri yaratıldıkları saatte cilt kaydına haklı olarak eklediğiniz için. Ale scho robiti, blogunuzda zaten є önizleme olmadan kişisel olmayan gönderiler nasıl? Veya blog tasarımını değiştirdikten sonra tüm WordPress küçük resimlerinin boyutu nasıl değiştirilir? Cilt kaydını tekrar gözden geçiriyorum ve onu yeniden düzenlemek zahmetli.

Neyse ki, hayatımızı kolaylaştırmak için WordPress gönderilerinden önce otomatik küçük resimler oluşturmak için eklentiler oluşturduk.

Doğru eklentiyi bilmek için arka arkaya küçük resimler gireceğiz.

Bu sayede işletmemiz için en güncel ve en popüler eklentileri tanıyoruz.

WordPress'teki tüm küçük resimleri yeniden oluşturmak için en popüler ve basit eklentilerden biri Küçük Resimleri Yeniden Oluştur'dur:

Kurulumdan sonra "Araçlar" - "Regen.Thumbnails" bölümüne gidin:

En üstte, "Tüm Küçük Resimleri Yeniden Oluştur" düğmesini tıklayın, böylece tüm küçük resimleri blog ayarlarında ayarlanmış olanla değiştirmek istiyorsunuz.

İşlem bitene kadar kontrol edin:

Tüm WordPress gönderilerine araba küçük resimleri eklemek için en basit eklentilerden biri Easy Add Thumbnail'dir.

Win, gönderinin ilk resmine göre otomatik olarak bir küçük resim oluşturur. Kimin için basitçe yogayı etkinleştirmeniz gerekiyor, sizin bir şey yapmanıza gerek yok.

WordPress gönderilerinden önce küçük resimler oluşturmak için başka bir eklenti, Gönderi Küçük Resimleri Oluştur'dur. Він, kayıttaki resmin numarasını, önizlemenin hangi formatta olması gerektiğini ayarlamanıza olanak tanır.

Aynen böyle, WordPress'e küçük resimler girmek ve bunları otomatik olarak oluşturmak kolaydır.

not Hikkaduwa, Sri Lanka'nın pіvdenno-shіdny uzberezhі'sında mucizevi bir turistik yer. Burada ihtiyacımız var: coşkulu özsu büyümesi, görkemli ıslıklarla temiz, fırtınalı okyanus, zengin hindistancevizi ve diğer meyveler, iyi huylu şehir sakinleri. 45.000 rupi (21.000 ruble) için bir ev alıyoruz. Yağmur mevsimi bir anda sona erecek ve önümüzdeki birkaç ay içinde hava mucizevi olabilir! Ziyarete gel :)

WordPress'in ilginç özelliği!

Sıfırdan başlayacağım. Ayrıca, Otzhe, minyatürler ile gönderideki olağanüstü görüntüler arasındaki farkı anlamaktan suçlusunuz. Küçük resim - gönderiden önce kshtalt küçük resimlerinde tse shchos, gönderinin kendisinde göz kırpamazsınız.

Diyelim ki bir kategoriniz var ve kategorinin yanında bazı kayıtlardan önce (ve hatta belki de skin önünde) resim olarak, aslında yazının bir ön izlemesi olarak, tobto. minyatür. Girişlerden birinin yanına gidersek, aynı yerdeki resmi bilebiliriz veya bilemeyiz.

İyi bir peçe, iki kelimeyle, bir minyatür, gönderiler için bir görüntü önizlemesidir, örneğin:

• kazanabilirsin, ya da belki görevde kazanamazsın,
• kategorilerin, etiketlerin, arşivlerin aralarındaki gönderiye bir kerede gönderilebilir,
• Biberiye şarkısını otomatik olarak gönderebilirsiniz (Uvazi'ye resim göndermiş olabilirim),

Aslında, її navit'i bir site gibi tweet atabilirsiniz, tobto. cilt kaydı için - vlasny arka planı.

Krok 1. WordPress Temanıza Küçük Resimler Ekleme

Sitenizdeki minyatürleri vurgulamak için, bir demet eklemeniz gerekir, çünkü kilitlemenin arkasında kapanımların işlevselliği.

Küçük resimleri etkinleştirmek için tek ihtiyacımız olan, function.php dosyasına bir sonraki kod satırını eklemektir (böyle bir ada sahip dosyalar zengin olabilir - akış temanızla doğrudan klasörde bilinenin aynısına ihtiyacımız var).

Herkes için küçük resim kazanmak istemiyorsanız, bunları örneğin yalnızca notlar (gönderiler) için ekleyebilirsiniz:

veya yalnızca notlar için ve yalnızca kenarlar için:

add_theme_support("küçük resim sonrası", dizi ("yazı", "sayfa"));

WordPress sınıflandırma küçük resmini tanıyabilir misiniz?

Standart yöntemler - hayır. Eklediğiniz eklentiler olup olmadığını (diğerlerinin yanı sıra kategoriler ve etiketler) tweet atabilir veya belirli bir sınıflandırma öğesinin açıklamasına resmin URL'sini yazabilirsiniz.

Krok 2. Bir gönderiye küçük resim nasıl eklenir?

Zagalom - yönetici panelinden küçük resim yüklemenin iki yolu. Bir tür koku, özellikle hiçbir şeyden rahatsız olmaz - daha iyi gördüğünüzü yenebilirsiniz.

Yöntem 1. Meta Kutusu "Küçük Resmi Kaydet"

Vin ekseni şu şekildedir:

"> ">

Gönderinin kendisine iletileri (işlev) içeren gönderilerin başlıklarını (işlev) ve küçük resimlerini görüntülemek için bu örneği kullanın.

İşlev için aynı popo:

"> ">

wp_get_attachment_image_src() ve get_post_thumbnail_id() yardım işlevi için küçük resim URL'si kaldırma

Sitenizle ilgili yardıma ihtiyacınız varsa veya sıfırdan oluşturabilirsiniz.

HTML'de pratik yapmayı sevdiğinizi biliyorsanız, tek bir widget ile hızlandırabilirsiniz. Artık metin öğesi aracılığıyla her şeyin aynı olmasını isteyen sözdizimsel bir geçiş var.

Wordpress'te kilidin arkasında, resimli yeni gönderi listemiz "beceriksiz" görünüyor. Bunun için bir stil dosyası eklemeniz gerekiyor (name style.css). "Güneşli görünüm" - "Editör" bölümüne gidelim veya FTP üzerinden koda ihtiyacımız var. Asgari olarak aşağıdaki tasarımı ekleyin:

#text-2 .textwidget ul ( liste stili : yok ; ) #text-2 .textwidget ul li ( kayan nokta : sol ; )

#text-2 .textwidget ul ( liste stili: yok; ) #text-2 .textwidget ul li ( kayan nokta: sol; )

Burada #metin-2 — Listeyi tarayacak bloğun kimliği (kontrolör Ctrl+Shift+I aracılığıyla yan kodu kontrol edin veya başka bir yöntem olabilir). Stillerde, sol kenarı göstermek ve dört paragrafın tasarımını olduğu gibi çıkarmak daha önemlidir.

Saygı duymak! Makale bir CSS dersi değil, bu yüzden bu noktada ayrıntıya girmiyorum. Rosemir görüntüleri, widget'ın kendisinde veya stiller aracılığıyla düzenlenebilir. Nasamkinets, bloğun uyarlanabilirliğini bozar.

Kenar çubuğu blogroll modülleri

Bu şekilde düşünürsek, resimli veya resimsiz bağlantıların listesi klasik bir seçenektir. Bir sonraki adım, bu amaçların sisteminde daha önce, kontrol panelinde özel şubeye girdiğini belirtmektir.

Basit Bağlantılar

Daha az indirmeye (10.000) bakılmaksızın, Simple Links eklentisi daha işlevsel ve kaygan olarak daha zengindir. Sistemin mevcut sürümleri güncellenmektedir, güncellemenin geri kalanı yakında güncellenecektir. Temel cipslerin kremasını bileceksiniz:

• chergovostі kalıplama saatinden sonra modülün elemanlarını listeye sürüklemek;
• cilt delinmesinde ekli görüntü-minyatür;
• gönderiler de dahil olmak üzere herhangi bir şehir sitesine eklemek için görsel kısa kod;
• robotik eklentinin farklı küresel özelleştirmesi;
• yeni parametreler olarak kendi alanlarınızı oluşturma yeteneği;
• eski bağlantı yöneticisinden içe aktarma;
• süper işlevsel widget.

Basit Bağlantılar temel pakete dahil edilmiş olsa da burada da premium bir yükseltme var ve ihtiyaç duyulan her şey de öyle.

Alternatif çözümler

Sanki istatistiklerin koçanı hakkında konuşuyormuş gibi, farklı spesifik görevler tartışılıyor, örneğin daha önce baktım:

• Visnovok - WP_Query aracılığıyla uygulanır, bir resim ekleyebilir ve ardından kodu her zamanki gibi biçimlendirebilirsiniz.
• Küçük resimlerle WordPress görselleştirme. Ekleme, bir kısa kod aracılığıyla simgeleştirilir.
• Tsіkaviy hack-pro (genellikle kurumsal web sitelerinde yayınlanır).

Alışılmadık başka bir yöntem olarak, temel WordPress menüsünü çevirebilirsiniz:

1. “Güneşli Görünüm” - “Menü” bölümüne gidin, bir taraf olarak sahip olabileceğiniz listeyi deforme edin, bu nedenle en iyi bağlantılardan yayınlayın.
2. Plaj sütununun yanına "Gezinme menüsü" widget'ını (WordPress'in eski sürümleri için "Gezinme menüsü") ekleyin.
3. İzin veren Menü Görüntüsü modülünü kurmak gerekir (daha önce bahsedilen yenisi hakkında).

Günün geri kalanında, elbette, aynı genel resimler gösterilmiyor, ancak daha fazla simge gösteriliyor, ancak hatırlıyorum, onları gerektiği gibi tanımak mümkün.

Bir arada. Tekrar ediyorum, her şey yeni olan sıralı göreviniz şeklinde düzenlenmelidir. En basit ve evrensel uygulama yöntemleri eklentiler aracılığıyladır. İlk yol, CSS stillerini bilmektir. Orijinal ve geleneksel olmayan listelerin bazıları için, WordPress uygun çözümü arama veya programlama şansına sahiptir.

Dürüst olmak gerekirse, bu tür bloklarda özellikle minyatürlere ihtiyacım yoktu, daha önce her şeyi menü işleviyle denedim. Ancak, şimdi görev, bir metin widget'ı ile vikonati'den daha kolay ve daha hızlı.

Konuyla ilgili nüanslar hakkında daha fazla şey biliyorsanız, bunu hissedeceksiniz.

Daha da basit olan Newpost Catch eklentisi, kenar çubuğu pencere öğesini diğer girişlerle birlikte görüntülemenize olanak tanır. Şarap seçerken minyatürleri seçiyorum ya da metinden resmi değiştiriyorum. Nalaştuvan pratikte yogayı nasıl popüler hale getireceğini bilmiyor. Ancak, eklentiyi nasıl geliştireceğiniz konusunda size biraz zevk vereceğim.

Benzer bir eklentinin yüklenmesi "sıkıcı ve efendim" siteleri süslemek için kullanılabilir.

Site yöneticisi demosunda kurulumdan sonra yıldızlı görünüm Widget'lar aynı menü widget'ını biliyorum Yeni Gönderi Yakalama. Kenar çubuğunun gerekli alanına yoga yerleştirmek ve aşağıdaki özelleştirmeyi bachimo yapmak mümkündür:

Grubu umursamıyoruz ama hemen konuya girelim:

• Genişlik - resim/küçük resim genişliği;
• Yükseklik - görüntü/minyatür yükseklik;
• Showposts - widget'ta görüntülenecek gönderilerin sayısı;
• Tarihi göster - yayın tarihini görüntüleyin.

Newpost Catch eklentisini özelleştirme

"Ek", eklenti stilleri dosyasının ek olarak düzenlenmesi için olacaktır (hosting'de eklenti bulunan ebeveyn için style.css). Notepad++'ı hacklemiyorsanız, o zaman raju, çünkü dosyaları onunla daha kolay düzenleyin.
Motor dosyalarını veya şablon/eklentileri düzenlemeyi düzeltirseniz, her değişiklikle ilgili dosyaların yedek kopyalarını almayı unutmayın.

Otzhe. Eklentinin style.css dosyasını açın ve düzenleyin:

• #npcachli

Adım sıraları ekliyoruz (kulelerin arkasına):

kenarlık-alt: 1 piksel noktalı #888888; dolgu: 2 piksel

kenarlık-alt: 1 piksel noktalı #888888; dolgu: 2 piksel

Burada: sınır-alt- öğenin alt kısmı 1 piksel kalınlığında, noktalı ve renk #888888'dir (herhangi bir rengi ve ayrıca FastStone Capture'ı belirtebilirsiniz). dolgu malzemesi- tse vnutr_shnіy vіdstup (sağ üst alt levoruch) 2 piksel (bir kez yazılmıştır, bu nedenle diğer taraflardan aynı vіdstup). Sonuç olarak, listenin öğelerini kendi aramızda böldüğümüz için aralarında noktalı bir çizgi görünecektir. Güzel görünebilir. Golovne renkleri doğru seçiyor.

• #npccatch görseli

Burada resmin kendisi için stiller ekliyoruz:

kenarlık: 1 piksel düz #FB9F77; kenar boşluğu: 2px 5px 2px 0 dolgu: 5 piksel

Açıklamama izin ver. W sınır zaten çözdük - tüm çerçeve hemen hemen tüm resimlerden oluşuyor. Yetki, ön paragrafın kenarlık-altına benzer, sadece burada çizgi süreklidir (düz). marj- Zrobiti ile diğer öğeler (metin, menü öğeleri, alt koltuklar) arasında zrobiti promizhok'a izin veren zovnіy vіdstup görüntüleri. dolgu malzemesi- Zaten hallettiler.

Bu şekilde, kenarlık ve dolgu bir yan etki ekler - ortadaki resim, seçilen rengin çerçevesi ve aradaki arka kenar çubuğu. Dilin ne olduğunu anlamıyorsanız, diğer yorumlar ve avatarlar için kenar çubuğundan bana bakın: resmin yanında bir çerçeveleri vardı. Sitenizde dolgu ve rengi kendiniz seçeceksiniz.

• #npccatch.title

Burada widget'ın genişliğini ayarlayabiliriz. Sağda, anahtarın 135 pikselde bulunduğu yerde. Daha geniş bir kenar çubuğunuz varsa, kullanılmayan çok fazla alan kalır. Genişlik parametresinin rakamlarını gerektiği gibi değiştirebilirsiniz. Bu timsah widget'ı sitenin yan tarafına tıklamak için uygundur.

• #npccatch li:hover(arka plan:#F6F6F6;)

Bu parametre, terfiler için stil dosyasında mevcut değildir. Yoga eklemekten siz sorumlusunuz, böylece imleci bu pencere öğesindeki herhangi bir noktanın üzerine getirdiğinizde efekt oluşturulur. Benim tarafımdan proponasyon seçeneğini deneyin ve ayıyı gezdirdiğinizde arka planın Suriye olarak değiştiğini söyleyin. Tasarıma göre renkleri kendimiz seçtik. Parametreyi satıra ekledikten sonra renk:#000000;, üzerine geldiğinizde yazı tipinin rengini değiştirebilirsiniz (renk ayrıca kendiniz de seçilebilir). Yazı tipinin mat arka planını ve rengini belirgin hale getirelim ve ayrıca siteye göze batmayan bir dinamik verelim.

Şablon minyatürleri nasıl desteklemiyor?

Makalenin koçanında zaten söylendiği gibi, Newpost Catch eklentisi küçük resim gibi işliyor, bu yüzden nottan bir resim yazacağım. WordPress şablonunuz küçük resim yakalama olasılığını desteklemiyorsa, biraz "utandırmaya" ihtiyacınız vardır.

Minyatürlere yönelmek. Çoğu şablonun kokusu vardır. Gerekli formda resmi zavantazhit için yeterli. Yönetimde sağ elle yazı yazarken en altta şöyle bir buton çıkıyor:

Üzerine bastıktan sonra, zavzhdi gibi bir resim ekliyoruz, sadece illerde şu şekilde basmak gerekiyor:

"Minyatür gibi Vikoristovuvaty" ve ardından "Değişikliği kaydet" e basıyoruz. Bundan sonra, sağ üst kattaki çarpıya basın ("Nota ekle" GEREKLİ DEĞİLDİR!).

Diğer minyatürler şablonda zaten "dikilmiştir", ancak kilitleme için kullanılmazlar. Sadece açmanız gerekiyor. Kaydı düzenleme şeklinde, sağ üst köşede bir demomuz var ve şuna basın:

Menüde, gerekli öğenin yanındaki kutuyu işaretleyin.

tarayıcılar