WordPress-də şəkilləri necə yaxşılaşdırmaq olar

WordPress-də şəkilləri necə yaxşılaşdırmaq olar


Uzun müddətdir ki, şəkillər İnternet üzərindən yükləmək üçün çox böyük bir şey idi. Bu gün veb-saytlar onsuz mövcud ola bilməz. İllər ərzində İnternet sürəti kəskin şəkildə artsa da, bloqdakı şəkillərə diqqət yetirməyiniz çox vacibdir.

Şəkillərinizi saytınıza yükləmək asan olduğundan, bu heç bir hazırlıq olmadan etməyiniz demək deyil. Açıqlanmayan şəkillər əslində saytınızı bir çox cəhətdən incidə bilər; Ziyarətçilərinizin veb saytınızın sürətinə və SEO reytinqinə necə təsir etdiyindən. Hələ bu barədə düşünməmisinizsə, WordPress-də görüntüləri yaxşılaşdırmağın bir neçə yolunu sizə göstərmək üçün buradayıq.

Bu təlimatda sizə göstərmək niyyətindəyik:

  • WordPress saytınızı sürətləndirmək və SEO-nu inkişaf etdirmək üçün şəkilləri necə optimallaşdırmaq olar
  • WordPress-in JPEG şəkillərini sıxışdırdığı şəkildə dəyişdirin
  • WordPress üçün ən məşhur görüntü optimallaşdırma plaginləri
  • Videolarınız və şəkilləriniz üçün tənbəl yükləmə əlavə edin
  • Şəkillərdən əvvəl və sonra cəlbedici şəkildə göstərin
  • İnteraktiv şəkilləri necə yaratmaq olar – çəkmək, təsviri və bağlantılar əlavə etmək
  • Əlavə görüntü ölçülərini necə bərpa etmək olar
  • Genişlik və boy boyu atributlarını jQuery ilə çıxarın
  • Xüsusi görüntü ölçüsünü Media Uploader-də necə yaratmaq olar
  • Hər hansı bir veb saytın avtomatik ekran görüntüsünü yaradın və poçtunuzdakı görüntü olaraq yayımlayın

Contents

Saytınızı sürətləndirmək və SEO-nu inkişaf etdirmək üçün WordPress üçün şəkilləri necə optimallaşdırmaq olar

WordPress üçün şəkilləri niyə optimallaşdırmalısınız? Bir səy göstərsəniz, aşağıdakıları gözləyə bilərsiniz.

  • Daha sürətli sayt
  • Daha yaxşı SEO
  • Kiçik ehtiyat nüsxələri
  • Daha az bant genişliyi istifadəsi
  • Xoşbəxt istifadəçilər

Şəkilləri optimallaşdıra biləcəyiniz müxtəlif mərhələlərin olduğunu da bilməlisiniz. Bir bloga yükləməzdən əvvəl və ya yüklədikdən sonra da edə bilərsiniz.

Tez saytınızdakı şəkilləri sınayın

Optimallaşdırma üzərində işə başlamazdan əvvəl saytınızı sürət və performans üçün tez bir zamanda yoxlaya bilərsiniz. Siyahıdakı hər hansı bir vasitədən istifadə edərək saytınızdakı görüntülərin hansı formada olduğunu tez bir zamanda öyrənəcəksiniz.

Istifadə etməyi xoşlayırıq GTmetrix hətta saytınızın yavaş yüklənməsinə səbəb olan dəqiq şəkilləri göstərəcəkdir.

Yükləmədən əvvəl WordPress üçün şəkilləri optimallaşdırın

Bloq yazarkən əksər insanlar şəkillərini optimallaşdırmaq üçün lazımi addımları atmırlar. Adətən insanlar sadəcə kamera və ya smartfonlardan bir şəkil çəkir, İnternetdən yükləyir və ya kompüter proqramlarından istifadə edərək birini yaradırdılar.

Format, şəkil ölçüsü və ya fayl adları haqqında düşünmürlər. Şəkil yaxşı görünürsə, sadəcə İnternetə hazır olduğunu güman edirlər. Şəkillərinizi yoxlamırsınızsa, bir fəlakətə doğru inşa edirsiniz.

Şəkillərin ölçüsünü dəyişdirin

Şəkillərin ölçüsünü dəyişdirin

Şəkillərin genişliyini və boyunu yoxlamadan əvvəl şəkillərinizi WordPress veb saytınıza yükləməyin. Şəkilləri maksimum 700px ölçüsündə göstərsəniz, daha geniş bir şəkil yükləməyə həqiqətən ehtiyac yoxdur. Bunu etsəniz, saytınızı yavaşlatacaq daha böyük bir fayl olacaq, çıxışı eyni olacaq. WordPress əlavə ölçü yaradacaq, ancaq şəkilləri yükləmədən əvvəl hazırlamamaq üçün bəhanə deyil.

Şəkillərin ölçüsünü dəyişdirmək tez və asandır. Bu işdə sizə kömək edəcək Microsoft Paint kimi bir çox pulsuz vasitə var. Kimi şəkilləri boyutlandırmaq üçün pulsuz onlayn vasitələr də tapa bilərsiniz Asan ölçüsünü dəyişdirin.

Şəkil ölçüləri mövzudan mövzuya qədər dəyişəcəkdir. Hansı birini istifadə etməli olduğunuzdan əmin deyilsinizsə, WordPress mövzusuna daha yaxından baxın və şəkilləri yoxlayın, sənədləri axtarın və ya kömək istəyin.

Keyfiyyəti dəyişdirin

Ölçüləri dəyişdirdikdən sonra şəkillərin keyfiyyətini dəyişdirməyi düşünməlisiniz. Proqramdan asılı olaraq şəkillərin keyfiyyətini dəyişdirməyin müxtəlif üsulları mövcuddur. Məsələn, həmişə populyar Photoshop veb üçün şəkilləri saxlamağa imkan verir. Bu seçim şəkilləri daha aşağı keyfiyyətdə saxlamağa imkan verəcək, ancaq saytınız üçün optimallaşdırılacaqdır.

Ayrıca, bir şəkil JPEG olaraq saxlamağı seçsəniz, Photoshop keyfiyyət səviyyəsini seçməyinizi xahiş edəcəkdir. Bu vəziyyətdə keyfiyyəti 12-dən 8-ə endirmək görüntünün ölçüsünü kəskin dərəcədə azaldacaq, keyfiyyət fərqi isə o qədər də böyük olmayacaq.

Şəkillərinizin keyfiyyətini dəyişdirmək üçün hələ də hər hansı bir proqramdan istifadə etmirsinizsə, pulsuz onlayn cəhd edə bilərsiniz Kiçik PNG vasitə. Yalnız bir şəkil yükləyin və bunun nə ilə fərqlənə biləcəyinə baxın.

Düzgün formatı seçin

Ölçüsü və keyfiyyətindəki dəyişikliklərdən sonra da formatın dəyişdirilməsini düşünməlisiniz. Başlanğıclar üçün yalnız düzgün format seçərək bir görüntüdən bir neçə kilobayt çıxara bilərsiniz, daha çox deyilsə.

Şəkil formatları

Ümumi qayda çox sadədir. Bir fotoşəkiliniz varsa, onu JPEG edin. Bir logo, vektor şəkli və ya yaradılan çox sadə bir kompüter varsa, PNG ilə gedin. Gradients olmadan həqiqətən kiçik bir görüntüyünüz varsa və ya yuxarıda göstərilənə bənzər sadə bir animasiya göstərmək istəyirsinizsə, GIF istifadə edə bilərsiniz. Ümumiyyətlə, PNG şəkilləri JPEG şəkillərindən daha böyük olacaq və formatın dəyişdirilməsindən faydalana bilərsiniz.

Bir çox hallarda, dəyişdirmə şəkilləri əhəmiyyətli keyfiyyət fərqləri yaratmır, ölçü fərqini gözləyə bilərsiniz. Növbəti dəfə bir PNG fotoşəkilini yükləmədən əvvəl, bir vuruş verin və fərqi görmək üçün JPEG olaraq saxlamağa çalışın. Daha ətraflı izahat üçün zəhmət olmasa baxın PNG, JPEG, GIF və SVG arasındakı fərq.

Fayl adlarına diqqət yetirin

Faylın adı əhəmiyyətsiz görünsə də, əslində çox yaxşı bilməli olduğunuz bir şeydir. Şəkil faylınızın adı SEO üçün dəyərli bir məlumat saxlayır. Başqalarının şəklinizi Google və digər axtarış motorlarında tapa bilməsini istəyirsinizsə, ona uyğun bir ad verməlisiniz.

Şəkillərə boşluq istifadə etmədən ad verməyinizi təklif edirik. Səhifənin və şəklin sıralanmasını istəyirsinizsə açar sözlər əlavə etməyi unutmayın. Məsələn, Ferrari California bir şəkil yükləyirsinizsə, fayl adı “ferrari-california.jpg” olmalıdır. WordPress üçün bir SEO plaginindən istifadə edirsinizsə, artıq alt yazılarınızı açar sözlər üçün yoxladığını bilirsiniz. Bəli, düzgün imic adının olması həqiqətən vacibdir.

Yüklədikdən sonra WordPress üçün şəkilləri optimallaşdırın

Kompüterinizdə şəkillər hazırladıqdan sonra yükləməyə davam edə bilərsiniz. İnşallah, şəkilləriniz yalnız ölçüsü və keyfiyyətidir. Formatın və fayl adının düzgün olduğundan əmin oldunuz. Yükləndikdən sonra WordPress sizdən əlavə məlumat istəyəcək. Meta məlumatlarını atlamayın; asanlıqla təşkil edə və SEO-ya hazırlaşa biləcəyiniz üçün şəkilləriniz haqqında məlumatları doldurun.

Başlıq, təsvir, alt mətn və mövzu

Texniki xüsusiyyətlərə diqqət yetirərkən SEO haqqında unutmamalısınız. Həmişə mediaya başlıq və təsvir əlavə edin. Bu, WordPress media idarəçiliyinizdə sizə kömək edəcək və daha yaxşı SEO istiqamətində də işləyəcəkdir. Ayrıca, şəklinizi düzgün görə bilməyən qonaqlar üçün göstəriləcək alt etiketi unutma. Yalnız bu istifadəçilər üçün faydalı olmayacaq, eyni zamanda SEO ilə də kömək edəcəkdir. Səhifəniz daha yaxşı sıralanacaq və istifadəçilər yeni şəkillərinizi asanlıqla tapa biləcəklər.

Hər zaman yazılara ehtiyacınız olmasa da, əlavə izahat tələb edən şəkillər üçün (məsələn, ekran görüntüləri) əlavə etməyinizə əmin olun..

WordPress ilə şəkilləri düzəldin

Bir şəklin hələ də düzəldilməsini tələb etdiyini başa düşsəniz, WordPress-in faylı yüklədikdən sonra belə etməyə imkan verdiyini bilməlisiniz.. Fırlanma, məhsul və miqyaslı şəkilləri dəyişdirin artıq yüklədin. Hətta yalnız kiçik bir eskiz və ya digər bütün ölçüləri düzəldə bilərsiniz. WordPress’in doğma redaktoru çox sadədir, ancaq zaman zaman qənaət edə bilərsiniz.

Bütün kiçik şəkilləri yeniləyin

Əvvəlki texnikaların əksəriyyəti, hələ yükləməyi planlaşdırdığınız yeni görüntü sənədlərində sizə kömək edəcəkdir. Bəs WordPress saytınıza minlərlə yüklənməmiş yüzlərlə varsa nə etməli? Narahat olmayın; yenə də o görüntüləri optimallaşdırıb ölçülərini dəyişə bilərsiniz.

Sürətli bir düzəliş üçün, bir milyondan çox istifadəçi tərəfindən istifadə olunan pulsuz Regenerate Thumbnails plagini ilə maraqlana bilərsiniz. Şəkillərə daha çox nəzarət etmək istəyirsinizsə, bu məqalənin aşağıdakı sətirlərində sizə göstərəcəyimiz görüntü optimallaşdırması üçün ən yaxşı WordPress pluginlərini nəzərdən keçirməlisiniz..

Əlavə görüntü ölçülərini necə bərpa etmək olar

WordPress plaginlərindən istifadə edin

Əlbəttə ki, saytınızdakı şəkilləri optimallaşdırmağa kömək edə biləcək onlarla WordPress plugin var. Şəkilləri optimallaşdırmaq üçün ən yaxşı WordPress eklentlərini görmək üçün aşağıya fırladın.

Lazım olduqda şəkilləri yükləyin

Bəzən şəkillərin keyfiyyəti ölçülərindən daha vacib olacaqdır. Bu, əsasən fotoşəkillərinin üstün olmasını istəyən fotoqraflar üçün doğrudur. Faylların ölçüsünü və keyfiyyətini azaltmaq üçün risk edə bilməzlər. Yenə də bu, optimallaşdırmanı unutmağınız demək deyil. Bu vəziyyətdə WordPress üçün şəkilləri optimallaşdırmaq üçün tənbəl yükləməyi düşünməlisiniz.

Tənbəl yük yalnız şəkillər istifadəçilərə lazım olduqda yükləyən bir texnikadır (onlara fırladın). Məsələn, bir məqalədə iyirmi yüksək keyfiyyətli fotoşəkil yükləsəniz, onlar saytınızı çox yavaşlatacaqlar. Ancaq şəkilləri tənbəlliklə yükləsəniz, məqalə sürətlə ildırım çəkər və şəkillər yalnız lazım olduqda – istifadəçi onlara çatdığı anda yüklənər..

Cavablı şəkillərə sahib olun

