Bantuan » Bantuan » Tema » Cara Menerapkan CSS untuk file PHP pada widget

  • Salam Sejahtera Untuk Semuanya,

    Saya agak sedikit kesulitan menambah/mengganti url pada syntax PHP. Saya telah membuat CSS Sprites dengan tujuan untuk meng-optimalkan loading web, Namun karena kurang mengerti mengenai PHP saya agak kesulitan untuk menerapkan CSS Sprite tsb pada file PHP (untuk widget) yang dimaksud.
    Contoh syntax/file PHP:

    …………………..
    $thema_social_profiles_defaults = array(
    ‘title’ => ‘Social Profiles’,
    ‘profiles’ => array(
    array(‘title’ => ‘Twitter’, ‘url’ => ‘http://twitter.com/’, ‘button’ => get_template_directory_uri() . ‘/images/social-profiles/twitter.png‘),
    array(‘title’ => ‘Facebook’, ‘url’ => ‘http://facebook.com/’, ‘button’ => get_template_directory_uri() . ‘/images/social-profiles/facebook.png‘),
    …………………….

    Pada sintax/file di atas, saya akan mengganti image button (Tulisan cetak tebal) dengan menggunakan CSS Sprite.

    Bagaimana mengganti url tersebut agar mengarah ke file CSS dan kode yang telah saya buat bisa diload?

    Terima Kasih.
    Arief Komarudin <NIC Medan>

Melihat 4 balasan - 1 sampai 4 (dari total 4)
  • Saya kurang mengerti arti array di bawah ini, maksudnya hasil HTML nya. Yang jelas harus ditambahkan class atau id tertentu agar CSS Sprites bekerja.

    Array(
       'title' => 'Twitter',
       'url' => 'http://twitter.com/',
       'button' => get_template_directory_uri() . '/images/social-profiles/twitter.png'
    ) //

    Hal tersebut berpengaruh pada penempatan class atau id. Class atau id tersebut digunakan untuk melakukan styling CSS sprites. Cara menggunakan CSS sprites.

    <!-- misalnya saya tambahkan class dengan nama twitter -->
    .twitter {
       background-image: url(images/social-profiles/socmed.png);
       background-position: [horizontal position] [vertical position];
    }

    Further information:

    Semoga berhasil.

    Salam Kenal MasYunus….

    Terima Kasih atas responnya Mas.

    Sintak file PHP tersebut merupakan Social Profil Widget (Bawaannya Themes), Sintax aray kemungkinan iya tuk hasil HTML-nya, yang belum saya pahami untuk merubah url image tuk buttonnya, supaya bisa load kode CSS Sprite yang telah saya buat.

    Iya, tapi untuk menggunakan CSS Sprites bukan dengan cara mengganti image button. Karena pada CSS Sprites, image diattach ke HTML bukan melalui tag <img> tapi pakai CSS. Sedangkan fungsi itu menggunakan tag <img>, bukan CSS. Singkatnya solusi “mengubah url image button menjadi image yang ada di CSS Sprites” pada kasus Anda ini itu kurang tepat.

    Lalu bagaimana solusi yang benar? Attach the class or id that contains the url then style the class or id to use CSS Sprites as I instructed above. Once again, using CSS Sprites is attaching components with class or id first the style it with CSS Sprites, not changing the url on tag <img> of the button image.

    sepertinya dalam kasus itu anda tidak bisa menggunakan css sprites. karena array di situ sudah mengarah ke sebuah gambar icon sosmed tertentu.. jika memaksa, jangan pakai fungsi itu dan buat fungsi baru.. itu bisa dilakukan di widget text html, kemudian anda buat selectornya dengan css.

Melihat 4 balasan - 1 sampai 4 (dari total 4)
  • Topik ‘Cara Menerapkan CSS untuk file PHP pada widget’ tertutup untuk balasan baru.