WordPress’te arama kutusu nasıl oluşturulur ve stil

Bir haber sitesi veya derginin daimi okuyucusuysanız, bazen ana metni vurgulamak için bazen “Anlatmalar” veya “Blok Quotes” adlı bir şey kullandıklarını göreceksiniz. Bu, uzun metin parçalarını parçalamak ve okuyucunun dikkatini önemli noktalara ve ilginç alıntılara çekmek için iyi bir yoldur. Görüşmelerde yaygın olarak kullanılırlar ve genellikle görüşüldüğü söylenen en ilginç veya tartışmalı şeyleri içerecektir.
WPMU Dev Design ve yetenekli bir ön uç ekibi sayesinde yeni blog yeniden tasarımımızın böyle yeni bilgi tasarımları içerdiğini de fark edebilirsiniz!
Ayrıca, harekete geçme veya reklam daveti gibi ana içeriğin bir parçası olmayan metin için de kullanabilirsiniz. Okuyucunun dikkatini çekecek ve tüm sayfayı okuyan kişi sayısını artırmanıza veya gitmek istediğiniz diğer sayfalara tıklamanıza yardımcı olacaklar. Bu yazıda, size basit bilgi için kısa bir kod veren bir eklenti nasıl yazacağınızı göstereceğim. Kısa kodun bir özniteliği vardır, bu da dengelenen bir öznitelik vardır, böylece bilgiye odaklanmayı veya metnin sarması için sola veya sağa hizalamanızı seçebilirsiniz. Bu gönderiyi takip etmeniz gereken şey, aşağıdakilere ihtiyacınız var:
Bir kod editörü,
Yer geliştirme siteniz işinizi test edebilir ve
WordPress’teki WP içerik klasörünüze erişim.
Yerel makinemde, WordPress tarafından test için sağlanan kukla verileri eklediğim bir test sitesi kullanıyorum – tema birimi test sayfasında bulabilirsiniz. Ancak orijinal içeriği kullanarak kendi kukla içeriğinizi yazabilir veya bazı iPSUM LOREM metinlerini kopyalayabilirsiniz. Not: Devam ettiğinizde kontrol edebilmeniz için GitHub’a bu gönderi için eksiksiz bir kod yükledim. Eklentiyi hazırlamak Yapmanız gereken ilk şey eklentinizi yapmaktır. WP-Concent/Eklentiler klasörünüzde, WPMU-Prretty-Callouts adlı yeni bir klasör oluşturun. Klasörde, iki boş dosya oluşturun: wpmu-prretty-callouts.php ve style.css adlı stil sayfası adı verilen ana eklenti dosyası. Şimdi oluşturduğunuz PHP dosyasını açın. Üstte WordPress’in ne olduğunu söyleyen bir yorum metni ekleyerek başlayın:
Core 5D3026689A44AD81C778E6987CBC7133 içerir
Bu, WordPress’e bunun bir eklenti olduğunu söyler ve kullanıcılara bu konuda bazı bilgiler verir. Benim değil, adınızı ve uri’nizi eklemek için kendiniz düzenleyebilirsiniz. Kısa Kod İşlevleri Ekle Şimdi kısa bir kod oluşturan bir işlev ekleyelim. Bu boş işlevi yaparak başlayın:
6f8ffc318343c2f725574c8b4c3f3d56’nın özünü içerir
Bu, işlevinizi düzenler ve etkinleştirildiğinde çalışması için Add_ShortCode kancasına ekler.
Şimdi işlevi dolduralım. İlk olarak, özelliklerimizi hizalama için hazırlayacağız. İşlevde şunu ekleyin:
Çekirdek 1cb711bff9a431499c345e994f393017 içerir
Bu, kullanıcıların sol, sağ veya orta seviyelerin seviyelerini eklemek için kullanabileceği Hizap özniteliklerini düzenler. Varsayılan olarak, bunun sıfır değeri vardır. Altında, yine de işlevinizin altında, sitenizdeki kısa kod içeriğini görüntülemek için kodu ekleyin: Çekirdek 8B8A77084EE9F6B7B6B6B60161C663FBF9
İçeriğinizin doğru yerde yayınlandığından emin olmak için ob_start () ve ob_get_clean () işlevlerini kullanır. Bunlar arasında kısa kod içeriği ekleyen kodlar, bir akiz öğesine sarılmış, güzel-cüzdan sınıfı ve ayarlanırsa sınıf olarak eklenen öznitelikler vardır. Bu, stili daha sonra düzenlemek için bu özelliği kullanabileceğiniz anlamına gelir.
Not: Kısa kod eklentileri yapmak hakkında daha fazla bilgi için, eklentiler yapmak için tam kılavuzumuza bakın. Şimdi tam işleviniz şöyle görünecek:
F758AC82ED35fabe933486c549234fb8’in özünü içerir
Şimdi dosyanızı kaydedin ve eklentiyi etkinleştirin.
Nasıl çalıştığını test edelim. Sitenizde bir yayın açın (veya yeni bir yayın için) ve biraz metin ekleyin. Metin paragraflarınızdan birinin üstünde, kısa kodunuzu ekleyin. Bu benim: [Güzel-Konserler] Bu güzel bir bilgi. Bu, ona çok fazla metin eklediğinizde harika görünüyor. Evet! [/Güzel Calout] Şimdi yayınınızı kaydedin ve sitenizde görün. Metnin eklendiğini ancak çok belirgin olmadığını göreceksiniz:
Bazı stiller eklememiz gerekiyor. Hadi bunu yapalım. Stil sayfası ekle Yapılacak ilk şey, eklenti klasörünüzde oluşturduğunuz stil sayfasını kaydetmektir. Ana eklenti dosyanıza geri dönün ve şu işlevi ekleyin:

Yükleme Intisari 97B1F5562015EE25795741FFC697567E