gomymobi.com: Base de conocimientos

Ajustes importantes para un tema de sitio web

- Aunque el tema del Web site es apenas una plantilla del HTML, pero para ser un tema válido del Web site para cargar; Usted debe tener algunos archivos imporant para definir el tema de su sitio web.

- En este tutorial, vamos a mostrarle todos los ajustes necesarios y personalizados para un tema de sitio web.

Estructura del tema de un sitio web

Theme-Zipped-File.zip
- theme-settings.php (necesario)
- theme-page-processor.php (necesario)
- index.html (necesario)
- preview.jpg (necesario)
- screenshots-files (necesario)
- Custom-file.html
- Carpeta personalizada
  - Custom-file.css
  - Custom-file.jpg

- La primera regla para el Web site limpió el archivo del tema es todos los archivos y las carpetas deben estar en la raíz del archivo comprimido, no en cualquier secundario-nivel.

- En segundo lugar, el tema de su sitio web debe tener al menos 5 tipos de archivos necesarios como la estructura al lado.

- La página por defecto de cada tema del sitio web debe ser index.html, Y debe tener una vista previa en miniatura y capturas de pantalla. El formato de las capturas de pantalla se explicará en theme-settings.php archivo.

theme-settings.php

- Este archivo contiene las configuraciones de tema requeridas y la configuración personalizada de tema de sitio web que permite a los usuarios cambiar las configuraciones de temas en la sección Administración de sitios web.

$theme_settings = array(
	'Version'	=> '1',
	'Info'		=> array(
		'default' 	=> 'Descripciones para el tema del sitio web.',			// necesario
		'fr'		=> 'Descripciones para el tema del sitio web en francés.',	// Opcional
		'de'		=> 'Descripciones para el tema del sitio web en alemán.',	// Opcional
		),

	// necesario, Páginas predeterminadas de cada tema, asigne con sus nombres
	'Pages_Default'	=> array(
		'Home'			=> 'index.html',			// necesario
		'Servicio'		=> 'service.html',			// Opcional
		'Acerca de'			=> 'about.html',			// Opcional
		'Contact'		=> 'contact.html',			// Opcional
		),

	// Opcional, Utilice esta configuración si permite a los usuarios crear una nueva página personalizada y, a continuación, introduzca el nombre del archivo en esta configuración, por ejemplo: custom.html
	'Pages_Cutom'	=> '',

	// Opcional, Utilice esta opción si su tema tiene etiquetas HTML editables personalizadas que HTML Builder no puede detectar
	// ex: div.chart, p.quote, custom_tag, div .inner .editable-child
	'Editable_Tags'	=> '',

	/*
	Capturas de pantalla MUST are array
	Patrón:
		1) 'Screenshots'	=> array(
			Número de índice			=> 'Caption Caption'')
		2) 'Screenshots'	=> array(
			'Nombre-archivo.extension'	=> 'Caption Caption'')
	*/
	'Screenshots'	=> array(
		1 => 'Caption Caption',
		2 => 'Caption Caption',
	),

	/*
	'Screenshots'	=> array(
		'screenshot.jpg' => 'Caption Caption',
		'screenshot.png' => 'Caption Caption',
	),
	*/

	// Opciones preparadas para cargar, estos detalles se agregarán a las entradas cuando este tema se haya cargado
	'Upload_Options'	=> array(
		'name'         => 'Sprint: Light Portfolio',
		'category'     => '2,4,5,7,8,13',				// ID de las categorías temáticas
		'downloadable' => 0,							// Set 1 si permite a los usuarios descargar el paquete de tema
		'public'       => 1,							// Establezca 0 si desea utilizar este tema solo para usted
		'price'        => array(0, 0)					// Precios mínimos y máximos para el tema si desea vender
	),

	// Notas para el tema
	'Note'	=> 'Después de editado, debe guardar y volver a cargar las páginas para ver las animaciones'
);

