WordPress Galeri İleri Geri Nasıl Yapılır?

WordPress, internet siteleri oluşturmak için en popüler platformlardan biridir. Bu platform, birçok kullanışlı özellik sunarak web geliştiricileri ve blog yazarları için oldukça kolay bir kullanım sunar. Birçok WordPress sitesi, sayfalarında resim galerileri kullanır. Bu, okuyucuların görsel olarak etkileyici bir deneyim yaşamalarını sağlar. Bununla birlikte, WordPress kullanıcıları sıklıkla galerilerinde ileri geri düğmeleri eklemek istiyorlar. Bu makalede, WordPress galeri ileri geri nasıl yapılır, adım adım açıklanacaktır.

Adım 1: Galeri Ekleme

İlk olarak, WordPress sitesinde bir galeri oluşturmanız gerekiyor. Bunun için, WordPress düzenleyicisine gidin ve bir sayfa veya gönderiye galeri ekleyin. Galeri ekleme seçeneğine tıkladıktan sonra, galeri için resimlerinizi yükleyin. Resimleri yükledikten sonra, galeri ayarlarını yapılandırmak için “Galeri Ayarları” düğmesini tıklayın.

Adım 2: Galeri Ayarları

Galeri ayarları bölümünde, galerinizin nasıl görüneceğini ve çalışacağını belirleyebilirsiniz. Burada, galeri türünü, boyutunu, hizalamasını ve daha birçok özelliği değiştirebilirsiniz. İleri ve geri düğmelerini eklemek istediğimiz için, “Galeri Türü” bölümünde “Galeri Bağlantısı” seçeneğini seçeceğiz.

Adım 3: İleri Geri Düğmeleri Ekleme

Galeri ayarları bölümünde, “Galeri Bağlantısı” seçeneğini seçtiğinizde, galeri için bir URL seçeneği ortaya çıkar. Burada, galerinizdeki her bir resim için bir URL belirleyebilirsiniz. İleri ve geri düğmeleri eklemek için, “Galeri Bağlantısı” seçeneğine tıklayın ve düzenle seçeneğini seçin. Düzenleme sayfasında, “Bağlantı URL’si” bölümüne “javascript:void(0)” yazın. Bu, düğmelerin bir sayfaya bağlı olmadığını, ancak sadece galerideki resimleri ileri veya geri filmciürdüğünü belirtir.

Adım 4: İleri Geri Düğmelerinin Tasarımı

İleri ve geri düğmelerinin tasarımını özelleştirmek isteyebilirsiniz. Bu, CSS kullanarak yapılabilir. CSS stil dosyanıza gidin ve aşağıdaki kodu ekleyin:

.gallery-item a img {
border: none;
}

.gallery-item a[href$=’.jpg’]::before {
content: ‘\f054’;
font-family: ‘FontAwesome’;
font-size: 36px;
padding: 0 10px;
}

.gallery-item a[href$=’.jpg’]::after {
content: ‘\f053’;
font-family: ‘FontAwesome’;
font-size: 36px;
padding: 0 10px;
}

Bu kod, düğmelerin görünümünü değiştirir ve özelleştirir.

Bu adımları takip ederek, WordPress galerinizde ileri geri düğmeleri ekleyebilirsiniz. Bu, okuyucularınızın galerinizi daha kolay ve rahat bir şekilde gezinmelerini sağlayacaktır.

WordPress Galeri İleri Geri Düğmeleri Nasıl Özelleştirilir?

WordPress galerinizde ileri geri düğmeleri eklemeyi öğrendikten sonra, bu düğmelerin tasarımını özelleştirmek isteyebilirsiniz. Bu, CSS kullanarak yapılabilir. Bu makalede, WordPress galeri ileri geri düğmelerini nasıl özelleştirileceği adım adım açıklanacaktır.

Adım 1: CSS Dosyasına Erişim

İlk olarak, WordPress sitenizde CSS dosyasına erişmeniz gerekiyor. Bu genellikle “style.css” veya “custom.css” olarak adlandırılır ve WordPress temasının klasöründe bulunur. Bu dosyaya erişmek için, WordPress yönetici panelinde “Görünüm” sekmesine tıklayın ve ardından “Düzenleyici” seçeneğini seçin. Bu sizi tema düzenleyicisine yönlendirecektir. Burada, CSS dosyanıza erişebilirsiniz.

Adım 2: İleri Geri Düğmelerinin Tasarımı

İleri geri düğmelerinin tasarımını özelleştirmek için, CSS kodu kullanarak stil dosyanızı düzenleyebilirsiniz. Aşağıdaki kod örneği, düğmelerin rengini, boyutunu ve şeklini değiştirir:

.gallery-item a[href$=’.jpg’]::before {
content: ‘\f054’;
font-family: ‘FontAwesome’;
font-size: 36px;
padding: 10px;
background-color: #ffffff;
color: #000000;
border-radius: 50%;
border: 2px solid #000000;
}

.gallery-item a[href$=’.jpg’]::after {
content: ‘\f053’;
font-family: ‘FontAwesome’;
font-size: 36px;
padding: 10px;
background-color: #ffffff;
color: #000000;
border-radius: 50%;
border: 2px solid #000000;
}

Bu kodu düzenleyerek, düğmelerin rengini, boyutunu, şeklini ve diğer özelliklerini değiştirebilirsiniz.

Adım 3: Değişiklikleri Kaydetme

CSS dosyasında yaptığınız değişiklikleri kaydetmek için, düzenleyicide “Güncelleme Dosyası” düğmesine tıklayın. Bu, değişikliklerinizi kaydedecek ve sitenizdeki ileri geri düğmelerinin yeni tasarımını yansıtacaktır.

Bu adımları takip ederek, WordPress galerinizdeki ileri geri düğmelerinin tasarımını özelleştirebilirsiniz. Bu, galerinizin benzersiz bir görünüm kazanmasına yardımcı olabilir ve sitenizdeki okuyucularınızın dikkatini çekebilir.