WordPress Islemag Teması Sosyal Medya Simgelerinin Görüntülenmeme Sorunu

Merhaba, WordPress kullanıcısı olarak, özellikle belirli bir topluluk ile ilgili yazılar paylaşacağınız bir siteniz var ise Islemag ile karşılaşmış olmanız çok doğal. Çünkü sade görünümü ile dikkat çekici bir temadır.

Islemag temasının sol üst köşesinde genellikle sosyal medya simgeleri yerleştirilmiş olarak gelir. Fakat bunlar çoğu tarayıcı tarafından tanınmaz ve dikdörtgen biçimli tanımsız simgeler görünür (Nokia Lumia modellerinin tarayıcılarından sitenize girdiğinizde bu sorunla karşılaşmazsınız fakat diğer telefonlar ve tarayıcılar genel olarak bunları tanımaz.). Bu sorunun çözümü çok basittir. Aşağıda açıklamaya çalıştığım gibi birkaç maddelik işlemden ibarettir.

  1. Öncelikle WordPress yönetici panelinize giriş yapın.
  2. Görünüm menüsünden Düzenleyici’ ye tıklayın. (aktif temanız Islemag olursa daha iyi olur.)

Aşağıdaki resimde de işaretlendiği gibi, sağ sütundan önce “Tema alt bölümü” başlıklı footer.php dosyasını seçin.

WordPress için tasarlanan Islemag temasındaki uyumsuzluğu gidermek için düzenlenecek dosyalardır.
WordPress için tasarlanan Islemag temasındaki uyumsuzluğu gidermek için düzenlenecek dosyalardır.

4. Aşağıdaki kodu dosya içinde bulun.

<div class="footer-social-icons">

Bu koddan başlayarak,

</div><!-- .footer-social-icons -->

koduna kadar seçin ve silin. Sildiğiniz kodların yerine aşağıdaki kodları yapıştırn ve dosyayı kaydedin.

<div class="footer-social-icons">
							<?php
									if( !empty( $islemag_footer_social_icons ) ){
			                            $islemag_footer_social_icons_decode = json_decode( $islemag_footer_social_icons );
			                            if( !empty( $islemag_footer_social_icons_decode ) ){
			                                foreach( $islemag_footer_social_icons_decode as $icon ){
			                                    if( !empty( $icon->icon_value ) )
			                                    echo '<a '.( empty( $icon->link ) ? '' : 'href="'. esc_url( $icon->link ).'"' ).' class="footer-social-icon" target="_blank"><i class="fa '.esc_attr( $icon->icon_value ).'"></i></a>';
			                                }
			                            }
			                        }
							?>
							</div><!-- .footer-social-icons -->

5. Sağ sütundan “Tema üst bölümü” nü seçin (header.php).

6. Aşağıdaki kodu bulun.

<div class="navbar-left social-icons">

Yukarıdaki koddan başlayarak,

 </div>

etiketini ilk gördüğünüz yere kadar seçip silin ve onların yerine aşağıdaki kodları yapıştırıp kaydedin.

<div class="navbar-left social-icons">
                    <?php
                        $islemag_social_icons = get_theme_mod('islemag_social_icons');

                        if( !empty( $islemag_social_icons ) ){
                            $islemag_social_icons_decode = json_decode( $islemag_social_icons );
                            if( !empty( $islemag_social_icons_decode ) ){
                                foreach( $islemag_social_icons_decode as $icon ){
                                    if( !empty( $icon->icon_value ) )
                                    echo '<a '.( empty( $icon->link ) ? '' : 'href="'. esc_url( $icon->link ).'"' ).' class="social-icon" target="_blank"><i class="fa '.esc_attr( $icon->icon_value ).'"></i></a>';
                                }
                            }
                        }
                    ?>
                </div>

7. Tebrikler 🙂 işlemleri tamamladınız. Şimdi sitenize girdiğinizde Islemag temasının sosyal ayarlarını yapmışsanız, sosyal simgeler görüntülenecektir.

 

Asıl kaynağa gitmek isterseniz tıklayınız (İngilizce’ dir.) .

Daha Fazla İçerik
Yurt Dışından Türkiye’yi Ücretsiz Arayın