1. Accueil
  2. Base de connaissances
  3. Installation
  4. Adaptation de la mise en page et intégration dans votre thème
  1. Accueil
  2. Base de connaissances
  3. Étendre WP-ImmoMakler
  4. Adaptation de la mise en page et intégration dans votre thème

Adaptation de la mise en page et intégration dans votre thème

WP-ImmoMakler® utilise par défaut une mise en page responsive basée sur Bootstrap version 3 pour la présentation des biens immobiliers, mais il est également utilisable sans un thème WordPress basé sur Boostrap (un Bootstrap3 modifié et wrappé avec .immomakler{} est fourni afin de ne pas influencer le CSS du thème WP environnant).

Le (plugin) WP-ImmoMakler Child-Skin

En principe, la présentation est déjà très largement adaptable à vos propres souhaits grâce à votre propre CSS.
Avec WP-ImmoMakler®, la modification des modèles HTML est réalisable de manière confortable dans le style de la logique des thèmes enfants de WordPress. Pour cela, WP-ImmoMakler® est livré avec un plugin séparé appelé "Child-Skin"(téléchargement du plugin Child Skin). Après l'installation et l'activation de ce plugin, vous pouvez sélectionner la mise en page de la peau enfant sous "WP-ImmoMakler® -> Paramètres".

Maintenant, allez dans le répertoire des plugins  /wp-content/plugins/immomakler/skins/bootstrap3/ et ne copiez que certains fichiers que vous souhaitez adapter dans le plugin skin enfant en conservant la structure du répertoire. WP-ImmoMakler® choisit alors la copie pour l'affichage à la place du fichier du même nom du skin principal.

Effectuez maintenant des modifications dans la copie selon vos souhaits. Il est par exemple possible de réorganiser certaines boîtes de données ou de répartir différemment les deux colonnes. Le comportement responsive peut également être adapté à vos souhaits en modifiant les classes CSS Bootstrap3.

Exceptions :

  • /wp-content/themes/ihr-theme/immomakler/functions.php sera avant du fichier functions.php situé dans la skin principale, les fonctions peuvent donc être écrasées ("pluggable functions").
  • /wp-content/themes/ihr-theme/immomakler/css/immomakler.css est en outre selon du CSS fourni. Vous pouvez y déposer des instructions CSS supplémentaires ou écraser les instructions existantes. Ne copiez pas le fichier CSS completVous pouvez commencer avec un fichier immomakler.css vide et insérer uniquement vos propres styles.

Télécharger le plugin Child Skin

Vous pouvez télécharger ici le plugin Child Skin.

Intégration dans un thème WordPress

L'adaptation des pages d'archives et d'exposés dans le thème que vous utilisez erfolgt am besten durch Hinzufügen der den Content umgebenden Container-<div>s in die im Child-Skin-Plugin mitgelieferten Dateien /header.php et /footer.phpCes informations sont valables aussi bien pour les archives que pour l'affichage unique. Le mieux est de comparer le code source d'une autre page (par ex. les mentions légales ou une autre page simple) avec celui de la liste des biens immobiliers et de compléter ensuite le code HTML manquant dans les fichiers header.php et footer.php.
Si vous souhaitez différencier les vues dans les fichiers PHP, utilisez de préférence if (is_immomakler_single()){ } else { }.

Vous pouvez également copier le fichier page.php (ou le modèle souhaité) du thème WordPress utilisé dans le dossier  /archive-immomakler_object.php et /single-immomakler_object.php et échanger the_content() ou l'ensemble des Boucle contre la partie correspondante de la archive-immomakler_object.php respectivement /single-immomakler_object.php de WP-ImmoMakler®.

Note pour les développeurs d'un thème personnaliséVous pouvez également intégrer vos adaptations à WP-ImmoMakler® dans votre thème en insérant les fichiers du skin enfant dans votre thème sous /wp-content/themes/ihr-theme/immomakler/ copier.

Autres questions et aide

N'hésitez pas à nous contacter si vous avez des questions à ce sujet!

Nous nous chargeons d'une intégration de base dans votre thème (adaptation au modèle et à la mise en page du thème, couleurs, mise en page sur une ou plusieurs colonnes, sur la base de notre mise en page standard, démo.) pour un prix forfaitaire dans le cadre du service d'intégration.

Nous nous chargeons également volontiers d'adaptations plus importantes selon vos souhaits (payantes selon le travail effectué).

Article Attachments

Cet article vous a-t-il été utile ?

Articles connexes

Vous avez d'autres questions ?

Nous répondons volontiers à vos questions de manière individuelle et personnelle !
Contactez-nous