1. Anasayfa
  2. Wordpress

Pixabay API ile Kolay Görsel Arama ve Ekleme | Adım Adım Rehber

Pixabay API ile Kolay Görsel Arama ve Ekleme | Adım Adım Rehber
0

Selam! Bugün sana kendi blogumda nasıl yaptığımı anlatacağım. WordPress sitende yazılarına kaliteli görseller eklemek istiyorsan, Pixabay’ın ücretsiz API’sini kullanarak direkt admin panelinden görsel araması yapabilir ve istediğin görseli kolayca ekleyebilirsin. Üstelik teknik detayları senin için basitleştirdim. Haydi başlayalım! WordPress’te Pixabay API ile Kolay Görsel Arama ve Ekleme Rehberi sizlerle

Neden Pixabay API?

23346

Pixabay, milyonlarca ücretsiz ve telifsiz görsel sunan harika bir kaynak. API sayesinde bu görselleri manuel aramak yerine, doğrudan WordPress yazı editöründen aratıp seçmek mümkün.

Gerekli Adımlar

1. Pixabay API Anahtarı Almak

g97b0755cb4b161460ea8f31c7b09ebf06291665e9ac777ce6add97292a4bbb2df345399de4df90f86dbf6e323dc73194407c0fde4d9e8f0263c5766ec3ab6ae6 640

Bu anahtar senin WordPress ile Pixabay arasında bağlantı kurmanı sağlayacak.

2. WordPress Temana veya Eklentine Kod Eklemek

Burada biraz kodla uğraşacağız ama korkma, adım adım göstereceğim.

  • Tema fonksiyon dosyana (functions.php) veya özel bir eklentiye aşağıdaki kodu ekle:
function pixabay_search_api($query) {
    $api_key = 'BURAYA_API_ANAHTARINI_YAPISTIR';
    $url = 'https://pixabay.com/api/?key=' . $api_key . '&q=' . urlencode($query) . '&image_type=photo&per_page=10';
    
    $response = wp_remote_get($url);
    if (is_wp_error($response)) {
        return [];
    }
    $body = wp_remote_retrieve_body($response);
    $data = json_decode($body, true);
    return $data['hits'] ?? [];
}

Bu fonksiyon, arama terimini alıyor ve Pixabay’dan görsel verisini çekiyor.

Function Dosyası Nasıl Açılır?

Function Dosyası Nasıl Açılır?

1. functions.php Dosyasını Açmak
WordPress admin paneline giriş yap.
Sol menüden Görünüm > Tema Dosya Düzenleyici (Appearance > Theme Editor) seçeneğine tıkla.
Sağ tarafta functions.php dosyasını bul ve aç.

3. Admin Panelde Basit Bir Arama Arayüzü Oluşturmak

Mesela, yazı editöründe veya admin menüsünde bir arama kutusu açarak:

function pixabay_search_page() {
    if (!current_user_can('upload_files')) {
        wp_die('Yetkiniz yok.');
    }
    ?>
    <div class="wrap">
        <h1>Pixabay Görsel Ara</h1>
        <form method="GET">
            <input type="text" name="pixabay_query" placeholder="Arama terimi" value="<?php echo esc_attr($_GET['pixabay_query'] ?? ''); ?>">
            <input type="submit" value="Ara">
        </form>
        <div>
            <?php
            if (!empty($_GET['pixabay_query'])) {
                $results = pixabay_search_api($_GET['pixabay_query']);
                foreach ($results as $image) {
                    echo '<img src="' . esc_url($image['previewURL']) . '" style="margin:10px; max-width:150px; cursor:pointer;" onclick="alert(\'Bu görseli kullanabilirsiniz!\')">';
                }
            }
            ?>
        </div>
    </div>
    <?php
}

function pixabay_admin_menu() {
    add_menu_page('Pixabay Görsel Ara', 'Pixabay Ara', 'upload_files', 'pixabay-search', 'pixabay_search_page');
}
add_action('admin_menu', 'pixabay_admin_menu');

Bu kod admin panelinde “Pixabay Ara” isimli bir menü oluşturacak. Arama yapabilir, küçük önizlemeleri görebilirsin.

Admin Menüsünde “Pixabay Ara” Menüsü Nereye Gelir?<br>

functions.php’ye kodu ekledikten sonra, sol admin menüsüne yeni bir menü gelecektir: Pixabay Ara veya Pixabay Search gibi.

4. Görseli Yazıya veya Medya Kitaplığına Ekleme

Burada biraz ileri seviye; seçtiğin görselin URL’siyle medya kütüphanesine otomatik ekleme yapabilir veya direkt yazı içine URL olarak ekleyebilirsin.

image

Sonuç

İşte bu kadar! Artık WordPress panelinden çıkmadan, hızlıca Pixabay görsellerini aratabilir ve bloguna özgün ve kaliteli görseller ekleyebilirsin.

Bu Yazıya Tepkiniz Ne Oldu?
  • 0
    be_endim
    Beğendim
  • 0
    alk_l_yorum
    Alkışlıyorum
  • 0
    e_lendim
    Eğlendim
  • 0
    d_nceliyim
    Düşünceliyim
  • 0
    _rendim
    İğrendim
  • 0
    _z_ld_m
    Üzüldüm
İlginizi Çekebilir

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir