Bir Elementor projesinde bir düğmeyi değiştirmeniz gerektiğinde, bunu yapmanın birkaç farklı yolu vardır. Düğmeler paletini kullanabilir, CSS’yi değiştirebilir veya Elementor API’sini kullanabilirsiniz.
Düğmeler paleti, projenizdeki tüm düğmelerin görünümünü değiştirmenin basit bir yoludur. Düğmeler paletine erişmek için, araç çubuğundaki palet simgesine tıklayın ve ardından düğmeler sekmesine tıklayın.
Bu sekme, her biri için değiştirebileceğiniz özelliklerle birlikte projenizdeki tüm düğmelerin bir listesini içerir. Örneğin, bir düğmenin rengini, boyutunu ve şeklini değiştirebilirsiniz.
Aynı düğmeler paletini kullanarak bir düğmenin CSS’sini de değiştirebilirsiniz. Bunu yapmak için, değiştirmek istediğiniz düğmeye tıklayın ve ardından araç çubuğundaki özellikler simgesine tıklayın.
Bu, o düğme için CSS Özelliklerini açacaktır. Ardından, projenizdeki diğer öğeler için kullandığınız aynı özellikleri kullanarak düğmenin stilini değiştirebilirsiniz.
Son olarak, Elementor API’sini kullanarak düğmenin davranışını da değiştirebilirsiniz. Bunu yapmak için önce yeni bir eylem oluşturmanız gerekir. Yeni bir eylem oluşturmak için Eylemler panelini açın ve + düğmesine tıklayın.
Bu, Eylem Ekle iletişim kutusunu açacaktır. Bu iletişim kutusunda, değiştirmek istediğiniz düğmenin adının yanı sıra eylemin adını da belirtmeniz gerekir.
Eylemi oluşturduktan sonra, eylemin kullanacağı parametreleri belirtmeniz gerekir. İlk parametre düğmenin kimliğidir.
PRO İPUCU: HTML ve CSS’ye aşina değilseniz, Elementor’da bir düğmeyi değiştirmenizi önermiyoruz. Bunu yapmak düğmenin işlevselliğini bozabilir.
Bu, düğmeler paletinde, CSS özellikler panelinde veya Elementor API’sinde bulabileceğiniz düğme için benzersiz bir tanımlayıcıdır.
İkinci parametre, eylemin kullanacağı işlevdir. Bu işlev aşağıdakilerden biri olabilir:
– ChangeColor: Bu işlev, düğmenin rengini değiştirir
– ChangeSize: Bu işlev, düğmenin boyutunu değiştirir
– ChangeShape: Bu işlev, düğmenin şeklini değiştirir
Parametreleri belirledikten sonra, işlem için kodu sağlamanız gerekir. Bunu, eylemin araç çubuğundaki kod simgesine tıklayarak yapabilirsiniz.
Bu işlem için Kod Düzenleyiciyi açacaktır.
Son olarak, projenizde kullanılabilmesi için eylemi yayınlamanız gerekir. Bunu yapmak için, eylemin araç çubuğundaki yayınla simgesine tıklayın.
Bu, Yayınla iletişim kutusunu açacaktır. Bu iletişim kutusunda, eylemin yayınlanması gereken konumu belirtmeniz gerekir.
Eylemi yayınladıktan sonra, düğme belirttiğiniz parametrelere göre değiştirilecektir.