Tam Genişlikte PHP Div + CSS Kodu Oluşturma Eğitimi
Bu sefer PHP’de Tam Genişliğe sahip bir DIV’nin nasıl oluşturulacağını tartışacağız. Muhtemelen bunu genellikle YouTube izlerken görürsünüz. Daha sonra tam ekran değil Cinema Wide moduna girin biliyorsunuz. PHP ve CSS’yi anlamayanlar için şu makaleyi okumayı deneyin: HTML, PHP ve CSS programlama dilleri arasındaki farklar.
PHP programlama dilinde DIV kimliği, sınıf kabının (div sınıfı) üzerinde ana kap olarak kullanılır. Container sınıfının olduğu yerde içerikler, web sitesinde görüntülemek istediğiniz içerik olacaktır. Üzerinde çalıştığınız şablona DIV ID eklemek çok kolaydır.
<div id=”namadiv”> <div class=”namaclass”> <?php KONTEN YANG INGIN DITAMPILKAN; ?> </div> </div>
WordPress kullanıcıları için div ve class özelliklerini kullanarak belirli bir noktada yeni bir konteyner oluşturabiliriz. Örneğin, başlığın üstüne bir video kapsayıcısı eklemek veya alışılmadık bir noktada kenar çubuğu oluşturmak, benzersiz bir noktaya reklam yerleştirmek vb. istiyorsunuz. Özellikle WordPress kullanıcıları için, yukarıdaki div kimliğini ve div sınıfı kodunu aşağıdaki alana girmeniz yeterlidir. sayfa tek.php veya içerik.php WordPress temanızda olan.
Şunlar da hoşunuza gidebilir
Yukarıdaki özel div ve özel sınıfı ekledikten sonra. Div ve class kodunun dilediğiniz gibi TAM GENİŞLİKTE ve özel yükseklikte bir grafik gösterebilmesi için CSS kodunu yüklemeyi unutmayın.
#namadiv .namaclass {background:#0E0E10;width: 100vw; position: relative; margin-left: -50vw; left: 50%; height: 100px}
#divname ve .classname’i oluşturduğunuz şeye göre değiştirin. Bundan sonra sadece oynayın arka plan Ve yükseklik oluşturduğunuz yeni kapsayıcı için. Daha fazla ayrıntı için aşağıdaki PHP ve CSS kodlamasına bakmayı deneyin.
PHP Div Tam Genişlik Örneği
PHP (Tek.php) – WordPress
<div id=”videoz”> <div class=”inner”> <?php echo apply_filters(‘the_content’, get_post_meta($post->ID,’_wpwoxcustomscriptcontenttop’, true)); ?> </div>
CSS (Stil.css) – WordPress
#videoz .videoplayers {background:#0E0E10;width: 100vw; position: relative; margin-left: -50vw; left: 50%}}
#videoz .row-full {max-width:1240px; margin: 0 auto;padding: 0px 15px;}
#videoz .posted_by {display:none;}
#videoz {width: 100%;}
PHP ve CSS kodlamasını öğrenmeye başlamak isteyenler için aşağıdaki gibi hafif ve basit yazılımları kullanabilirsiniz: Not Defteri++. Herhangi bir sorunuz varsa lütfen aşağıya yorum yapın!