WordPress mövzularının əksəriyyəti cavab olsa da, şəkillərinizin də cavab verməsi demək deyil. Böyük bir görüntünün kiçik bir ekrana yüklənməsini istəmədiyiniz üçün saytınız üçün əlavə görüntü ölçülərini qeyd etməlisiniz. Mövzunuz həssas şəkillərdən istifadə etmirsə, iş üçün peşəkar işə götürməyi düşünün – görünə biləcəyi qədər asan deyil.

Şəkilləri sosial media üçün optimallaşdırın

Şəkillərinizin sosial mediada yaxşı görünməsinə əmin olmaq istəyirsinizsə, əlavə bir addım atmalı və meta etiketlərini və şeması işarələməsini optimallaşdırmalısınız.

Yoast kimi bir SEO plaginini istifadə edirsinizsə, parametrləri yoxlamağı unutmayın. Məsələn, Yoast sizə sosial media ilə əlaqəli bir neçə işi qurmağa icazə verəcəkdir. Beləliklə, SEO -> İctimai səhifəsinə keçin və məlumatları Facebook, Twitter, Google+ və Pinterest-ə daxil edin.

Daha çox istəyirsinizsə və əlavə sosial media saytları üçün şəkilləri optimallaşdırmaq istəyirsinizsə, baxın WPSSO – Dəqiq Meta Etiketlər və Sosial Paylaşma Optimallaşdırması və SEO plaginləri üçün Sxem işarəsi.

WordPress-in JPEG şəkillərini sıxışdırdığı şəkildə dəyişdirin

WordPress veb saytınıza bir dəstə JPEG şəkillərini yükləyirsinizsə, orijinal keyfiyyətlərini itirdiyini hiss edə bilərsiniz. WordPress-in günahkar olub-olmadığını düşünmüsünüzsə, indi cavabınız olacaq – bəli, belədir!

Bir dəfə JPEG formatında bir şəkil yükləyin, WordPress avtomatik olaraq sıxılmanı dəyişdirir və görüntünün keyfiyyətini itirməyinizi qərara alır. Daha dəqiq olmaq üçün, WP JPGE-lərinizdə 90% sıxılma tətbiq edir. Şəkilləriniz yalnız poçt şəklində istifadə edilsə və ya bir yazıda göstərilsə əladır, ancaq fotoşəkillərinizi yükləyirsinizsə, mümkün qədər yaxşı olmasını istəyirsiniz?

Şükürlər olsun ki, bunu dəyişdirmək üçün yalnız bir kod xətti lazımdır.

JPEG şəkillərinin sıxılmasını dayandırın:

JPEG şəkillərinizin sıxılmasını istəmirsinizsə, aşağıdakı kodu kopyalayın və funksiyalarınıza köçürün:

add_filter ('jpeg_quality', funksiya ($ arg) {qayıt 100;});

Dəyişiklikləri yadda saxlamağı unutmayın və yeni şəkillər yükləməyə hazırsınız.

Digər tərəfdən, görüntülər sizin üçün o qədər də böyük olmaya bilər. Beləliklə, onların daha da sıxılmasını və saytınızı yükləməyinizə vaxt ayırmasını istəyə bilərsiniz. Həmin kod sətirindəki son nömrəni dəyişdirsəniz, yeni yüklənmiş şəkillərin keyfiyyətini dəyişəcəksiniz.

JPEG şəkillərini daha da sıxışdırın:

Sayı nə qədər az olarsa, daha çox şəkil sıxılacaqdır. Məsələn, həmin JPEG-ləri daha da sıxışdırmaq üçün bu koda ehtiyacınız olacaq:

add_filter ('jpeg_quality', funksiya ($ arg) {return 80;});

Unutma; standart sıxılma səviyyəsi 90-dır.

Vacibdir: Bu yalnız funksiyaları.php-də kodu yapışdırdıqdan sonra yüklədiyiniz şəkillərə təsir edəcəkdir. Artıq kitabxanada olan şəkillərin ölçüsünü və keyfiyyətini dəyişdirmək üçün bir plaginə ehtiyacınız olacaq. Əlavə görüntü ölçülərini necə bərpa edəcəyinizə baxın.

WordPress üçün ən məşhur görüntü optimallaşdırma plaginləri

Bu yazının əvvəlində saytınızı sürətləndirmək və SEO-nu inkişaf etdirmək üçün WordPress üçün şəkilləri necə optimallaşdırmaq barədə danışdıq. Gördüyünüz kimi istifadə edə biləcəyiniz bir neçə fərqli metod var. Bloqunuza yükləməzdən əvvəl şəkillərə qayğı göstərmək vacibdir. Ancaq şəkillər artıq saytda olduqda, hər bir görüntünü ayrıca yenidən tənzimləmək və sonra bir daha yükləmək qeyri-mümkün ola bilər.

Narahat olmayın; heç kim əvvəlcə bunu etməyinizi gözləmir. WordPress üçün ən populyar görüntü optimallaşdırma plaginlərini sizə göstərməyə hazırlaşdığımız üçün növbəti dəqiqələrdə bizimlə qalın.

Şəkilləri optimallaşdırmaq üçün yalnız siyahıdan plugin seçməlisiniz. Bunu konfiqurasiya etməlisiniz və plagin sizin üçün nə edəcəyini seçməlisiniz. Bundan sonra, istirahət edə və işi seçdiyiniz plaginə həvalə edə bilərsiniz, eyni zamanda media sənədlərinizi təşkil etməyə başlaya bilərsiniz.

Aşağıdakı pluginlər, hər hansı bir WordPress saytındakı şəkilləri sıxmağa kömək edəcəkdir. Sayt yükünü daha sürətli edəcək və nəticədə SEO-nu inkişaf etdirməyə kömək edəcəkdir.

WP Smush

QİYMƏT: Pulsuz

700 mindən çox aktiv quraşdırma ilə WP Smush WordPress üçün ən yaxşı görüntü optimallaşdırma plaginlərindən biri olmalıdır. Fərqli sıxılma üsullarından istifadə edərək şəkilləri tez bir zamanda optimallaşdıra bilər. Şəkilləri WP Smush ilə sıxışdırmağın ən yaxşısı, görüntülərin keyfiyyətini itirməməsidir. Bizə inanmırsınız? Plugini sınayın.

WordPress üçün şəkillər hazırlamaq barədə danışarkən, ölçüsünün optimallaşdırma prosesinin vacib bir hissəsi olduğunu qeyd etdik. Bu plugin ilə WP Smush maksimum ölçüləri təyin etməyə imkan verdiyindən bundan narahat olmayacaqsınız. Bunu etdikdən sonra kitabxanaya əlavə etməzdən əvvəl bütün daha böyük şəkillər avtomatik olaraq kiçilir.

Bu fantastik plugin JPEG, GIF və PNG sənədləri ilə işləyə bilər. Bütün qovluqlarınızla işləyir, avtomatik olaraq əlavələrə qayğı göstərir və hətta multisite üzərində işləyir. Hər bir görüntüyü əl ilə işləyə və ya əllisini toplu olaraq düzəldə bilərsiniz. Daha yaxşı nəticələr və daha çox seçim istəyirsinizsə, WP Smush PRO-a baxın.

EWWW Şəkil Optimizer

QİYMƏT: Pulsuz

Gülməli adın arxasında WordPress üçün ən populyar görüntü optimallaşdırma plaginlərindən biri var. Əvvəllər qeyd olunduğu kimi, EWWW Image Optimizer şəkillərinizi keyfiyyətinə təsir etmədən sıxışdıra bilər. Plugin saytınızı bir neçə saniyə ərzində sürətləndirə biləcəyini düşündüyünüz zaman, onu yükləmək üçün artıq gedəcəksiniz. Bunu etdikdən sonra şəkilləri toplu şəkildə optimallaşdırmaq məcburiyyətində qalacaqsınız və GRAND FlaGallery, NextCellent və NextGEN kimi qalereyalar hətta öz toplu optimallaşdırma səhifələrini əldə edəcəklər.

WordPress-də WP_Image_Editor sinifindən istifadə edən bütün şəkillər olacaqdır avtomatik optimallaşdırılmışdır, əl ilə digərlərini sehr edə bilərsiniz. Optimallaşdırmaq istədiyiniz qovluqları seçməyinizi xoşlayırıq. Bu və daha çox hansı plaginlərin sinifdən istifadə etməsi haqqında daha ətraflı məlumat üçün rəsmi açın EWWW Şəkil Optimizer səhifəsi WordPress anbarında.

JPEG və PNG şəkillərini sıxışdırın

QİYMƏT: Pulsuz

Kiçik Kompress Şəkilləri

WordPress loqosuna sahib olan sevimli kiçik panda bu plagin haqqında daha çox məlumat əldə etmək istəməzsə, nə edəcəyimizi bilmirik. Panda tanış görünürsə, bu, TinyPNG veb saytındakı görüntüləri sıxmağa kömək edən eynidir. Bəli, heyvan əvvəlcə düşündüyümüzdən daha çox yönlü görünür. Ancaq plagin üzərində diqqət edək.

Bu plaginlə işləsəniz, Panda avtomatik olaraq şəkillərinizi optimallaşdıracaqdır. Hər dəfə bir yenisini yüklədiyiniz zaman, plugin öz üzərinə götürür və öz işini görür. Bununla belə, fərdi şəkilləri optimallaşdıra və ya kütləvi şəkildə yalnız media kitabxanasına gedərək edə bilərsiniz.

Sıxışdıran JPEG və PNG şəkilləri cizgi PNG-lərini də dəstəkləyir, çox işləyir, WooComerce uyğun gəlir və WP Offload S3 ilə problem yaşamayacaq.

Plugin ilə əlaqəli ən yaxşı şey, bütün şəkillər üçün maksimum genişlik və hündürlük atributlarını təyin etməyə imkan verməyinizdir. Metamadanın nə edəcəyi barədə narahat olmusunuzsa, narahat olmayın; panda bütün məlumatları bütöv saxlayacaq.

Fayl ölçüsü məhdudiyyəti yoxdur, tablosuna bir widget təyin etməlisiniz və hətta WordPress mobil tətbiqi ilə işləyir. Bütün bunlardan ötəri, Compress JPEG və PNG şəkillərində 100 mindən çox aktiv quraşdırma var və WordPress üçün ən yaxşı görüntü optimallaşdırma plaginləri siyahısında bir yerə layiqdir..

Mənasızlıq

QİYMƏT: Pulsuz

Mənasızlıq

Bu plugin üçün örtük şəkili sizi qorxutsa da, bir saniyə çəkin və İmsanity’in bütün xüsusiyyətlərinə baxın. Oh, hətta plugin adı da dəlicəsinə səslənir? Plugin adı ilə oxuduğunuzdan sonra, bunun çox təklif edəcəyini görərsiniz.

İmsanity şəkilləri avtomatik olaraq miqyaslandıra bilər, maksimum ölçüləri təyin etməyə imkan verir və hətta toplu ölçüdə ölçü seçimini də edir. Bloqunuzda optimallaşdırmaya ehtiyacı olan yüzlərlə şəkiliniz varsa, bu vacibdir.

Plugin parametrləri ilə çox mübarizə aparmaq istəmirsinizsə, bu pulsuz plugin əla seçimdir. Bütün bunlar İmsanity’i quraşdırmaq və aktivləşdirmək, bir neçə seçim qoymaq və bu barədə unutmaq olar; görüntü optimallaşdırma yolunda öz yolunu idarə edəcəkdir.

BMP şəkillərini JPG-yə çevirməyə imkan verən seçimi çox sevdik. Bir müddət əvvəl səhvən yüklədiyiniz bir çox BMP faylınız varsa, bu bir xilaskar olacaq.

ShortPixel Image Optimizer

QİYMƏT: Pulsuz

ShortPixel Image Optimizer

30.000-dən çox aktiv quraşdırma ilə ShortPixel Image hələ də WordPress üçün ən populyar görüntü optimallaşdırma pluginlərindən biridir. Plugin xüsusiyyətləri ilə doludur və optimallaşdırmaq üçün çox sayda görüntü olan saytlar üçün mütləq olacaqdır.

ShortPixel Image Optimizer yalnız sizin üçün JPG, PNG, GIF və PDF sənədlərini optimallaşdırmayacaq, eyni zamanda sizə imkan verəcəkdir hər hansı bir JPEG, PNG və ya GIF görüntüsünü WebP-ə çevirin. Plugin digər qalereya pluginləri ilə yaxşı işləyir və saytınızın HTTP və ya HTTPS-lərdən istifadə etməyinin əhəmiyyəti yoxdur. EXIF məlumatlarını şəkillərdən silmək imkanı verəcəkdir (fotoqrafların sevməli olduğu bir şey).

Plugin, əvvəlcədən optimallaşdırılmış şəkilləri tanıyır, buna görə lazım olduqda onları atlayacaqdır. Avtomatik optimallaşdırmaya icazə verməyə və ya qadağa qoymağa imkan verirsiniz və bu fantastik plaginlə daha çox iş görürsünüz. Bütün xüsusiyyətləri görmək üçün depo rəsmi səhifəsinə baxın.

Optimus – WordPress Image Optimizer

QİYMƏT: Pulsuz

Optimus

Daha əvvəl qeyd olunan plagin kimi, Optimus şəkillərinizi WordPress üçün optimallaşdıracaq və şəkillərinizin keyfiyyətinə təsir etmədən bunu edəcəkdir. Plugin’in avtomatik olaraq işləməsinə icazə verə bilərsiniz və ya seçimi söndürə və yalnız lazım olduqda şəkilləri optimallaşdıra bilərsiniz.

