Coding

SMG Veri Sunum WordPress Eklentisi

Tanım

Shema Media Group’un program veri tabanından alınan podcast bilgilerini ve yayın akışlarını Shema Media Group’un yönettiği web sitelerinde görüntüleme eklentisi.

JS Prodüksiyon için hazırlandı.

Kurulum

Eklentiyi WordPress arabirimi kullanarak yükleyip etkinleştirdikten sonra Ayarlar > Genel panosuna gidip SMG JSON dosyası konumu alanın verileri içeren JSON dosyasının tam yolunu giriniz.
Örneğin:
/var/www/somesite.com/radio-1.json
https://www.shemamedia.com/xfer/radio-1.json

 

Shortcode ile Görüntüleme

[smg-akis]
Yayın akışını görüntüler. İki seçenek sunar:

  • sekme — Seçenek sekme="evet" (varsayılan) olarak ayarlanırsa, yayın akışı sekme içinde görüntülenir. Seçenek sekme="hayir", yayın akışı alt alta listelenir.
  • linkler — Seçenek linkler="evet" olarak ayarlanırsa, yayın akışındaki her program podcast sayfasına link ile görüntülenir. Seçenek linkler="hayir" (varsayılan) olarak ayarlanırsa, sadece program başlıklar görüntülenir.

Tablonun görünümü WordPress Özelleştir sekmesindeki Özel CSS sekmesinde şu sınıfları kullanarak ayarlanabilir:

  • .ddp-guide-table – tablonun tümü
  • .ddp-guide-table-row – tablonun satırları
  • .ddp-guide-table-head – başlık hücreleri
  • .ddp-guide-table-cell – gövdedeki hücreler

 

[smg-program-liste]
Belirlenen radyodaki yayımlanan tüm programların listesini görüntüler.

  • sunum — Seçenek sunum="album-art" (varsayılan) programları tanımlanan albüm art ile sütun halinde görüntüler. Seçenek sunum="liste" programları sırasız liste olarak görüntülenir. Seçenek sunum="sutun" programları esnek genişliği olan sütunlarda görüntüler. Seçenek sunum = "paragraf" her bir programı ayrı bir paragrafta görüntüler. sunum="baslik" her bir programı <h3> başlık olarak görüntüler.
  • linkler — Seçenek linkler="baslik" (varsayılan) her programı podcast sayfasına bir link olarak görüntüler. Seçenek linkler="hayir" programlar başlıklarını link olmadan yazar. sunum="sutun" seçeneği ayarlandıysa, linkler="daha" seçeneği öğenin altına “Podcasti dinle” linkini ekler.

Program listesi görünümü WordPress Özelleştir sekmesindeki Özel CSS sekmesinde şu sınıfları kullanarak ayarlanabilir:

  • .ddp-categories sırasız bir liste olan kategori linklerinin görünümünü ayarlar.
  • .ddp-list-col sütun görünümünü ayarlar.
  • ul.ddp-list-list ve li.ddp-list-item sınıfları liste görünümünü ayarlar.
  • div.ddp-list-paragraphs vep.ddp-list-item sınıfları paragraf sunum görünümünü ayarlar.
  • div.ddp-list-headings ve h3.ddp-list-item sınıfları başlık tarzı görüntülemesini ayarlar.
  • “Podcasti dinle” linklerp.ddp-list-more sınıfını kullanarak ayarlanır.
  • Album art görüntüsü .ddp-list-withart-custom sınıfı aracılığıyla düzenlenebilir.
  • Program detayı penceresı aşağıdaki CSS tanımları kullanarak düzenlenebilir:
    • Ana pano için #ddp_prog_detail
    • Albüm resmini içeren sütun için #ddp_prog_detail_art
    • Program verilerini içeren sütun için #ddp_prog_detail_data
    • Altbilgiler için #ddp_prog_detail_footer
    • Podcast dinle linki için #ddp_prog_detail_pcbutton

Diğer sınıfları sayfayı tarayıcınızda araştırarak tespit edebilirsiniz.

 

[smg-calan-parca]
Şu an çalan parçayı dinamik bir şekilde görüntüler. Tek seçeneği vardır

  • son_on — Seçenek son_on="evet" (varsayılan) olarak ayarlanırsa, son on parçayı görüntüleyebilen bir link eklenir. Seçenek son_on="hayir" olarak ayarlanırsa, link görüntülenmez.