Ghost Özel Kayıt Formu Oluşturma

mrtztrk · 2026-04-28T14:11:56+03:00

Ghost ile özel bir kayıt formu oluşturmayı öğrenin. Bu kılavuz, HTML entegrasyonu, CSS stili ve kullanıcı etkileşimi stratejileri dahil olmak üzere tüm adımları kapsar. Güçlü bir marka kimliğine sahip yayınlar veya Ghost sitelerini tamamen optimize etmek isteyenler için özel bir kayıt formu, yalnızca bir araçtan daha fazlasıdır; markanın bir uzantısıdır. Örnek olarak plak koleksiyonculuğu ve müzik dinlemeye odaklanan bir yayın olan Of Record'u kullanarak şunları inceleyeceğiz: Kişiye özel kayıt yaptırmanın nedenleri Özel bir kayıt formunun anatomisi İlgi çekici bir kayıt formunu oluşturan unsurlara bir göz atın İşte bu eğitimde oluşturacağımız kayıt formunun bir önizlemesi: Düşündüğünüzden daha basit olabilir Ghost, çoğu yayın için kullanıma hazır ve özel kod gerektirmeyen basit bir çözüm sunuyor. Ayarlar → Üyelik'e gidin, bir düzen ve renk seçin, etiketlerinizi uygulayın ve ardından web'de istediğiniz yerde kullanmak üzere yerleştirme kodunu kopyalayın. İşte canlı bir örnek: Ancak ileri düzey kullanıcılar için Ghost, şunları yapmanıza olanak tanıyan tamamen özel bir kayıt formu oluşturmanıza olanak tanıyan araçlar sunar: Formu markanızın görsel kimliğiyle tamamen uyumlu hale getirin. Benzersiz bir kullanıcı deneyimi sağlayın. Performansı optimize edin. Aşağıda gösterilen Of Record kayıt formunu inceleyerek bu araçların nasıl çalıştığını görelim. Özel bir kayıt formunun anatomisi Özel bir kayıt formu oluşturmanın güzelliği, standart HTML öğeleriyle oluşturmakla tamamen aynı olmasıdır. Ghost ile entegre etmek, birkaç özel veri niteliği eklemek kadar basittir. İşte Of Record'un kayıt formunun kodu: html: <form data-members-form= > <input data-members-label type="hidden" value="Turntable buying guide" /> <label> Name <input data-members-name /> </label> <label> Email <input data-members-email type="email" required /> </label> <button> Sign up </button> <p>⏲️ Please hold while we check our collection.</p> <p>❗Something's gone wrong. Please try again.</p> <p>🎸 Success! Check your inbox for our email.</p> </form> Bu formu temanızda veya sitenizde bir HTML kartı aracılığıyla herhangi bir yere yerleştirdiğinizde, anında özel bir kayıt formu oluşturulur Çalışmasını sağlayan gerekli özelliklerden bahsedelim. Formu etkinleştirin Ghost'u özel formunuzdan haberdar etmek için forma data-members-form özniteliğini ekleyin. Yeni bir üyenin alacağı e-postanın dilini, özniteliğe bir değer ekleyerek değiştirebileceğinizi unutmayın: : yeni üyeler "kayıt ol" dilinde bir e-posta alırlar (varsayılan): yeni üyeler "abone ol" dilinde bir e-posta alırlar İşlevsel olarak, bu seçeneklerin her ikisi de aynıdır. Bunlardan birini veya diğerini seçmek tamamen yayınınızın kimliğine bağlıdır. Dokümanlarda data-members-form özniteliği için ek seçeneklere bakın. Kayıt formunu yalnızca üye olmayanlara göstermek için eşleşme yardımcısını @member nesnesiyle birlikte kullanın. Bir isim al html: <label> Name <input data-members-name /> </label> Of Record formunda, girdiyi bir etiket öğesiyle sarıyoruz. Bu yaklaşım isteğe bağlıdır, ancak etiketi ve girdiyi ilişkilendirmek için kullanışlı bir yöntemdir ve formu daha erişilebilir hale getirir. data-members-name özniteliği, Ghost'a üyenin adını toplamasını söyler. Ancak, girdiden "gerekli" ifadesi çıkarıldığı için bu alan isteğe bağlıdır. Bir üye, adını vermeden kaydolabilir. Bir ad istemek için, bir sonraki bölümde görüldüğü gibi "gerekli" özniteliğini kullanın. Bir e-posta al html: <label