Optimus multisite üzərində işləyir, WordPress e-ticarət saytları üçün yad deyil və WordPress Mobil Proqramlar və Windows Live Writer üçün tamamilə optimallaşdırılmışdır. Kod xəttinə toxunmadan saytınızı sürətləndirəcəkdir. Plugin daha çox təklif edir, ancaq mükafat versiyasına qoşulmaq məcburiyyətində qalacaqsınız. Daha çox şey görmək üçün xahiş edirəm WordPress eklentləri depozitindəki rəsmi səhifəyə daxil olun.

WordPress-də video və şəkilləriniz üçün tənbəl yükləmə əlavə edin

Veb saytınıza çox sayda video və görüntü materialı əlavə etməyə başladıqdan sonra yavaş yükləməyə başlayacağı açıq-aydın görünür. Haradan gəldiklərindən asılı olmayaraq, videolar və böyük şəkillər saytınızda ağır bir çəki rolunu oynayacaq və ziyarətçilərinizi bütün məzmunu yükləmək üçün lazım olduğundan daha uzun müddət gözləyəcəkdir. WordPress ilə, bu böyük bir şey olmamalı və vəziyyəti asanlıqla necə düzəldəcəyiniz.

PHP ilə əlaqəli yolunuzu bilirsinizsə, şəkillər üçün tənbəl yükləmə və həmkarlarımızın yazdığı sonsuz sürüşmə haqqında mükəmməl bir məqalə var. Zərif mövzular.

Olmazsa, növbəti bir neçə satırda ən populyar tənbəl yükləmə plaginlərini qeyd edəcəyik saytınızın yüklənməsini daha sürətli edin. Həm də çox şey etməyinizə ehtiyac qalmayacaq, ancaq bir plugin quraşdırıb bir neçə sürətli addım atmaq lazımdır.

Videolar üçün tənbəl yük

QİYMƏT: pulsuz

Videolar üçün tənbəl yük

Youtube və Vimeo videolarınız çoxdursa, bu plagini quraşdırmağı düşünməlisiniz. Bunu qurduqdan sonra, plagin videoya bir görüntü yerləşdirəcək və buna görə veb saytınız daha sürətli yüklənəcəkdir. Ziyarətçi bir videoya fırladıqdan sonra, bu görüntü onun üzərindəki “oyun” düyməsinə ilə göstərilir. Tıklandıqdan sonra video yüklənməyə və oynamağa başlayacaq. Sadə bir demo geliştiricinin saytına baxıla bilər.

WP YouTube Lyte

QİYMƏT: Pulsuz

WP YouTube Lyte

Bu plugin tez və asan bir şəkildə öz işini görəcəkdir. Quraşdırdıqdan sonra Youtube videoya bir keçid əlavə edin və ya əlavə etmək üçün qısa kod istifadə edin. Normal bir video, pleylist və ya seçilmiş videodan yalnız səs əlavə etməyi seçə bilərsiniz. Bundan sonra Youtube videolarınız üzərində tənbəl yükləməyə imkan verən bir görüntü əldə ediləcəkdir. Videonu və ya səsinizi başlamaq üçün görüntüyə vurun.
Geliştiricinin saytında bir demoya baxın.

a3 tənbəl yük

QİYMƏT: Pulsuz
DEMO 1
DEMO 2

a3 tənbəl yük

Bu, mobil saytınıza həsr edilmişdir. Mobil cihazlarda ziyarətçilərinizə göstərmək istədiyiniz çox sayda şəkil və / və ya video varsa, a3 Lazy Load-a nəzər salmalısınız. Şəkillərinizə və videolarınıza tənbəl yükləmə əlavə etməyinizə imkan verəcək və plugin hətta yüklənən məzmunu gəzərkən istifadəçilərə görünəcək keçid effektlərini seçməyə imkan verəcəkdir..

İdarəetmə sahəsində, tənbəl yükləmək istədiyiniz məzmunu asanlıqla yandırıb söndürə bilərsiniz. Açılanlar üçün məzmun yalnız ziyarətçi məzmunun o hissəsinə keçdiyi anda yüklənəcəkdir.
1000 görüntüyü özündə cəmləşdirən bir nümayiş etdirilmiş demo var – hər biri yalnız bir dəfə gəzdiyiniz zaman yüklənir. Bu plugin tənbəl yükləmə videoları kimi, yuxarıdakı linki tıklayaraq görə biləcəyiniz bir video demo da var.

BJ Lazy Yük

QİYMƏT: Pulsuz

BJ Lazy Yük

Videolar üçün dəstəyə ehtiyacınız yoxdur və yalnız şəkillərinizin tənbəl yüklənməsini istəyirsinizsə, bu WP plaginini yoxlamalısınız. Quraşdırıldıqdan və quraşdırdıqdan sonra şəkillərinizi, kiçik şəkillərinizi, Gravatar şəkillərinizi və hətta iframe’lərinizi bir yerdəyişməsi ilə əvəz edəcəkdir. Daha əvvəl qeyd olunan plagin kimi, istifadəçi özünə gəldikdən sonra məzmunu yükləyəcəkdir.

Tənbəl yükləmək istədiyiniz şəkillər və ya videolar olsun, yuxarıda göstərilən plaginlərdən biri ikinci bir məqamda sizə kömək edəcəkdir. Hamısı pulsuzdur, buna görə heç olmasa pluginlərdən birini sınamamaq üçün bir bəhanə yoxdur və çiyinlərinizin nə qədər ağırlıq alacağına baxın. Əlbəttə ki, eyni funksiyaya sahib bir çox plugin var və hamısını nəzərdən keçirmək və sınamaq üçün azadsınız.

Şəkillərdən əvvəl və sonra cəlbedici şəkildə göstərin

Əminik ki, əvvəllər / sonra görüntülərdən çox nümunə gördünüz. Sənin haqqında bilmirsən, amma “əvvəl və sonra” ifadəsini görəndə ağlımıza gələn ilk şey insanların məşq proqramından əvvəl və sonra bədənlərini göstərdikləri fitness təlim proqramıdır..

Bu barədə düşünsəniz, əksər veb saytlar fərqlilikləri göstərmək üçün sadə bir yanaşmadan istifadə edirlər – hər iki şəkli götürür və bir-birinin yanında, hətta başqalarının üstünə qoyurlar. Eyni nəticə istəsəniz, bu məqaləni oxumazsınız, çünki bunu necə edəcəyinizi artıq bilirsiniz.

Problemdən əvvəl / sonra həll etmək üçün vizual olaraq təəccüblü bir yol olduğunu söylədiksə və bu yalnız əlinizə çatırsa? Bəli, var və bir quraşdırma sonrası tərtibatçıları tərifləyəcəksiniz, çünki son nəticə həqiqətən çox gözəldir.

İyirmi iyirmi

QİYMƏT: pulsuz

İyirmi iyirmi

