İçindekiler
Oldukça yaygın istekler, web sitesinde yönetici tarafında kendi açma/kapama düğmesi olmayan belirli bölümlerin gizlenmesiyle ilgilidir. Ön uçta her ayrıntı için tema yönetici düğmelerine sahip olmak mümkün olmadığı için, HTML kodlarını parçayı kaldırmak için düzenlemeye aşina değilseniz, CSS kullanarak istenmeyen bölümleri kolayca gizleyebilirsiniz.
Kaldırılacak parçayı bulun
Tam olarak kaldırmak istediğiniz kısmı bulabilmek için tarayıcı geliştirici araçlarını kullanabilirsiniz.
Diyelim ki blog gönderisinin altındaki tarih ve yazarı içeren kısmı kaldırmak istiyorsunuz, bu kısmı Inspect Element'e sağ tıklayın ve tarayıcı geliştirici araçlarını açın:
Fare imlecini kaynak kodunuzun üzerine getirdiğinizde, sayfada fare imlecinizin altında bir kaynak kod satırına atıfta bulunan vurgulanmış bölümü görebilirsiniz:
Bu şekilde, gizlemek istediğiniz par'ı bulabilirsiniz - örneğin, tümü tarih ve yazar içeren bölüm veya yalnızca tarih bölümü veya yalnızca yazar bölümüyse yukarıdaki ekran görüntülerine atıfta bulunarak.
Seçili bölümü gizlemek için CSS yaz
Gizlemek istediğiniz bir bölümü seçtiğinizde, kendi CSS stillerinizde seçili HTML etiketinin ID veya CLASS niteliğini kullanın veya tam olarak bu etiket için tema tarafından kullanılan CSS seçiciyi kullanın. Tema tarafından kullanılan seçili etiket için CSS seçiciyi tarayıcı geliştirici araçlarının sağ tarafında bulabilirsiniz.
Örneğin, tarihi ve yazarı olan bölümün tamamını kaldırmaya karar verdiyseniz, tema tarafından kullanılan seçici şu şekildedir: .elm-posts-main .item .item-info
Kenardaki HTML etiketini gizlemek için CSS stili "display: none;" şeklindedir, ayrıca kullanabilirsiniz !önemli CSS stilinin üzerine başka bir CSS ile daha fazla yazılmasını önlemek için ifade.
Bu nedenle, tarih ve yazarla birlikte bölümü gizlemek için son CSS stili şöyle olacaktır:
.elm-posts-main .item .item-info { görüntüle: yok !önemli; }
Özelleştiriciye özel CSS kodu ekleyin
Özel CSS kodunu içine ekleyebilirsiniz. Görünüm > Özelleştir > Ek CSS
Yayınladıktan sonra web sitenizden kontrol edebilirsiniz:
