WordPress sitenize ızgara düzeni eklemek için duvar kullanmak için pratik kılavuz

Böylece, Pinterest-Grid stilini taş düzen kullanarak WordPress sitesine/bloguna uygulayabilirsiniz. Bu yazıda, WordPress sitenizi nasıl oluşturabileceğiniz veya Pinterest (yani multipize edilmiş kafes düzeni) gibi bir kafes stili görüntüleyebileceğiniz hakkında birkaç adımda size rehberlik edeceğim. Bu amaçla, popüler JavaScript Masonry Kütüphanesi’ni kullanacağım. Ancak, önce WordPress’teki tuğla çiftinin düzenini kısaca tanıtalım.
WordPress sürüm 3.5, JQuery Masonry’nin (JavaScript ızgarasının düzeninin kütüphanesi) piyasaya sürülmesiyle WordPress’teki duvar düzeni özeti, herhangi bir WordPress tasarım düzeninde özel bir başlığın görünümünü iyileştirmek için tanıtıldı. Bu kütüphane, duvara monte edilmiş tuğlalar gibi mevcut dikey alana dayalı olarak tasarıma doğru konuma yerleştirilmesine yardımcı olur. Duvar düzeninin uygulanabileceği yerlere bakalım:
Blog Gönderileri: Bir WordPress blog yazısı, genel olarak, kısa bir özetle birlikte yayınların bir listesinden oluşur. Ancak yayınlar listenizi görüntülemek için tek bir kullanma sorun bulamazsınız, ancak tüm yayınlarınızı bir özet içeren bazı sütunlarla blog sayfanızın çok dağınık görünmesini sağlayabilir. Sorun buysa, her yazının özetinin uzunluğunu sınırlayarak blog düzeninizin tutarlılığını korumalısınız. Duvar düzeni yardımıyla bu tür hedeflere ulaşabilirsiniz.
Resim Galerisi: Duvarcılık Düzeni’nin en çok önerilen ikinci kullanımı resim galerisinde. Bildiğiniz gibi, herhangi bir WordPress sitesindeki resim galerisi, farklı boyutlara sahip birçok görüntü ile birlikte gelir. Ve böylece, kalite üzerinde herhangi bir etkisi olmadan, aynı boyutlara sahip bir görüntü koleksiyonu yapmak zor olabilir. Ancak Masonry’nin düzeni sayesinde, çeşitli boyutlara sahip bir resim galerisi yapabilirsiniz.
WordPress’te Masonry kullanmaya yönelik adımlar-demi-adımlar için rehber şimdi adımlar hakkında konuşalım, aşağıdakiler Pinterest gibi kafes stilini WordPress temanızın düzenine uygulamada rehberlik etmenize yardımcı olacaktır. WP temanız İlk Şey Siz WordPress temanıza taş düzenini uygulamak için yapılması, önemli bir komut dosyası yüklemeye yardımcı olan bir kod yazmaktır. Bizim durumumuzda, “Script.js” adlı komut dosyası yüklenecektir. Bunun için, yalnızca fonksiyonlarınızda aşağıdaki kod indirimini eklemeniz gerekir.php dosyası: <? Php // wordpress en son sürüm masonry içerdi, yalnızca function.php dosyamıza çağırmamız gerekiyor.php dosyası // dosya işlevi için kod. .php header_js_scripts () işlevi {
if ($ globals ['pagenow']! = 'wp-login.php' &&! Is_admin ()) {

wp_enqueue_script (‘jQuery’); wp_enqueue_script (‘taş’); wp_enqueue_script (‘komut dosyaları’, get_template_directory_uri (). ‘/js/scripts.js’, array (), ‘1.0.0’); }} add_ace (‘init’, ‘header_js_scripts’); Site_styles function () {wp_enqueue_style (‘masonry’, get_template_directory_uri (). ‘/Css/masonry.css’, array (), ‘1.0.0’); } Add_action (‘wp_enqueue_scripts’, ‘site_styles’); ?> Adım 2 – ızgarayı hazırlayın Bir sonraki adımda, yukarıdaki adımlarda oluşturduğumuz komut dosyası dosyasının kodunu belirleyeceğiz. Bu, duvar yapısının (IE ızgarası) hazırlanmasına yardımcı olacaktır. Ardından, komut dosyası yayınlarınızın her biri için kabı belirleyecektir. Aşağıda duvar hazırlanmasına yardımcı olacak bir kod var ve script.js’e eklenmesi gerekiyor:
// duvarın var var cont = document.querysector (‘#duvar-döngü’) içinde olacağı konteyneri ayarlayın; duvar ustası; // MASONRY BAŞLIŞTIRMA Tüm görüntüler görüntülerle yüklendi (kapsayıcılar, functions () {mason = yeni mason (devam, {madde seçmen: ‘.Masonry-giriş’});}); Yukarıdaki komut dosyası Masonry’ye, “Duvar-Giriş” sınıfı ile birlikte öğe için belirtilen “Duvar-Döngü” kimliğini içeren bir kapta arama yapmasını söyler. Ve sonra ve tüm görüntüler yüklendikten sonra ızgarada görüntülenecek öğenin boyutunu hesaplamak için. Adım 3 Her kaya öğesinin yapısını şimdi tanımlayın, çünkü bir kap yaptığınız için, şimdi her bir girişin yapısını (yani duvar öğeleri) aşağıdaki kodu kullanarak belirleme zamanıdır: <Makale Class = "Masonry-Entry" Kimliği = "Post- “>
<a href="” başlık = ” “> “>

Adım 4 – Şablonunuz için bir taş düzen hazırlayın Kafes tarzı düzenini eklemek istediğiniz şablonu seçtikten sonra, şablonu temanıza eklemeniz gerekir. Bunu yapmak için, aşağıdaki kodu dizin.php dosyasına ekleyin:
<Makale sınıfı = "Masonry-Entry" id = "Post- “>
<a href="” başlık = ” “> “>

<!-#->

Yazı bulunmadı. PHP Endif; ?> Sonuç o! Umarım bu yazıyı okumak size Masonry’nin nasıl kullanılacağı hakkında adil bir fikir verecektir, kafes düzenini (Pinterest stil ızgarası gibi) WordPress temanıza uygulayabilirsiniz.