İyirmi iyirmi, WordPress plugin depolarında pulsuz yükləyə biləcəyiniz bu zəhmli pluginin adıdır.

Plugin, bir görüntünü digərinin üstünə qoymağa imkan verir və görüntüyü gizlətmək / aşkar etmək üçün bir sürgü ilə oynamağa imkan verir. Xahiş edirəm demoya baxın və nə danışdığımızı görəcəksiniz.

OK, indi bu kiçik plaginə qoşulduqda, bu təəccüblü effekti necə yarada biləcəyinizə baxaq. Demo effektini yenidən yaratmaq nisbətən asan olsa da, əsas HTML ilə yolunuzu bilməlisiniz. Gedək:

  1. Yeni bir yazı yaradın və ya mövcud birini açın
  2. Yazıya iki şəkil daxil edin. Visual Redaktorda çalışırsınızsa, görüntüsünü digərinin üstündən görmək lazımdır. Mətn redaktorunda işləyirsinizsə, buna bənzər bir kodu görməlisiniz:
  3. 
    
    
    
  4. İlk görüntüdən əvvəl [twentytwenty] etiketini daxil edin
  5. İkincisindən sonra [/ iyirmi iki) etiketini daxil edin
  6. Mətn redaktorunda bu kimi bir şeylə başa çatmalısınız:

    [iyirmi iyirmi]
    
    
    
    [/ iyirmi iyirmi]
    
  7. Ən yaxşı nəticələr əldə etmək üçün şəkillərinizin eyni ölçüdə olduğundan əmin olun
  8. Postunuzu əvvəlcədən nəzərdən keçirin və ya yayınlayın və şəkillərdən əvvəl və sonra vizual olaraq təəccübləndirin

İnteraktiv şəkilləri necə yaratmaq olar – çəkmək, təsviri və bağlantılar əlavə etmək

Bu gün multimedia olmadan veb sayt işlətmək çətindir. Şəkillər, videolar və musiqi demək olar ki, hər veb saytın bir hissəsidir. Orta bir İnternet istifadəçisi vizual stimullardan çox asılıdır, buna görə saytın vizual və interaktiv hissələrinə diqqət yetirməlisiniz. Şəkilləri olan məqalələr alır 94% daha çox baxış kimsəsizlərə nisbətən. Ayrıca, veb saytlardakı multimediyanın məzmun marketinqi ROI artıra biləcəyi artıq bilinən bir həqiqətdir.

Ümid edirik ki, saytınızdakı görüntülərə qayğı göstərməyə inandırmağa ehtiyac yoxdur. Məqalələrdə şəkillərdən istifadə etməsəniz də (lazım olanı), özəl şəkillərdən istifadə edirsiniz, elə deyilmi? WordPress saytınızdakı şəkilləri idarə etməyə kömək edə biləcək, fotoqrafiya ilə əlaqəli mövzulara sahib ola bilərsiniz, Instagram-ı WordPress saytınıza bağlaya bilərsiniz və daha çox şey edə bilərsiniz. Daha çox interaktiv məzmun yaratmaq istəsən nə olacaq?

Başlanğıc üçün istifadəçilərinizin sevəcəyi şəkillərdən əvvəl görüntü effekti əlavə etməkdə maraqlı ola bilərsiniz. Avtomatik VR-ni WordPress.com-a təqdim etdikdən sonra daha populyarlaşan WordPress-də Virtual Reallıq haqqında unutma. Yenə də çatışmayan bir şey var. Tıklanabilir hissələri ilə interaktiv şəkillər etmək mümkündürmü? Bəli, bu da mümkündür və bunun nə qədər əyləncəli və asan olduğunu sizə göstərmək istəyirik.

Diqqəti cəlb edir

QİYMƏT: Pulsuz
DEMO

İstədiyiniz bu plaginlə bağlı ilk şey tamamilə pulsuz olmasıdır! WordPress anbarındakı hər hansı digər plagin kimi, bir neçə dəqiqədən sonra yükləyə, quraşdıra və aktivləşdirə bilərsiniz. Pulsuz versiya bir interaktiv görüntü ilə işləməyinizə imkan verəcəkdir. Daha çox istəyirsinizsə, PRO versiyasına qoşulmalı olacaqsınız, amma bu barədə daha sonra danışacağıq.

Plugin cavab verir və interaktiv şəkillərin hər hansı bir cihazda düzgün göstərilməsindən narahat olmaq lazım deyil. Təsvirin ekranın ölçüsünə görə ölçülməsi deyil, həm də ən müasir və köhnə brauzerlərdə (masaüstü və mobil) işləyəcəkdir. Draw Diqqət yeni brauzerlərdə göstərildiyi zaman kətan elementlərindən istifadə edir, halbuki köhnə birinə yükləsəniz görüntü xəritələrinə geri dönəcəkdir..

Xüsusiyyətləri

Bu sadə plaginin nə qədər güclü olduğunu göstərəcək bir nümunəyə gəlməzdən əvvəl, Draw Diqqətdən nə gözlədiyini görək:

  • Çəkmək – Şəkil yüklədikdən sonra üzərində şekiller çəkmək şansı qazanacaqsınız. Təsvirinizin seçilə bilən / tıklanabilir bir hissəsini seçin
  • Rənglər – Rəngləri özelleştirin ki, saytların dizaynına uyğun nöqtələri düzəldə bilərsiniz
  • Hover üzərində vurğulayın – Bir istifadəçi seçilmiş hissəsi üzərində gəzirsə, görüntünün başqa hissəsini göstərin
  • Daha çox məlumat göstər – Təsvirin seçilmiş hissəsi haqqında daha çox məlumat göstərin
  • URL-ə keçin – Seçimə basdıqda istifadəçiləri istənilən URL-ə yönləndirin

Diqqət parametrlərini çəkin

Misal – Havay interaktiv xəritəsi

Diqqət çəkməklə tam olaraq nə edə biləcəyinizi göstərmək üçün demo saytından nümunəni istifadə edəcəyik. Beləliklə, plugin ilə yaradılan zaman Havayın interaktiv xəritəsinin nə olduğunu görək.

Etməli olduğunuz ilk şey Havay adalarının görüntüsünü tapmaqdır. Getdikdən sonra Diqqəti cəlb et -> Şəkli düzəldin, şəkili sağ yoldakı sahəyə yükləməlisiniz. Şəkil yüklədikdən sonra əyləncə başlaya bilər.

Burada məqamlar üçün rəng seçmək (rəng, sərhəd, qeyri-şəffaflıq və s.), “Daha çox məlumat qutusu” (şəkil, başlıq, mətn rəngi və s.) Üslubunu əldə etmək lazımdır. Şəkil üçün hər və hər rəngini əl ilə seçmək istəmirsinizsə, sağ tərəf çubuğundan rəng sxemini tez bir zamanda seçə bilərsiniz.

