websee.nl: Base de connaissance

Paramètres importants pour un thème de site Web

- Bien que le thème du site Web est juste un modèle HTML, mais afin d'être un thème de site Web valide pour le téléchargement; Vous devez avoir quelques fichiers imporant pour définir votre thème de site Web.

- Dans ce didacticiel, nous allons vous montrer tous les paramètres requis et personnalisés pour un thème de site Web.

Structure d'un thème de site Web

Theme-Zipped-File.zip
- theme-settings.php (Champs obligatoires)
- theme-page-processor.php (Champs obligatoires)
- index.html (Champs obligatoires)
- preview.jpg (Champs obligatoires)
- screenshots-files (Champs obligatoires)
- Custom-file.html
- Dossier personnalisé
  - Custom-file.css
  - Custom-file.jpg

- La première règle pour le site Web zippé fichier thème est tous les fichiers et dossiers doivent être à la racine du fichier compressé, et non à n'importe quel sous-niveau.

- Deuxièmement, votre thème de site Web doit avoir au moins 5 types de fichiers requis comme la structure à côté.

- La page par défaut de chaque thème de site Web doit être index.html, Et doit avoir une prévisualisation et des captures d'écran. Le format des captures d'écran sera expliqué dans theme-settings.php fichier.

theme-settings.php

- Ce fichier contient à la fois les paramètres de thème requis et les paramètres de thème de site Web personnalisé qui permet aux utilisateurs de modifier les configurations de thème dans la section Gestion de site Web.

$theme_settings = array(
	'Version'	=> '1',
	'Info'		=> array(
		'default' 	=> 'Descriptions pour le thème du site Web.',			// Champs obligatoires
		'fr'		=> 'Descriptions pour le thème du site Web en français.',	// optionnel
		'de'		=> 'Descriptions pour le thème du site Web en allemand.',	// optionnel
		),

	// Champs obligatoires, Les pages par défaut de chaque thème, assigner avec leurs noms
	'Pages_Default'	=> array(
		'Home'			=> 'index.html',			// Champs obligatoires
		'Un service'		=> 'service.html',			// optionnel
		'Sur'			=> 'about.html',			// optionnel
		'Contact'		=> 'contact.html',			// optionnel
		),

	// optionnel, Utilisez ce paramètre si vous autorisez les utilisateurs à créer une nouvelle page personnalisée puis entrez le nom du fichier dans ce paramètre, ex: custom.html
	'Pages_Cutom'	=> '',

	// optionnel, Utilisez ce paramètre si votre thème comporte des balises HTML modifiables personnalisées que HTML Builder ne peut pas détecter
	// ex: div.chart, p.quote, custom_tag, div .inner .editable-child
	'Editable_Tags'	=> '',

	/*
	Captures d'écran MUST be array
	Modèle:
		1) 'Screenshots'	=> array(
			Numéro d'index			=> 'Capture d'écran'')
		2) 'Screenshots'	=> array(
			'File-name.extension'	=> 'Capture d'écran'')
	*/
	'Screenshots'	=> array(
		1 => 'Capture d'écran',
		2 => 'Capture d'écran',
	),

	/*
	'Screenshots'	=> array(
		'screenshot.jpg' => 'Capture d'écran',
		'screenshot.png' => 'Capture d'écran',
	),
	*/

	// Les options préparées pour le téléchargement, ces détails seront ajoutés aux entrées lorsque ce thème a été téléchargé
	'Upload_Options'	=> array(
		'name'         => 'Sprint: Light Portfolio',
		'category'     => '2,4,5,7,8,13',				// ID des catégories de thèmes
		'downloadable' => 0,							// Set 1 si permet aux utilisateurs de télécharger le paquet thème
		'public'       => 1,							// Définissez 0 si vous souhaitez utiliser ce thème uniquement pour vous
		'price'        => array(0, 0)					// Prix minimum et maximum pour le thème si vous voulez vendre
	),

	// Notes pour le thème
	'Note'	=> 'Après avoir édité, doit enregistrer et recharger les pages pour voir les animations'
);

$theme_settings_custom = array(
	array(
		'name'		=> __('Color'),		// name of setting
		'slug'		=> 'color',			// unique name for setting
		'help'		=> '',				// explaination for setting
		'type'		=> 'dropdown', 		// type of setting: text, dropdown, checkbox, input_media
		'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'
	)
);

- Ce fichier contient également du code PHP pour traiter les tâches des utilisateurs sur la gestion du site Web, comme le réglage des nouveaux emails du propriétaire du site, comme l'exemple ci-dessous:

if( $_SERVER['REQUEST_METHOD']=='POST' && isset($_POST['site']) && count($_POST['site'])>2 )
{
	// Récupérer l'email actuel du propriétaire du site
	$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'];

	// Préparer un nouveau fichier de contact contenant un nouveau courriel de propriétaire
	$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);

	// Créer un nouveau fichier avec le nouvel email du propriétaire
	new_file("$sitebuilding_dir/contact.php", $new_contact_php_content);
}

theme-page-processor.php

- Ce fichier contient vos codes PHP pour traiter les pages de thème lors de l'enregistrement. Vous pouvez utiliser n'importe quelle bibliothèque pour terminer votre travail.

- Par défaut, nous utilisons PHP Simple HTML DOM Parser Pour le traitement HTML.

- Vous pouvez vérifier quelques exemples ci-dessous pour le traitement des codes HTML avec cette bibliothèque. // Après le chargement du document HTML, les navigateurs ajoutent des classes d'attributs supplémentaires à la balise HTML // Supprimer ces classes indésirables de l'étiquette HTML $tag = $GMM_page_dom->find('html', 0); if( count($tag)>0 ) { $tag->removeAttribute('xmlns, class'); } // Avec menu déroulant dynamique // Supprimer la classe ajoutée de #header $element = $GMM_page_dom->find('.navbar-fixed-top', 0); if( count($element)>0 ) { $element->removeClass('open'); } // Supprimer le style de navbar $elements = $GMM_page_dom->find('header, #be-the-first'); if( count($elements)>0 ) { foreach($elements as $element) { $element->removeAttribute('style'); } } // Process haut flexslider $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'); } // Supprimer les diapositives indésirables ajoutées $element->find('.slides', 0)->innertext = ''; } } // Supprimer les styles indésirables ajoutés des classes animées $elements = $GMM_page_dom->find('.wow'); if( count($elements)>0 ) { foreach($elements as $element) { $element->removeAttribute('style'); } } // Supprimer la classe indésirable ajoutée des classes d'animation $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); } }

N\'hésitez pas à nous contacter si votre truc est en dehors de cette section
En utilisant le bouton de contact ci-dessus ou envoyez directement à gomymobi@gmail.com Avec sujet: [contactgmm]
Si ne pouvait pas recevoir notre réponse dans les 24 heures, s'il vous plaît renvoyer le billet à nouveau