Ödeme Yöntemi Görünümünü Özelleştirme

Bu belge yalnızca Yeni Ödeme Deneyimi için geçerlidir

Maksimum düzeyde güvenlik sağlamak için, hassas ödeme bilgilerini toplayan form alanlarından hiçbiri doğrudan web sitenizde yüklenmez. Bunun yerine, sayfaya bir <iframe> yerleştirilir ve içeriği doğrudan Stripe sunucularından yüklenir.

Bu, güvenlik açısından harikadır, ancak form öğelerine standart CSS uygulanmasını engeller (CSS bir iframe'e uygulanmaz). Ödeme yöntemi öğelerinin görünümünü özelleştirmek için Elements Appearance API kullanılabilir.

Elements yapılandırmasını değiştirmek için aşağıdaki filtre kullanılabilir:

<?php
/**
 * Plugin Name: WP Simple Pay - Custom Elements Appearance
 */
add_filter(
	'simpay_elements_config',
	function( $elements ) {
		// Increase the base font size of the tabs to scale the icons.
		$elements['appearance']['rules']['.Tab']['fontSize'] = '24px';

		// Set the font size of the tab label to "reset" the font size.
		$elements['appearance']['rules']['.TabLabel']['fontSize'] = '15px';

		return $elements;
	}
);

Yukarıdaki örnek, ödeme yöntemi simgelerinin boyutunu artırır:

Özel kod parçacıklarını nasıl uygulayacağınızı öğrenin →