1c Bitrix comment installer un modèle. Création d'un modèle Bitrix. Gestion des modèles. Nous retirons des phrases linguistiques
Bonjour les amis, ceci est la suite de la série de leçons, ou plutôt la cinquième leçon sur la création d'une landing page sur le CMS 1C-Bitrix.
Comme j'enregistre les leçons précédentes depuis longtemps, redéployons la plateforme et transférons-y le modèle avec lequel nous avons travaillé précédemment.
Enregistrer l'hébergement pour 1C-BitrixPassons à la section actualités, ouvrons l'article 3 mois d'hébergement gratuit chez MAKHOST et copions-y le code promotionnel (8A93-0ECC-D7AD-4A76). Allez ensuite sur Makhost et sélectionnez l'élément de menu Hébergement CMS, puis cliquez sur l'icône 1C-Bitrix.
Créer un compte sur Makhost
Entrez votre email, votre code promotionnel et voilà, nous avons trois mois hébergement gratuit.
À l'étape suivante, nous vérifions l'exhaustivité des données et les confirmons. Après une inscription réussie, nous recevons un e-mail avec un identifiant et un mot de passe pour vous connecter au panneau d'hébergement.
Après avoir activé votre compte, allez sur Paramètres PHP et changez sa configuration pour 1C-Bitrix.
Nous définissons les paramètres suivants :
Display_errors - Activé
default_charset - "UTF-8"
mbstring.func_overload - 2
mbstring.internal_encoding - "UTF-8"
Ensuite, nous allons dans le gestionnaire de fichiers de notre domaine et supprimons tous les fichiers inutiles, ne laissant que le programme d'installation.
Lancez le programme d'installation de 1C-Bitrix. Copiez simplement le lien de l'e-mail et collez-le dans le navigateur.
Sur ce moment nous avons installé modèle vierge Bitrix, pour cette raison nous voyons un écran blanc. Allez dans la partie administrative, cliquez sur l'icône Contenu -> Fichiers et dossiers -> bitrix -> modèles. Créez un dossier vide dans ce répertoire pour le modèle appelé « lendtv ». Allez-y et téléchargez le modèle de la leçon précédente. Nous le décompressons et supprimons l’archive ; nous n’en aurons plus besoin.
Pour que le modèle se connecte, nous devons le sélectionner dans les paramètres du site actuel. Pour ce faire, accédez à Paramètres -> Paramètres du produit -> Sites -> Liste des sites.
Ouvrez le premier site, descendez tout en bas et dans la section « Modèle de site », sélectionnez le modèle que nous avons précédemment copié.
Allons à page d'accueil, réinitialisez son cache et, comme vous pouvez le voir, le modèle s'est connecté avec succès.
Comme ça d'une manière simple Vous pouvez créer vos propres modèles, puis les transférer entre projets. C'est tout, dans la prochaine leçon, nous verrons comment transférer un tel modèle vers le dossier local.
La leçon a été préparée par Denis Gorelov.
Dans le deuxième article sur les modèles Bitrix, nous parlerons de la gestion des modèles, décrirons le processus d'installation d'un nouveau modèle et vous expliquerons également comment configurer l'affichage des différents modèles pour différentes pages et des sections.
Un modèle Bitrix est un ensemble de fichiers PHP, de fichiers de style, d'images et de modèles de composants. Tous les modèles se trouvent dans le dossier /bitrix/templates/ et peuvent être appliqués comme un modèle à plusieurs sites, ou plusieurs modèles à un site. Sur la page Paramètres → Paramètres du produit → Modèles de sites Web dans panneau administratif une liste des modèles disponibles dans le système s'affiche.
Installation d'un nouveau modèleLe modèle Bitrix est une archive .tar.gz contenant tous les fichiers PHP, fichiers de style, scripts et images nécessaires. Vous pouvez installer un nouveau modèle soit en décompressant simplement l'archive dans le dossier /bitrix/templates/, soit en utilisant le formulaire sur la page Paramètres → Paramètres du produit → Modèles de site dans le panneau d'administration Bitrix. Sur cette page, vous devez cliquer sur le bouton Télécharger le modèle, sélectionner disque local archiver avec le modèle et saisir le code symbolique du modèle.
La figure 1 montre la liste des modèles dans le panneau d'administration, la figure 2 montre le formulaire d'ajout d'un nouveau modèle.
Après avoir téléchargé l'archive, elle sera automatiquement décompressée dans le dossier /bitrix/templates/ et sera affichée dans la liste des modèles du panneau d'administration.
Lors du téléchargement d'un modèle, vous pouvez sélectionner le site auquel le modèle sera appliqué par défaut.
Appliquer un modèle au site actuelUne fois le modèle téléchargé et ajouté au système, il peut être appliqué à l'un des sites. Pour ce faire, vous devez sélectionner le site pour lequel le modèle doit être appliqué dans le panneau d'administration sur la page Paramètres / Paramètres du produit / Liste des sites (la figure 3 montre la liste des sites dans le panneau d'administration).
Le formulaire de configuration du site s'ouvrira. Les derniers paramètres de ce formulaire sont les paramètres du modèle de site. Ici, vous pouvez sélectionner un ou plusieurs modèles à utiliser pour ce site.
Conditions d'utilisation des modèlesAfin que différents modèles puissent être utilisés au sein du même site dans des conditions différentes, vous pouvez spécifier les conditions d'utilisation du modèle sur le formulaire de configuration du site. Le système fournit les types de conditions suivants : Pour dossier ou fichier, Pour groupes d'utilisateurs, Période de temps, Paramètre dans l'URL, Expression PHP. Examinons chacun d'eux plus en détail :
Pour un dossier ou un fichier— cette condition doit être appliquée lorsque différents modèles doivent être utilisés pour différentes pages et sections. Pour que le modèle soit appliqué uniquement à la section du compte personnel de l'utilisateur, la valeur de cette condition doit être définie sur « /personal/ » - le chemin d'accès à la section à partir du dossier racine dans lequel se trouve la section « . Espace personnel" Si le modèle doit être différent uniquement pour la page avec une erreur 404, vous devez spécifier « /404.php » comme valeur de condition.
Pour les groupes d'utilisateurs- une tâche courante lorsque l'apparence du site doit être différente pour les gestionnaires et les visiteurs ordinaires est résolue en utilisant ce type de condition. La valeur de la propriété doit être définie sur un groupe d'utilisateurs, par exemple « Éditeurs de contenu ». Un visiteur autorisé en tant qu'utilisateur du groupe Éditeurs de contenu verra une apparence du site différente de celle de tous les autres visiteurs.
Période de temps — bon exemple utiliser cette condition— Thème du Nouvel An pour le site. Si modèle de nouvel an doit être appliqué sur le site pendant la période du 25 décembre au 10 janvier, vous devez spécifier cette plage comme valeur pour la condition du type de période. Une fois la période terminée, le modèle passera automatiquement au modèle par défaut.
Paramètre dans l'URL- Ce type de condition est le plus souvent utilisé pour créer une version imprimable ou pour tester un modèle. Pour créer une utilisation de modèle d'impression, vous devez spécifier « print=Y » comme valeur de condition de ce type. Pour tester un nouveau modèle, vous pouvez spécifier « test=Y » comme condition - et sur n'importe quelle page, si le paramètre de test égal à Y est réussi, le modèle de test sera utilisé.
Expression PHP— la valeur de cette condition peut être quelconque Expression PHP, Fonction API Bitrix.
Les modèles de site sont appliqués en fonction de la valeur de l'index de tri. Si plusieurs modèles peuvent être utilisés pour une page, celui avec l'indice de tri le plus élevé sera sélectionné. Par conséquent, spécifiez soigneusement le tri des modèles - un placement incorrect des index de tri peut entraîner des erreurs désagréables.
N'oubliez pas qu'« il ne faut pas multiplier inutilement les choses existantes », c'est-à-dire que si un problème peut être résolu sans créer de modèle supplémentaire, alors il est préférable de ne pas créer de modèle supplémentaire. Cela est dû au fait qu'en copiant un modèle pour y apporter des modifications mineures, vous vous obligez à conserver plusieurs fichiers identiques et à apporter des modifications à plusieurs modèles en même temps.
Nous avons donc examiné le processus de gestion des modèles : chargement d'un nouveau modèle dans le système, application d'un modèle à un site, conditions d'utilisation de différents modèles sur une page. Dans les articles suivants, nous passerons directement à la création de votre propre modèle.
Encore une fois, en essayant de trouver un programmeur qui travaillait avec CMS 1C-Bitrix dans ma ville, je suis tombé sur un problème...
Il y a des programmeurs qui ont travaillé avec différents frameworks gratuits comme Joomla, WordPress, etc., mais quand il s'agit de Bitrix, tout le monde dit : « Oh, c'est payant, pourquoi en ai-je besoin alors qu'il y en a plein d'autres gratuits. Et ils ne veulent pas apprendre quelque chose de nouveau.
C’est comme ça que j’ai commencé, à une exception près, ils m’ont tout de suite montré comment, quoi et pourquoi. Mais j’ai trouvé le matériel en ligne et sur Habré. Par conséquent, je vais commencer par quelque chose de simple, comme un programmeur ordinaire connaissant PHP et au moins HTML, CSS, JS de base, commençant à travailler avec Bitrix.
Je ne parlerai pas de la structure des répertoires des modèles, vous pouvez lire à ce sujet. La première chose à laquelle vous devez faire face est l’intégration d’un modèle HTML sur un CMS.
Disons que vous disposez d'un modèle HTML prêt à l'emploi et que vous devez l'intégrer au système. Commençons par l'installation sur le serveur :
La première chose que l'installateur vous propose est de sélectionner une édition :
Sélectionnez la distribution dont vous avez besoin (généralement « Gestion du site »), si vous disposez d'une clé, saisissez-la et cliquez sur « Télécharger ». Le processus a commencé...
Pour résoudre ce problème, allez sur le serveur, ouvrez le fichier .htaccess et trouvez-y les lignes suivantes
#php_value mbstring.func_overload 2 #php_value mbstring.internal_encoding UTF-8
Décommentons-les. Appuyez sur F5 et tout fonctionne... Si cela ne fonctionne toujours pas (et cela arrive parfois), écrivez une demande au support technique. prise en charge de l'hébergement.
En l'utilisant, vous pouvez installer des données de démonstration. Nous n’en avons pas besoin, cliquez sur « Annuler ».
Ceci termine l’étape d’installation ; nous procédons directement à l’intégration du modèle. Allez dans le panneau d'administration dans la section « Paramètres ». Ensuite, nous descendons dans l'arborescence des paramètres : Paramètres du produit - Modèles de sites Web, cliquez sur le bouton « Ajouter un modèle »
Ouvre forme standard créer un modèle.
Trouvez un identifiant (j'utilise généralement main), entrez le nom du modèle. Le champ « Description » n'est pas obligatoire ; il est plutôt fait pour les développeurs afin de ne pas confondre les modèles s'il y en a plusieurs.
C'est là que le plaisir a commencé. Généralement un modèle Pages HTML comme suit:
... ... ... ... ...
L'essentiel ici est de comprendre ce qui appartient au modèle et ce qui appartient à la partie contenu. Dans cet exemple, la partie contenu commence entre la balise section. Par conséquent, nous copions le modèle dans le champ « Apparence modèle de site Web. Entre la balise, nous insérons la directive de service #WORK_AREA# . En conséquence, votre modèle ressemblera à ceci :
... ... ... #ESPACE DE TRAVAIL# ...
Si vous avez du CSS, allez dans l'onglet « Styles de modèle » et collez-le là.
Ensuite, j'édite généralement des fichiers via FTP. Ouvrez le vôtre éditeur de texte(J'utilise Notepad++, donc je n'écrirai pas dans son exemple) et allez sur le serveur. L'intégralité du modèle Bitrix se trouve dans /bitrix/templates/template_name/, si vous avez des images ou des fichiers de style supplémentaires, des scripts JS, etc., copiez le tout dans ce dossier.
Passons à la dernière partie et enregistrons toutes les variables Bitrix nécessaires. Ouvrez le fichier header.php et commencez à éditer. La première chose que vous devez faire est de connecter la sortie de l’en-tête du site :
… …
Nous souhaitons également voir le panneau d'administration du site dans la partie publique du site :
… … …
Pour afficher le titre de la page, ajoutez une fonction à la balise correspondante. En conséquence, nous obtenons le fichier suivant :
... ... ...
À propos, j'ai oublié de dire que s'il y a des fichiers supplémentaires, que ce soit JS, CSS, favicon, etc., alors afin de ne pas écrire le long chemin complet /bitrix/…/, il existe une constante spéciale SITE_TEMPLATE_PATH . On l'insère aux bons endroits :
- au lieu des balises méta, des en-têtes et des connexions aux fichiers CSS supprimés dans la section head, nous passons des appels aux fonctions Bitrix qui généreront dynamiquement ces données
Nous écrivons toute la 3ème partie dans footer.php
- ajoutez /bitrix/templates// à tous les chemins relatifs. Par exemple, c'était le cas.