$theme_settings_custom = array(
	array(
		'name'		=> __('Color'),		// Nombre de la configuración
		'slug'		=> 'color',			// Nombre único para el ajuste
		'help'		=> '',				// Explicación para el ajuste
		'type'		=> 'dropdown', 		// type of setting: text, dropdown, checkbox, input_media, color, date
		'values'	=> array(
				'blue' => __('Blue'),
				'red'  => __('Red'),
				'gold' => __('Gold')
			),
		'default'	=> 'blue'			// default value of setting
	),
	array(
		'name'		=> __('Contact Email'),
		'slug'		=> 'contact_email',
		'help'		=> __('Visitors use contact form to send messages to this email address'),
		'type'		=> 'text',
		'default'	=> 'hello@gomymobi.com'
	),

	array(
		'name'		=> __('Background image'),
		'slug'		=> 'body_bg_img',
		'help'		=> __('Set background image for the HTML page'),
		'type'		=> 'input_media',
		'default'	=> '//www.gomymobi.com/app/uploads/media/public/social-sharing/home-office.jpg'
	)
);

- Este archivo también contiene código PHP para procesar las tareas de los usuarios en la gestión de sitios web, como el establecimiento de nuevo correo electrónico del propietario del sitio web, como el siguiente ejemplo:

if( $_SERVER['REQUEST_METHOD']=='POST' && isset($_POST['site']) && count($_POST['site'])>2 )
{
	// Recuperar correo electrónico del propietario del sitio web
	$site_owner_email = isset($site_custom_old_settings) && !empty($site_custom_old_settings['contact_email']) ? $site_custom_old_settings['contact_email'] : $theme_settings_custom[1]['default'];

	// Preparar un nuevo archivo de contacto que contenga nuevo correo electrónico de propietario
	$new_contact_php_content = file_get_contents("$sitebuilding_dir/contact.php");
	$new_contact_php_content = str_replace($site_owner_email, $_POST['settings']['contact_email'], $new_contact_php_content);

	// Crear un nuevo archivo con el nuevo correo electrónico del propietario
	new_file("$sitebuilding_dir/contact.php", $new_contact_php_content);
}

theme-page-processor.php

- Este archivo contiene los códigos PHP para procesar las páginas del tema cuando se guardó. Usted puede usar cualquier biblioteca para terminar su trabajo.

- De forma predeterminada, utilizamos PHP Simple HTML DOM Parser Para procesar HTML.

- Puede comprobar algunos ejemplos a continuación para procesar códigos HTML con esta biblioteca. // Después de cargar el documento HTML, los navegadores añaden algunas clases de atributos adicionales a la etiqueta HTML // Eliminar estas clases no deseadas de etiquetas HTML $tag = $GMM_page_dom->find('html', 0); if( count($tag)>0 ) { $tag->removeAttribute('xmlns, class'); } // Con menú desplegable dinámico // Eliminar la clase añadida de #header $element = $GMM_page_dom->find('.navbar-fixed-top', 0); if( count($element)>0 ) { $element->removeClass('open'); } // Eliminar el estilo añadido de la barra de navegación $elements = $GMM_page_dom->find('header, #be-the-first'); if( count($elements)>0 ) { foreach($elements as $element) { $element->removeAttribute('style'); } } // Proceso flexslider superior $elements = $GMM_page_dom->find('.js-fullheight'); if( count($elements)>0 ) { foreach($elements as $element) { $element->removeAttribute('style'); foreach ($element->find('.flexslider', 0)->children() as $child) { $child->removeAttribute('style'); } // Eliminar las diapositivas no deseadas añadidas $element->find('.slides', 0)->innertext = ''; } } // Eliminar estilos no deseados de clases animadas $elements = $GMM_page_dom->find('.wow'); if( count($elements)>0 ) { foreach($elements as $element) { $element->removeAttribute('style'); } } // Eliminar la clase no deseada de clases animadas $elements = $GMM_page_dom->find('.animated'); if( count($elements)>0 ) { $animations = 'animated, bounce, flash, pulse, rubberBand, shake, headShake, swing, tada, wobble, jello, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, hinge, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideInDown, slideInLeft, slideInRight, slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp'; foreach($elements as $element) { $element->removeClass($animations); } }

No dude en ponerse en contacto con nosotros si su cosa está fuera de esta sección
Usando el botón de contacto arriba o envíelo directamente a hello@gomymobi.com Con el tema: [contactgmm]
Si no podría recibir nuestra contestación en el plazo de 24 horas, vuelva a enviar el boleto otra vez