Upload tipografia

class ftTipografia {

	public function __construct() {

		add_action( 'admin_menu', array( $this, 'add_admin_menu' ) );
		add_action( 'admin_init', array( $this, 'init_settings'  ) );

	}

	public function add_admin_menu() {

		add_menu_page(
			esc_html__( 'Tipografía', 'text_domain' ),
			esc_html__( 'Tipografía', 'text_domain' ),
			'manage_options',
			'tipografia',
			array( $this, 'page_layout' ),
			'dashicons-editor-textcolor',
			99
		);

	}

	public function init_settings() {

		register_setting(
			'ftTipografia_Group',
			'ftTipografia'
		);

		add_settings_section(
			'ftTipografia_section',
			'',
			false,
			'ftTipografia'
		);

		add_settings_field(
			'numberTft',
			__( 'Porcentaje', 'text_domain' ),
			array( $this, 'render_numberTft_field' ),
			'ftTipografia',
			'ftTipografia_section'
		);
		add_settings_field(
			'urlTf',
			__( 'Subir', 'text_domain' ),
			array( $this, 'render_urlTf_field' ),
			'ftTipografia',
			'ftTipografia_section'
		);

	}

	public function page_layout() {

		// Check required user capability
		if ( !current_user_can( 'manage_options' ) )  {
			wp_die( esc_html__( 'You do not have sufficient permissions to access this page.', 'text_domain' ) );
		}

		// Admin Page Layout
		echo '<div class="wrap">' . "n";
		echo '	<h1>' . get_admin_page_title() . '</h1>' . "n";
		echo '	<form action="options.php" method="post">' . "n";

		settings_fields( 'ftTipografia_Group' );
		do_settings_sections( 'ftTipografia' );
		submit_button();

		echo '	</form>' . "n";
		echo '</div>' . "n";

	}

	function render_numberTft_field() {

		// Retrieve data from the database.
		$options = get_option( 'ftTipografia' );

		// Set default value.
		$value = isset( $options['numberTft'] ) ? $options['numberTft'] : '50';

		// Field output.
		echo '<input type="number" name="ftTipografia[numberTft]" class="regular-text numberTft_field" placeholder="' . esc_attr__( '1 - 100', 'text_domain' ) . '" value="' . esc_attr( $value ) . '">';
		echo '<p class="description">' . __( 'De 1 a 100', 'text_domain' ) . '</p>';

	}

	function render_urlTf_field() {

		// Retrieve data from the database.
		$options = get_option( 'ftTipografia' );

		// Set default value.
		$value = isset( $options['urlTf'] ) ? $options['urlTf'] : '';

		// Field output.
		echo '<input type="url" name="ftTipografia[urlTf]" class="regular-text urlTf_field" placeholder="' . esc_attr__( 'http://', 'text_domain' ) . '" value="' . esc_attr( $value ) . '">';
		echo '<p class="description">' . __( 'Inserta un url donde esté la tipografía alojada, o súbela (opción recomendada)!', 'text_domain' ) . '</p>';

	}

}

new ftTipografia;