0
Kayıt Ol

Wordpress Temaya Giydirme Yapmak r10+

7

●

196

  • 30-10-2023, 23:55:00
    #1
    sharks
    sharks
    Merhaba, bir arayüzü tasarımını herhangi bir wordpress temasına giydirmek mümkün mü? Bu işi yapan arkadaşlar var mı?
  • Kabul Edilen Cevap
    • harew1
      0 Beğeni
      Mesaja Git
      sharks adlı üyeden alıntı: mesajı görüntüle
      Ortada başka bir tema yok hocam. Mevcuttaki temama özel, uyumlu bir arayüzü tasarımı yapsam bunu mevcut temaya giydirebilir miyiz?
      giydirme sıfırdan yapılır sizin dediğiniz revize etmek olur, ana hatlar korunup temaya ekleme yapılabilir.

      Kısaca söyle anlatım.

      bu kullanılan tema kodları diyelim.
      <!DOCTYPE html>
<html>
<head>
    <style>
        .tab {
            display: none;
        }
        .tab.active {
            display: block;
        }
    </style>
</head>
<body>
    <div class="tab-container">
        <button class="tab-button" onclick="showTab(0)">Sekme 1</button>
        <button class="tab-button" onclick="showTab(1)">Sekme 2</button>
        <button class="tab-button" onclick="showTab(2)">Sekme 3</button>
        <button class="tab-button" onclick="showTab(3)">Sekme 4</button>

        <div class="tab" id="tab1">Bu 1. sekme içeriği</div>
        <div class="tab" id="tab2">Bu 2. sekme içeriği</div>
        <div class="tab" id="tab3">Bu 3. sekme içeriği</div>
        <div class="tab" id="tab4">Bu 4. sekme içeriği</div>
    </div>

    <script>
        function showTab(tabIndex) {
            // Tüm sekmeleri gizle
            let tabs = document.querySelectorAll('.tab');
            tabs.forEach(tab => {
                tab.classList.remove('active');
            });

            // Belirli sekme gösterilsin
            let selectedTab = document.getElementById('tab' + (tabIndex + 1));
            selectedTab.classList.add('active');
        }
    </script>
</body>
</html>
      buda ek yapılan tema kodları revize edilmiş 

      <!DOCTYPE html>
<html>
<head>
    <style>
        .tab {
            display: none;
        }
        .tab.active {
            display: block;
        }
    </style>
</head>
<body>
    <div class="tab-container">
        <button class="tab-button" onclick="showTab(0)">Sekme 1</button>
        <button class="tab-button" onclick="showTab(1)">Sekme 2</button>
        <button class="tab-button" onclick="showTab(2)">Sekme 3</button>
        <button class="tab-button" onclick="showTab(3)">Sekme 4</button>

        <div class="tab" id="tab1">Bu 1. sekme içeriği</div>
        <div class="tab" id="tab2">Bu 2. sekme içeriği</div>
        <div class="tab" id="tab3">Bu 3. sekme içeriği</div>
        <div class="tab" id="tab4">Bu 4. sekme içeriği</div>
    </div>

<div class="ekleme-container">
burası sonradan eklendi.
</div>
    <script>
        function showTab(tabIndex) {
            // Tüm sekmeleri gizle
            let tabs = document.querySelectorAll('.tab');
            tabs.forEach(tab => {
                tab.classList.remove('active');
            });

            // Belirli sekme gösterilsin
            let selectedTab = document.getElementById('tab' + (tabIndex + 1));
            selectedTab.classList.add('active');
        }
    </script>
