WordPress’te Resim Galerisi Nasıl Yapılır
WordPress, sitenizde herhangi bir yere resim galerileri eklemeyi çok kolaylaştırır, ancak birçok site sahibi bu gelişmiş özellikten yararlanamaz. Bu makalede, resim galerilerinin eklenmesi için size getireceğiz, çekici slaytların ve fayansların görünümünü birleştireceğiz ve bazı yararlı galeri eklentilerini vurgulayacağız. Resim Galerisi ve WordPress Resim Galerisi, WordPress 2.5 ile 2008’den beri WordPress’te. Sürüm 2.5 birçok yönden önemli bir sürümdür ve kısa kodun ve galerinin aynı anda başlatılması kullanıcı tarafından coşkuyla karşılanmaktadır. Matt Mullenweg, kişisel blogunda işlevselliği vurgulayan birçok kişiden sadece biri.
Daha sonra geliştirme nispeten düşüktür, WordPress 3.5’teki medya yükleyicilerinde bir iyileşme ve 3.9 sürümünde daha fazla iyileşme olarak yedi yıl boyunca büyük değişiklikler ile düşüktür. WordPress 4.4’te duyarlı görüntülerin tanıtılmasıyla, resim gündemde yine çok önemlidir, bu yüzden resim galerisini hazırlamanın temellerini gözden geçirmek için doğru zamandır.
Medya Yayınlara ve Sayfalara Ekleme: Görüntü yüklemenin temelleri Codex ile iyi kapsanır.
Medya Kütüphanesi: Medya kütüphanelerinin temellerine alışkın değilseniz, şimdi gözden geçirmenin doğru zamanı.
WordPress Galerisi: Bu özel Codex sayfası sizi WordPress’teki Galeri’nin temellerine götürecektir.
Bu tanıtımla, kendi resim galerimizi yapmaya başlayalım.
Bu kılavuzda temel bir resim galerisi nasıl yapılır yerel bir siteye basit bir resim galerisi ekleyerek, mevcut galeriyi düzenlemeyi ve daha sonra Jetpack üzerinden biraz daha görsel Pizzz ekleyeceğiz. Ayrıca dikkatinizi, sunulan temel işlevselliği genişletmek için kullanabileceğiniz birkaç önde gelen galeri eklentisine çekeceğiz. Yerel WordPress 4.4 kurulumunu kullanıyoruz ve oynamak için yeni yirmi on altı temasını alıyoruz. Sitemize bazı ilginç baykuş resimleri eklemeyi göreceğiz – fantastik kaynaklardan, yani pixabay – çünkü dürüst olmak gerekirse, baykuş hakkında temelde şaşırtıcı bir şey var. Uzun boylu bazı kaliteli görüntülerle eklemek istediğim bahçe görüntülerini takip etmek – Gördüğünüz gibi, şimdi yeterince yumuşak.
Mevcut Owl’un blog gönderisinde çok fazla dikkat çekmiyor. Yöneticiye geçerek, yayınımızı seçerek, ekleme noktasını seçerek ve araç çubuğundaki Medya Ekle düğmesini tıklayarak başlayacağız.
Ekleme noktanızı seçin ve ortam ekleyin. Buraya gönderiye bir galeri ekliyoruz, ancak yayınlara ve sayfalara bir galeri eklemekte özgürsünüz. Eklenecek içerik alanınızda herhangi bir yeri seçebilirsiniz – ekleme noktasını netleştirmek için yukarıda yeni bir çizgi ekledik. Medya Ekle düğmesine tıklamak sizi medya yükleyicisine götürür ve şaşırtıcı olmayan bir galeri yapın, buraya gitme seçeneğidir.
Aşağıdaki ekran görüntülerinde görebileceğiniz gibi, bu seçeneği seçmek size tamamen yeni bir resim yükleme veya medya kütüphanesinde zaten var olan öğeler arasından seçim yapma imkanı sunar. Görüntü eklemek ve resimleri seçmek arasında geçiş yapmakta özgürsünüz ve görüntüleri tek tek ekleyebilir veya bazı resimleri pencereye sürükleyebilirsiniz. Galerimize altı baykuş fotoğrafı yükledik. Sol üst baykuş çok mutlu görünüyor (ya da yorgun … Hangisinden emin değilim).
Yukarıdaki durumumuzda, çok iyi yüklenen altı baykuş resmimiz var. Gördüğünüz gibi, dahil edilen basit bir onay işareti gösterir ve mavi onay işareti, görüntü ekinin ayrıntılarını düzenliyorsanız gösterir. Yeni galeri için düğmeye tıklamak bizi resimlerimizin nasıl görüntüleneceğine dair temel seçenekleri inceleyebileceğimiz Galeri Düzenleme iletişim kutusuna götürecektir. Tüm bunlar gelecekte değiştirilebilir, ancak bu aşamada bir şeyleri değiştirmek çok yararlıdır.
Galeri Diyalogu Düzenleme Bize seçim yapabileceğiniz bazı temel ekran seçenekleri sunar.
Bu aşamada ayarlayabileceğiniz iki ana öğe vardır: görüntüleri ve genel galeri ayarlarını sıralama. Siparişler, isteyerek çekerek ve çıkarılarak kolayca yapılabilir veya ihtiyacınız olan tek şey bu ise ters sipariş düğmesini tıklayın. Galeri ayarları söz konusu olduğunda, oynamak için dört seçeneğiniz var:
Bağlantı: Standart Yok, Medya Dosyası ve Ek Sayfa Seçenekleri’nden seçin.
Sütun: Üç sütun burada varsayılan ayarlardır.
Rastgele Sipariş: Görüntüleri rastgele sırayla görüntülemeyi seçebilirsiniz.
Boyut: Standart küçük resimler, orta, büyük ve tam boyutlu seçenekler arasından seçim yapın. İlk seçimimizi yaptıktan sonra, bizi tüm tüylü ihtişamında Owl koleksiyonumuzu görebileceğimiz editöre geri getirmek için galeriye tıklayın.
Boom – Galerimiz sayfaya başarıyla girildi.
Hızlı Tıklayın Önizleme düğmesi bize her şeyin ön tarafta da iyi görüntülendiğini gösterir.
Baykuş galerimiz ön uçta sergileniyor. Bir galeri ekleme temelleri açısından, yukarıda belirtilen adımlar kadar oldukça basit. Bir sayfaya veya sitenizdeki herhangi bir yayına tam anlamıyla birkaç dakika içinde temel bir galeri ekleyebilmeniz gerekir. Ayrıca, kısa kod aracılığıyla doğrudan yayınlarınıza ve sayfalarınıza bir veya daha fazla resim galerisi ekleyebilirsiniz. Sözdizimi ve seçenekler hakkında tüm ayrıntılar için Codex Galerisi Kısa Kod sayfasına bakın. Örneğimizde olduğu gibi her şey yolunda ve havalı, ama bazı değişiklikler yapmak istiyorsak? Örneğin, şu anda tüylü bir arkadaşa tıklamak hiçbir şey yapmayacağız çünkü bağlantı seçeneği var değil – mümkünse burada bir slayt gösterilerine sahip olmak eğlenceli olacaktır.
Resimler yaptığımızda bazı bilgilerle de yapılabilir ve iki sütunun düzeni bahçede nefes almaları için biraz daha fazla alan verebilir. Galerimizi düzenleme seçeneğini tartışmanın zamanı geldi. Resim Galerinizi Nasıl Düzenleyebilirsiniz Her şey burada daha kolay olamaz – YAZILIMDA GALERİ’inizi tıklayın ve galeriyi silmenize veya önceki düzenleme ekranına geri dönmenize izin veren iki düğme göreceksiniz. Düzenlemeyi açmak için Galerinize tıklamanız yeterli seçenek. Bizim durumumuzda, iki sütunun düzenine dönüştük, görüntünün boyutunu ortama yükselttik ve ilgili baykuşlarımızı tanımlamak için bazı uygun bilgiler ekledik.
İki sütun galerisinin düzenine dönüyor.
Yine de burada doğrudan bir sorun var. İyi simetrik küçük resim ızgaramız bir başlangıç olarak kaybolur. Ayrıca, bir tür slayt gösterisi ile baykuşlarımızı tüm ihtişamıyla göremiyoruz. İki sorunu çözmek için basit bir yola bakalım. Daha ileri gitmeden önce kısa bir nota jetpack ile basit bir karo ve slayt gösterisi galerisi ekleyin: Galerimizi güzelleştirmek için Jetpack eklentisini kullanacağız, ancak bunu yapmanın başka birçok yolu var. Bazı insanlar Jetpack hakkında şişkinlikle ilgili endişeleri olabilir, bu yüzden bunun tek seçenek olmadığını unutmayın. Daha sonra bahsedeceğimiz galeri eklentilerinden biri, aynı hedefe (ve daha fazlasını) ulaşmanıza yardımcı olabilir. Yerel ortamda jetpack kullanıyoruz, bu nedenle jetpack belgesinde açıklandığı gibi wp-config.php’ye basit ayarlar ekleyerek geliştirme modunda çalıştırmamız gerekiyor. .
Jetpack’i yükledikten ve wp-config.php’i düzenledikten sonra, yönetici yan menüsünde JetPack’i tıklayın ve yukarıda gösterildiği gibi bir geliştirme modu çalıştırdığınızı onaylayan bir mesaj göreceksiniz. Buradan, sayfayı aşağı kaydırın ve 27 diğer Jetpack özelliğine bakın. Artık kullanabileceğiniz potansiyel jetpack modüllerinin bir listesini görmeniz gerekiyor. Sayfayı biraz aşağı kaydırın ve mevcut Tile Galerisi seçeneğini göreceksiniz. İmleci buna gidin ve işlevselliği etkinleştirme seçeneğini göreceksiniz. Etkinleştir düğmesini açmak için imleci karo galerisine gidin.
Etkinleştir’i tıkladıktan sonra, imleci tekrar kiremit galerisine yönlendirin ve yeni işlevselliği yapılandırma seçeneğini göreceksiniz.
Lüks karoları etkinleştirmek için yapılandırmayı tıklayın.
Tile Galerisi adı verilen yeni bir onay kutusu seçeneğini göreceğiniz doğrudan ayarlar> medyaya götürür.Bir seçenek olarak Tile Galerisi’ni seçin. Etkinleştirildikten sonra, tüylü arkadaşlarımızın önizlemesine geri dönersek, işler şimdi çok daha temiz görünmelidir-resmin daha büyük bir sürümü hala kullanılıyor, ancak şimdi her şey bir saklama kutusunda düzgün bir şekilde düzenleniyor.
İşler zaten çok daha iyi görünüyor. Bu aşamada galerinizi düzenlemek için yeniden ortaya çıkıyorsanız, şimdi birkaç farklı galeri türü arasından seçim yapmak için bir seçeneğiniz olduğunu göreceksiniz. Çeşitli galeri türlerini seçin. Pek çok şeyi tartıştık ve şimdi geriye kalanlar, kaygan bir tam ekran fotoğrafını keşfetme deneyimi olan Jetpack’teki atlıkarınca seçeneğini etkinleştirerek baykuşlarımızı gerçekten serbest bırakmak. Tile Galerisi ile daha önce olduğu gibi aynı dizi aktivasyon adımına bakıyoruz. Jetpack modül listenize geri dönelim, daha önce olduğu gibi aynı aktivasyon adımlarına bakarak bizi etkinleştirin. Jetpack modül listenize geri dönün, atlıkarıncayı etkinleştirin ve yapılandırmaya basın.
Carousel’i kiremit galerileriyle yaptığınız gibi etkinleştirin. Bir kez daha, Ayarlar> Medya’ya geri döndü ve bu sefer Image Gallery Carousel adlı yeni bir seçenek göreceksiniz. Buradaki seçenek oldukça kolaydır – işlevselliği etkinleştirebilir veya devre dışı bırakabilir, EXIF verilerini görüntüleyip göstermeyeceğinizi seçebilir ve slayt gösterilerinizin arka planı olarak siyah veya beyaz arasında seçim yapabilirsiniz.
Bu kez yazımızı incelediğimizde, galerideki resimlerden birini tıklamak, görüntülerimizi en iyi ışıkta görüntüleyen ve aralarında kolay gezinmeyi sağlayan düzgün ve tamamen çalışan slayt ekranına yol açtı. Carousel modülü, görüntüleri ayrıntılı olarak görmemizi ve aralarında kolayca gezinmemizi sağlar. Kalite Resim Galerisi Eklentisi Blogdaki önceki -De -De -Image Galerisi eklentisini tartıştık, böylece burada çok fazla uzun şey tartışmayacağız. Daha önce de belirttiğimiz gibi, Jetpack kullanmak orijinal WordPress Galerisi’nin işlevselliğini oluşturmanın sadece bir yoludur. Varsayılan galeri seçeneği veya Jetpack tarafından ele alınamayan işlevsellik arıyorsanız, iki ağır siklet galeri eklentisinden biriyle aramaya başlayın. NextGen Galerisi
WordPress Gallery eklentisinin tamamı söz konusu olduğunda, NextGen Galerisi’ni görmezden gelmek zordur. Bir milyondan fazla aktif kurulum ve arkasında uzun bir sicile sahip olan bu eklenti, bir süredir lider bir galeri eklentisi haline geldi. Eklentinin ücretsiz sürümü size güzel bir duyarlı tasarım, varsayılan LightBox seçeneği ve slayt gösterisi seçeneği, tüm galeri albümünü sitenize ekleme yeteneği ve bir dizi başka özellik sunar. NextGen Plus veya NextGen Pro’nun premium sürümüyle başlayın ve entegre e-ticaret, görüntü muayenesi, görüntü koruması ve dijital indirmeler satma yeteneği gibi profesyonel fotoğrafçılar için daha uygun olan çok sofistike bir seçenek girmeye başlarsınız. Bir sonraki sitede iki premium paket için tam fiyat ayrıntıları mevcuttur. 1. NextGen Galerisi ile ilgileniyor musunuz? Detaydemounduh
2. Foogallery Foogallery kendisini kullanıcılar için basit reklamı yapar ve geliştiriciler için çok esnektir ve her iki şeyi de verir. Eklentinin ücretsiz sürümü size resimler, LightBox desteği, galeri şablonları ve bir sonraki galeriden içe aktarma yeteneği için düzgün bir seçenek sunar. Video galerisi, Vimeo ve YouTube içeriğini kolayca eklemenizi sağlayan Premium Foovideo eklentisiyle de entegre edilebilir. Foogallery, temel işlevlerini genişletmek için kullanabileceğiniz bir dizi ilginç uzantmadan ve geliştiricilerin kendi kodunuzu nispeten kolay hale getirme yeteneğini açma referanslarından ayırır. Genel ayarlar ve kapsamlı demo sayfaları hakkında ayrıntılı yönergeler için Foogallery 101 sayfasına bakın. 2. Foogallery? Detaildemounduh Gönderinize ve sayfanıza bir galeri eklemek, sitedeki kullanıcının katılımını ve zamanı artırmanın iyi bir yoludur ve bir şey, Instagram ve Pinterest içeriği ile giderek daha takıntılı bir dünyada yapılması mantıklıdır. WordPress, parmaklarınızın ucuna çok kolay bir yükleme arayüzü yerleştirir ve daha sonra ayarlama ve ekstra lüks açısından istediğiniz kadar iş yapmanın yolunu açar. Yukarıda tarif ettiğimiz gibi temel bilgileri aşina olarak başlayın, ardından resim varlıklarınızı Jetpack, NextGen Galerisi ve Foogallery gibi seçeneklerle en üst düzeye çıkarmaya bakın ve siteniz yakında diğerlerinden daha iyi görünecektir.
Şu anda kendi resim galerinizi nasıl ele alıyorsunuz?Vurgulamamız gerektiğini düşündüğünüz bir seçenek var mı?Bize aşağıdaki yorumlarda anlatın.
Görüntüler