Diqqət çəkin - WordPress-də interaktiv şəkilləri necə yaratmaq olar

Ən sehrli hissəsi isə baş verir İsti nöqtələr əraziləri parametrlər ekranı. Burada görüntünüzü tam ölçüdə yükləyə bilərsiniz. İndi etməlisiniz ki, rəsm çəkməyə başlayın və yeni bir nöqtə yaradın. İstədiyiniz qədər çox nöqtə əlavə edə bilərsiniz, yəni istədiyiniz qədər hərtərəfli seçimlər yarada bilərsiniz. Çox isti nöqtələr yaratmalısınız və hər birinin öz parametrləri ola bilər.

Beləliklə, bu nümunədə adalardan birini seçməlisiniz. Ada üçün bir başlıq seçin, bir istifadəçi isti nöqtəni (yuxarıda göstərilən GIF şəklinin sağ hissəsi) gəzdikdə göstərəcək bir təsvir və əlavə şəkil əlavə edin..

İnteraktiv olmaq istədiyiniz adaların hər biri üçün prosesi təkrarlamalısınız. İsti nöqtələriniz hazır olduqdan sonra qısa kodu sağ tərəfdən kopyalayın. Qısayol kodunu yazıya, səhifəyə, vidjetə və ya yeni interaktiv xəritənizi göstərmək istədiyiniz yerə yapışdırın və tamamlandınız! Seçimləri kliklədikdən sonra istifadəçiləri başqa bir səhifəyə yönləndirmək istəsəniz, təsvirin əvəzinə URL-i seçməlisiniz. Bu qədər asandır!

PRO versiyası

Yalnız bir görüntüyə ehtiyacınız varsa, pulsuz versiya mükəmməl olacaq PRO versiyası saytınızda istədiyiniz qədər interaktiv görüntü əldə etməyə imkan verəcəkdir. Bu nəzərə alınması lazım olan ən vacib şey olmasına baxmayaraq, PRO versiyası sizi birdən çox görüntüdən daha çox əldə edəcəkdir.

Layout Seçimləri xüsusiyyəti, şəkilin seçilmiş hissələri haqqında daha çox məlumat göstərməyə imkan verir. Məsələn, bir istifadəçi görüntünün seçilmiş hissəsi üzərində gəzdikdən sonra açılacaq bir işıq qutusunda və ya sadə bir alət çubuğunda məlumatı göstərməlisiniz..

İyirmi əvvəlcədən təyin edilmiş rəng paletləri də var, buna görə hər rəngini əl ilə düzəltməyə ehtiyac yoxdur. PRO versiyası bir sayt lisenziyası üçün 74 dollara başa gələcək, ancaq birdən çox interaktiv görünüşə ehtiyacınız varsa, bu, heç bir beyin olmayacaq.

Əlavə görüntü ölçülərini necə bərpa etmək olar

WordPress mövzusunda yeni görüntü ölçülərini qeydiyyata almaq nisbətən asandır. Sisteminizə şəkillərinizin nə qədər böyük olması lazım olduğunu söylədikdən sonra onları adlandırdılar və onları necə əkmək qərarına gəldikdən sonra şəkilləri istədiyiniz yerə yaymaqdan azadsınız. Köhnə görüntülər haqqında isə nə deyim?

Sizə göstərdiyimiz texnikalardan birini istifadə etmisinizsə, yeni görüntülər üçün çəmən hazırlamısınız. Göndərmə kiçik şəkilləri üçün yeni qeydiyyatdan keçmiş şəkil ölçülərindən istifadə etməyiniz və ya müəlliflərin yazılarda istifadə etmələrinə icazə verin, yeni qaydalar yalnız dəyişiklik etdikdən sonra yüklənmiş şəkillər üçün tətbiq olunur funksiyaları.php faylında. Köhnə şəkilləri dəyişdirmək üçün, Regenerate Thumbnails plaginini istifadə etməyi təklif edirik.

Eskizləri yeniləyin:

QİYMƏT: Pulsuz
  1. Getmək Plugins-> Yenisini əlavə edin
  2. “Kiçik şəkilləri yeniləyin” üçün axtarış
  3. Plugini quraşdırın və aktivləşdirin
  4. Gedin Alətlər-> Regen.Tumbbails

Bütün şəkillərinizin ölçüsünü dəyişdirmək istəyirsinizsə, “Bütün kiçik şəkilləri yeniləyin” düyməsini vurun və pluginin çətin iş görməsini gözləyin.

Əlavə görüntü ölçülərini necə bərpa etmək olar

Ölçülənəcək şəkilləri görmək istəyirsinizsə və ya yalnız bəzi şəkillərin ölçüsünü dəyişdirmək istəyirsinizsə, Mediya Kitabxananıza gedin. qalereya.

Plugin’in yaxşı tərəfi, orijinal şəkillərinizi silməməsidir. Mövzunuzda istifadə edə biləcəyiniz yeni görüntü ölçüləri yaradacaq, orijinalları sonradan istifadə etmək və ya ehtiyac olmadığınız təqdirdə əl ilə silmək üçün qalacaq..

Bu belədir. Yeni eskizlərinizdən zövq alın və ya baxın Sadə görüntü ölçüləri eyni şeyi edə biləcək plugin.

Genişlik və boy boyu atributlarını jQuery ilə çıxarın

Bir WordPress poçtuna şəkillər əlavə edərkən sistem avtomatik olaraq boya və eninə atributlarını şəkilə əlavə edir. Bu ümumiyyətlə yaxşı bir şeydir, ancaq hər görüntünün bu atributları əldə etməsini sevməyəcəksiniz.

Atributları yükləmə nöqtəsində doğrulamaq istəyirsinizsə, bunu son dəfə göstərdiyimiz sadə bir funksiya vasitəsilə edə bilərsiniz..

Ancaq məqaləni oxudunuzsa və ya funksiyanı özünüz sınamısınızsa, bunun yalnız WP sisteminizə qurulduqdan sonra yüklənmiş şəkillərə təsir etdiyini gördünüz. Daxil edilmiş şəkilləri olan yazılarla dolu bir verilənlər bazanız varsa, yuxarıda göstərilən funksiya köhnə görüntü atributlarınızla çox kömək etmir.

Hər bir görüntüyü əl ilə gəzə və eni və boyu bir-bir silə bilmədiyiniz üçün, ehtimal ki, yazılarınıza daxil edilmiş bütün mövcud şəkillər üçün bu atributları ayıracaq başqa bir funksiyaya ehtiyacınız var. Bu halda, eni və hündürlüyü şəkil atributlarını jQuery kodunun bir neçə sətri ilə avtomatik silməyin sadə bir yolunu göstərməyiniz üçün doğru yerdəsiniz. Əvvəlki ifadədən qorxmayın – jQuery nəyin nə olduğunu bilməyiniz lazım deyil, yalnız növbəti üç addıma əməl edin və bir iş görsənəcək.