</body>
</html>
      bu şekilde olursa revize olur ama bunların dışında kod yapısı olursa sıfırdan giydirme olur.
  • 30-10-2023, 23:59:16
    #2
    B4RIS
    B4RIS
    figma to wordpress eklentisi var. Ücretli ve ücretsiz hizmeti bulunuyor. İnceleyebilirsiniz.
  • 31-10-2023, 00:02:16
    #3
    sharks
    sharks
    B4RIS adlı üyeden alıntı: mesajı görüntüle
    figma to wordpress eklentisi var. Ücretli ve ücretsiz hizmeti bulunuyor. İnceleyebilirsiniz.
    Mevcut temamın üzerine yapmak istiyorum, yani temanın fonksiyonları duracak sadece görüntüyü değiştireceğim.
  • 31-10-2023, 00:02:32
    #4
    QuantumPix
    QuantumPix
    Tema giydirme işlemleri yapılır.
  • 31-10-2023, 00:10:03
    #5
    harew1
    harew1
    sharks adlı üyeden alıntı: mesajı görüntüle
    Merhaba, bir arayüzü tasarımını herhangi bir wordpress temasına giydirmek mümkün mü? Bu işi yapan arkadaşlar var mı?
    Temaya tema giydirme diye bişi olmaz giydirilecek temaya var olan temada ki özellikler yeni giydirilecek temaya eklenebilir.
  • 31-10-2023, 00:12:22
    #6
    sharks
    sharks
    harew1 adlı üyeden alıntı: mesajı görüntüle
    Temaya tema giydirme diye bişi olmaz giydirilecek temaya var olan temada ki özellikler yeni giydirilecek temaya eklenebilir.
    Ortada başka bir tema yok hocam. Mevcuttaki temama özel, uyumlu bir arayüzü tasarımı yapsam bunu mevcut temaya giydirebilir miyiz?
  • 31-10-2023, 00:17:12
    #7
    mehmetkurtu
    mehmetkurtu
    Merhabalar,



    Profesyonel bir şekilde yardımcı olmak için bizimle iletişime geçiniz.



    https://wa.me/+905416286496





    https://webbilisimi.com.tr/

    https://kurtuwebtasarim.com.tr/
  • 31-10-2023, 00:25:20
    #8
    Bu cevap, moderatörlerimiz tarafından kabul edilebilir bir cevap olarak işaretlendi.
    harew1
    harew1
    sharks adlı üyeden alıntı: mesajı görüntüle
    Ortada başka bir tema yok hocam. Mevcuttaki temama özel, uyumlu bir arayüzü tasarımı yapsam bunu mevcut temaya giydirebilir miyiz?
    giydirme sıfırdan yapılır sizin dediğiniz revize etmek olur, ana hatlar korunup temaya ekleme yapılabilir.

    Kısaca söyle anlatım.

    bu kullanılan tema kodları diyelim.
    <!DOCTYPE html>
<html>
<head>
    <style>
        .tab {
            display: none;
        }
        .tab.active {
            display: block;
        }
    </style>
</head>
<body>
    <div class="tab-container">
        <button class="tab-button" onclick="showTab(0)">Sekme 1</button>
        <button class="tab-button" onclick="showTab(1)">Sekme 2</button>
        <button class="tab-button" onclick="showTab(2)">Sekme 3</button>
        <button class="tab-button" onclick="showTab(3)">Sekme 4</button>

        <div class="tab" id="tab1">Bu 1. sekme içeriği</div>
        <div class="tab" id="tab2">Bu 2. sekme içeriği</div>
        <div class="tab" id="tab3">Bu 3. sekme içeriği</div>
        <div class="tab" id="tab4">Bu 4. sekme içeriği</div>
    </div>

    <script>
        function showTab(tabIndex) {
            // Tüm sekmeleri gizle
            let tabs = document.querySelectorAll('.tab');
            tabs.forEach(tab => {
                tab.classList.remove('active');
            });

            // Belirli sekme gösterilsin
            let selectedTab = document.getElementById('tab' + (tabIndex + 1));
            selectedTab.classList.add('active');
        }
    </script>
</body>
</html>
    buda ek yapılan tema kodları revize edilmiş 

    <!DOCTYPE html>
<html>
<head>
    <style>
        .tab {
            display: none;
        }
        .tab.active {
            display: block;
        }
    </style>
</head>
<body>
    <div class="tab-container">
        <button class="tab-button" onclick="showTab(0)">Sekme 1</button>
        <button class="tab-button" onclick="showTab(1)">Sekme 2</button>
        <button class="tab-button" onclick="showTab(2)">Sekme 3</button>
        <button class="tab-button" onclick="showTab(3)">Sekme 4</button>

        <div class="tab" id="tab1">Bu 1. sekme içeriği</div>
        <div class="tab" id="tab2">Bu 2. sekme içeriği</div>
        <div class="tab" id="tab3">Bu 3. sekme içeriği</div>
        <div class="tab" id="tab4">Bu 4. sekme içeriği</div>
    </div>

<div class="ekleme-container">
burası sonradan eklendi.
</div>
    <script>
        function showTab(tabIndex) {
            // Tüm sekmeleri gizle
            let tabs = document.querySelectorAll('.tab');
            tabs.forEach(tab => {
                tab.classList.remove('active');
            });

            // Belirli sekme gösterilsin
            let selectedTab = document.getElementById('tab' + (tabIndex + 1));
            selectedTab.classList.add('active');
        }
    </script>
</body>
</html>
    bu şekilde olursa revize olur ama bunların dışında kod yapısı olursa sıfırdan giydirme olur.