Genişlik və boy boyu atributlarını çıxarın:

  1. Mövzu qovluğunuzdan header.php faylı açın
  2. Bu kodu kopyalayın və arasına istənilən yerə yapışdırın və etiketlər:
  3.  
  4. Dəyişiklikləri yadda saxla

Və bitirdin! Şəkil olan bir yazını açdıqdan və eni və boy boyu yazılarını sildikdən sonra kod sehrini edəcək.

Xüsusi görüntü ölçüsünü Media Uploader-də necə yaratmaq olar

WordPress-dəki şəkillərlə işləmək üçün Media Uploader-dən istifadə edirsinizsə, ehtimal ki şəkillər üçün çoxsaylı seçimlər görmüsünüz. Çoxları arasında məqaləyə göndərə biləcəyiniz bir şəkil ölçüsü seçə bilərsiniz.

Seçmək üçün kiçik, orta, böyük və tam ölçülü seçimlər var, lakin bütün bu seçimlər əvvəlcədən müəyyən edilmiş dəyərlərə malikdir. Beləliklə, xüsusi bir mövzu istifadə edirsinizsə, hər görüntü üçün eni və hündürlüyü dəyişərək təkrar-təkrar vurulur.

Əslində bunu etmək lazım deyil. Tərtibatçılar üçün əla bir vasitə olan add_image_size () adlı səliqəli kiçik bir funksiya var. Bu yazıdan sonra da faydalı tapacaqsınız.

Tutaq ki, mövzunuzun xüsusi genişliyi var və asanlıqla oraya mükəmməl uyğunlaşmaq üçün təsvirlər əlavə etmək istəyirsiniz. Deyək ki, eni 666px (bu eni niyə bu nömrəyə qoymağınıza girməyəcəyik, bu sizin seçiminizdir). Bunun üçün Media Uploader-ə əlavə bir radio düyməsini əlavə etməlisiniz. Aşağıdakı kodu ilə orijinalın yarısı olan daha bir ölçüsü əlavə edəcəksiniz.

  1. Funksiyaları.php faylını açın
  2. Bu kod parçasını kopyalayın və yapışdırın:
  3. funksiya custom_image_sizes () {
    add_image_size ('bir ölçülü', 333, 333, əsl);
    add_image_size ('başqa ölçülü', 666, 666, əsl);
    }
    
    add_action ('init', 'custom_image_sizes');
    
    show_image_sizes ($ ölçüləri) {
    $ ölçüləri ['bir ölçülü'] = __ ('Xüsusi Ölçü 1', 'istilikwp');
    $ ölçüləri ['another-size'] = __ ('Xüsusi Ölçü 2', 'istilikwp');
    dollar ölçülərini qaytarmaq;
    }
    
    add_filter ('image_size_names_choose', 'show_image_sizes');
  4. Dəyişiklikləri yadda saxla
  5. Mediya Yükləyicinizdən “Əlavə Ekran Parametrləri” altındakı yeni ölçü seçimlərinizi görəcəyiniz bir şəkil əlavə etməyə çalışın.

Hər hansı bir veb saytın avtomatik ekran görüntüsünü yaradın və poçtunuzdakı görüntü olaraq yayımlayın

Bir veb saytın kiçik görüntüsünü göstərmək istəyirsinizsə, veb saytına getməli, ekranı çap etməli və ya bir proqram və ya brauzer əlavəsi ilə ekran görüntüsü almalısınız. Ekran şəklini bir yazıda istifadə edə biləcəyiniz üçün şəkli dəyişdirməlisiniz, lazımi ölçüyə kəsib WordPress-ə yükləməlisiniz..

Hər an bu görüntüyü çəkməyiniz lazım deyilsə, problem olmayacaq, ancaq fərqli veb saytların ekran görüntülərini daha tez-tez istifadə edirsinizsə, bunun üçün zəhmli bir funksiyanın olduğunu eşitməkdən məmnun olacaqsınız. vaxtınıza və əsəblərinizə qənaət edin.

Kılavuzun bu hissəsində istədiyiniz hər hansı bir veb səhifənin görüntüsünü götürmək üçün istifadə edə biləcəyiniz qısa kodu yaradan tam funksiyanı sizə göstərməyə hazırlaşırıq..

Avtomatik ekran görüntüsü yaradın:

  1. Açıq funksiyalar.php
  2. Aşağıdakı kodu kopyalayın və yapışdırın:
  3. wp_webscreen funksiyası ($ atts, $ content = NULL) {
    çıxarış (shortcode_atts (array (
    "snap" => 'http://s.wordpress.com/mshots/v1/',
    "url" => 'http://www.firstsiteguide.com',
    "alt" => 'wploop',
    "w" => '600', // en
    "h" => '450' // boy
    ), $ atts));
    
    $ img = ''. $ alt. '';
    img $ qayıt;
    }
    add_shortcode ("ekran", "wp_webscreen");
  4. Serialdakı standart dəyişənləri dəyişdirin
  5. Dəyişiklikləri yadda saxla

Bu funksiya, WordPress veb saytınızda asanlıqla istifadə edə biləcəyiniz qısa kod yaradır. Bir veb səhifənin ekran görüntüsünü bir yazıda, yan panel vidjetində və ya altbilginizdə istifadə etmək istəsəniz, məsələn, lazımi yerdəki qısa kodu c / p:

[ekran url = “http://www.firstsiteguide.com” alt = “fsg” w = “600 ″ h =” 450 ″]

Bu funksiyanın üstün tərəfi budur ki, görüntüyü dinamik URL kimi saxlasın, yəni qısa şifrə ilə bir şəkil yaratdıqdan sonra avtomatik olaraq gələcəkdə özünü yeniləyəcək və həmişə qısa kodda göstərilən veb saytın cari görünüşünü göstərəcəkdir..

Qeyd edək ki, qısa kodun parametrlərini birbaşa ondan dəyişə bilərsiniz. Başqa URL-lərin görüntüsünü götürmək və ya digər şəkli götürmək istəsəniz, funksiyaları.php faylındakı kodu dəyişdirməyiniz lazım deyil..

Misal:

Google’un bir ekran görüntüsünü götürmək və onu 200 × 400 piksel böyük etmək istədiyinizi söyləyin:

[ekran url = “http://www.google.com” alt = “Google” w = “200 ″ h =” 400 ″]

Qısayol kodunu bir düyməyə qənaət etməklə hər şeyi daha da asanlaşdıra bilərsən ki, onu bir düyməni bir kliklə yazıya daxil edə biləsiniz..

Nəticə

WordPress saytınızdakı görüntüləri yaxşılaşdırmaq üçün qeyd etdiyimiz bütün plugin və funksiyaları quraşdırmaq lazım deyil. Ancaq ümid edirik ki, şəkilləri optimallaşdırmağa və ya hər hansı bir şəkildə daha yaxşı etməyə kömək edəcək ən azı bir neçə məsləhət tapmısınız.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map