Script de site corporate avec vitrine de projets

Note sur la langue

L’interface du site et du panneau d’administration est disponible en turc et en anglais. Vous choisissez séparément la langue du site et celle du panneau dans « Site Ayarları » (Paramètres du site) ; vous pouvez aussi changer la langue du panneau avec l’icône en forme de globe, en haut à droite du panneau.

D’autres langues peuvent être ajoutées : copiez le fichier en.php du dossier dil du paquet et traduisez-le (les étapes figurent dans dil/OKUBENI.txt). La langue ajoutée apparaît automatiquement dans les listes de langue des paramètres du site, et les mises à jour ne touchent pas vos fichiers de langue. Les textes non traduits s’affichent en anglais ; sur demande, ils peuvent s’afficher en turc.

Les contenus que vous publiez (prestations, projets, pages, articles de blog, etc.) ne sont pas traduits ; ils restent dans la langue où vous les écrivez. Les messages d’avertissement et les formats de date suivent la langue choisie. Les e-mails de formulaire que vous recevez sont rédigés dans la langue du panneau.

Lorsque cette page cite une section du panneau ou du site, son nom est indiqué tel qu’il apparaît dans l’interface turque, entre guillemets, suivi de sa traduction entre parenthèses ; dans l’interface anglaise, ces sections apparaissent sous leur nom anglais.

À qui s’adresse-t-il ?

Conçu pour les entreprises, les sociétés de technologie et de conseil, les prestataires de services et les agences qui créent des sites pour eux. Sur votre propre domaine, vous présentez vos prestations, vos projets, votre équipe, les avis de vos clients, vos questions fréquentes et vos articles. La page d’accueil se compose d’une zone d’accroche qui fait défiler jusqu’à dix diapositives, de blocs de prestations, d’une vitrine de projets, de compteurs, d’une section « Öne Çıkanlar » (Points forts), des avis clients, des logos de références et des derniers articles. Le visiteur vous contacte avec le formulaire de contact ou en saisissant son adresse e-mail dans la zone « Bilgi al » (Demander des informations) en bas de chaque page ; les messages sont listés dans votre panneau.

Aucune connaissance en programmation n’est nécessaire. L’assistant dans le navigateur s’occupe de l’installation, et vous saisissez vos contenus dans le panneau d’administration.

Fonctionnalités du site

Page d’accueil et pages internes

• Zone d’accroche à plusieurs diapositives : vous ajoutez des diapositives dans « Slider ». Pour chaque diapositive, vous saisissez trois lignes de texte ; le texte du bouton, son lien et l’image sont facultatifs (le bouton n’apparaît que si le texte et le lien sont tous deux renseignés) ; le lien du bouton peut mener à une page du site ou à une adresse externe. Dix diapositives au maximum sont affichées. Avec plusieurs diapositives, la zone d’accroche change par fondu, des points apparaissent en bas et les diapositives défilent d’elles-mêmes ; sur les appareils où le réglage de réduction des animations est activé, le défilement automatique est désactivé. Si vous n’ajoutez aucune diapositive, le titre et la description du site sont affichés.
• Page d’accueil : zone d’accroche, blocs de prestations, résumé « Hakkımızda » (À propos), vitrine de projets, compteurs, « Öne Çıkanlar » (Points forts), bandeau « Bize Ulaşın » (Contactez-nous), avis clients, logos de références et trois derniers articles du blog. Une section de prestations, de projets, de compteurs, de points forts, d’avis, de références ou de blog sans entrée n’apparaît pas.
• « Öne Çıkanlar » (Points forts) : vous saisissez vos atouts avec un titre, une courte description et, en option, une petite image d’icône. Ils apparaissent dans une section dédiée de la page d’accueil et sous forme de liste sur la page « Hakkımızda » (À propos).
• Compteurs : dans « Kilometre Taşı » (Étapes clés), vous saisissez un titre, un nombre et, en option, une icône. Sur la page d’accueil, les nombres s’incrémentent depuis zéro lorsqu’ils entrent dans l’écran ; sur les appareils où la réduction des animations est activée, ils s’affichent directement. Un compteur dont le nombre est 0 n’est pas affiché.
• Prestations : pour chaque prestation, vous saisissez un nom, une image, une courte description et un texte détaillé mis en forme ; des options permettent de la publier et de l’afficher dans le menu supérieur. Les prestations sont listées sous forme de blocs sur la page d’accueil et de cartes sur la page « Hizmetler » (Prestations). Chaque prestation a sa propre page ; celles que vous choisissez apparaissent dans une liste déroulante du menu supérieur.
• Vitrine de projets avec filtre : vous répartissez vos projets par catégories et les publiez avec un nom, une image et un texte détaillé mis en forme. Les boutons de catégorie de la page « Projeler » (Projets) filtrent la liste selon la catégorie sans recharger la page. Dix projets au maximum sont affichés sous forme de cartes-images sur la page d’accueil ; chaque projet a sa propre page.
• « Hakkımızda » (À propos) : titre et texte enrichi ; en dessous viennent la liste des points forts, l’équipe, les questions fréquentes, les logos de références et les derniers articles. Le texte de résumé et l’image de la page d’accueil ainsi que la courte présentation en bas du site sont des champs distincts.
• Questions fréquentes : vous saisissez les questions et les réponses dans le panneau. Elles apparaissent sur la page « Hakkımızda » (À propos) sous forme de liste dépliante ; la réponse s’ouvre lorsque le visiteur clique sur une question. Si vous ne saisissez aucune question, la section n’apparaît pas.
• Équipe : vous présentez les membres de votre équipe avec nom et prénom, fonction et photo. L’équipe est affichée sur les pages « Hakkımızda » (À propos), « Hizmetler » (Prestations) et « Blog » ainsi que sur les pages de chaque prestation ; un membre non publié n’apparaît pas.
• Avis clients : vous saisissez nom et prénom, fonction, avis et, en option, une photo. Les avis sont affichés dans un carrousel sur la page d’accueil ; selon la largeur de l’écran, un, deux ou trois avis s’affichent côte à côte.
• Références : la bande de logos composée de noms et de logos de références apparaît sur la page d’accueil, sur les pages « Hakkımızda » (À propos), « Hizmetler » (Prestations) et « Blog », ainsi que sur les pages de chaque prestation et de chaque projet.
• Blog : vous publiez des articles avec un titre, une image, un court texte et un texte enrichi. Le nom de l’auteur est facultatif ; s’il est renseigné, il s’affiche dans la liste du blog, sur la page de l’article et dans les encadrés des derniers articles. La liste est triée avec l’article le plus récent en premier ; les trois derniers articles sont affichés sur la page d’accueil et en bas de la plupart des pages internes. Un article non publié n’apparaît pas sur le site.
• Pages supplémentaires : vous ajoutez autant de pages que vous le souhaitez depuis le panneau (par exemple la notice d’information KVKK ou une page carrières). Dans « Menüler » (Menus), vous créez un titre de menu et affichez la page dessous, dans le menu supérieur, sous forme de liste déroulante ; si vous le souhaitez, vous l’ajoutez aussi à la liste « Hızlı Menü » (Menu rapide) en bas du site.

Formulaires et contact

• Page de contact : formulaire avec les champs nom et prénom, e-mail, téléphone et message, tous obligatoires. La page comprend aussi des cartes e-mail, téléphone et adresse ainsi qu’une carte (code d’intégration Google Maps ou OpenStreetMap) ; les informations laissées vides et la carte n’apparaissent pas.
• Zone « Bilgi al » (Demander des informations) : elle se trouve en bas du site, sur chaque page. Le visiteur saisit seulement une adresse e-mail et coche le consentement KVKK ; l’entrée arrive dans la liste « Mesajlar » (Messages) du panneau.
• E-mail pour vous : une fois « E-posta Ayarları » (Paramètres e-mail) configurés et les notifications activées, les messages du formulaire de contact et de la zone « Bilgi al » (Demander des informations) vous parviennent aussi par e-mail. Lorsque vous répondez à l’e-mail, la réponse part vers l’adresse du visiteur. Même sans configuration e-mail, les messages sont listés dans le panneau.
• Case de consentement KVKK : obligatoire dans le formulaire de contact et dans la zone « Bilgi al » (Demander des informations). KVKK est la loi turque sur la protection des données personnelles. Le lien vers la notice d’information mène à la page que vous choisissez dans « Site Ayarları » (Paramètres du site) ; le même lien figure aussi dans le « Hızlı Menü » (Menu rapide) en bas du site. Le texte fourni avec le contenu d’exemple n’est qu’un exemple ; vous devez rédiger votre propre notice d’information.

Menu, titres et apparence

• Noms et structure du menu : sur la page « Menü İsimleri » (Noms du menu), vous écrivez avec vos propres mots les noms « Hakkımızda » (À propos), « Hizmetler » (Prestations), « Projeler » (Projets), « Blog » et « İletişim » (Contact). Sur la page « Menü Düzeni » (Structure du menu), vous affichez ou masquez un à un ces éléments dans le menu supérieur et dans le menu rapide du pied de page, et « Ek Sayfalar » (Pages supplémentaires) dans le menu supérieur seulement. Si les noms du menu deviennent trop longs pour tenir sur une ligne, le menu supérieur passe de lui-même en menu mobile.
• Titres et textes : sur la page « Başlıklar ve yazılar » (Titres et textes), vous modifiez les titres et textes des sections de la page d’accueil, le bandeau « Bize Ulaşın » (Contactez-nous), les titres du blog, de l’équipe et des questions fréquentes ainsi que le titre du bas de page ; chaque champ indique où il apparaît sur le site.
• Logo, favicon et image : le logo foncé est utilisé dans le menu supérieur et le logo clair en bas du site ; le favicon apparaît dans l’onglet du navigateur. Sur la page « Görseller » (Images), vous changez l’image située à côté du bandeau « Bize Ulaşın » (Contactez-nous).
• Deux couleurs : la couleur principale s’applique aux boutons, aux liens, au menu et aux éléments actifs ou survolés. La seconde couleur devient la seconde couleur des dégradés des boutons et des bandeaux.
• Coordonnées et réseaux sociaux : vous saisissez votre téléphone, votre e-mail, votre adresse et vos horaires, ainsi que vos liens Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok et WhatsApp. Ils apparaissent dans la barre supérieure, sur la page de contact et en bas du site, uniquement pour les champs renseignés.
• Signature du pied de page : vous pouvez modifier ou supprimer la mention « TiklaWeb tarafından geliştirildi » (Développé par TiklaWeb) en bas du site.

Mobile et moteurs de recherche

• Adapté au mobile : le site s’adapte aux écrans de smartphone, de tablette et d’ordinateur ; sur les petits écrans, le menu devient un menu mobile qui s’ouvre d’une simple pression.
• Titre et description propres à chaque page : chaque page porte son propre titre (« Page | Entreprise »), sa description et ses balises de partage social (Open Graph). Pour les prestations, les projets, les articles de blog et les pages supplémentaires, vous pouvez aussi saisir dans le panneau le titre, la description et les mots-clés ; pour les prestations, les projets et les articles, l’image partagée est celle du contenu. Vous saisissez le titre, la description et les mots-clés du site dans « Site Ayarları » (Paramètres du site).

Panneau d’administration

• « Gösterge Paneli » (Tableau de bord) : le nombre de prestations, de projets, d’articles et de messages, ainsi que la liste des dix derniers messages. Le menu latéral affiche le nombre de messages sous forme de pastille.
• « Mesajlar » (Messages) : les messages du formulaire de contact et de la zone « Bilgi al » (Demander des informations) sont réunis dans une seule liste. Nom, téléphone, e-mail et date figurent dans la liste ; dans la fenêtre de détails, vous lisez le message, et vous pouvez supprimer l’entrée.
• Gestion des contenus : vous ajoutez, modifiez et supprimez des contenus dans « Slider », « Hizmetler » (Prestations), « Projeler » (Projets, avec catégories), « Blog », « Sayfalar » (Pages, avec titres de menu), « Takım » (Équipe), « Öne Çıkanlar » (Points forts), « Kilometre Taşı » (Étapes clés), « Müşteri Yorumları » (Avis clients), « Referanslar » (Références), « Sıkça Sorulan Sorular » (Questions fréquentes) et « Hakkımızda » (À propos). L’éditeur Summernote est utilisé dans les champs de texte enrichi.
• « E-posta Ayarları » (Paramètres e-mail) : vous saisissez le serveur SMTP, le port, le chiffrement, le compte e-mail, le mot de passe et l’adresse de notification ; une fois les notifications activées, les e-mails du formulaire de contact et de la zone « Bilgi al » (Demander des informations) fonctionnent.
• « Site Ayarları » (Paramètres du site) et « İletişim Bilgileri » (Coordonnées) : « Site Ayarları » regroupe le titre du site, les mots-clés, la description, la ligne de copyright, la couleur principale et la seconde couleur, la page KVKK, la langue du site, la langue du panneau, les logos et le favicon. « İletişim Bilgileri » est une page distincte : téléphone, e-mail, adresse, liens de réseaux sociaux, horaires et code de la carte.
• Utilisateurs et droits : vous ajoutez des comptes avec les droits administrateur, éditeur et lecture seule. L’éditeur gère les sections de contenu ; « Kullanıcılar ve Yetkiler » (Utilisateurs et droits), « Site Ayarları » (Paramètres du site), « İletişim Bilgileri » (Coordonnées), « E-posta Ayarları » (Paramètres e-mail) et « Opsiyonel Kodlar » (Codes optionnels) ne sont accessibles qu’à l’administrateur. Les droits sont contrôlés côté serveur.
• Mot de passe oublié : le lien de la page de connexion du panneau réinitialise le mot de passe par e-mail (si « E-posta Ayarları » (Paramètres e-mail) est configuré). Le lien de réinitialisation est valable 1 heure et ne s’utilise qu’une fois.
• « Opsiyonel Kodlar » (Codes optionnels) : vous ajoutez votre propre code (par exemple un script de statistiques) en haut (head) et en bas du site. Ce champ n’est accessible qu’à l’administrateur.

Installation et mises à jour

• Assistant d’installation en cinq étapes : prérequis, licence, base de données, informations du site et de l’administrateur, fin. L’assistant vérifie lui-même votre serveur.
• Langue de l’installation : dans l’assistant, choisissez le turc ou l’anglais en haut à droite. Pour une installation en anglais, le contenu de départ et le contenu d’exemple sont aussi en anglais.
• Contenu d’exemple ou installation vide : vous démarrez avec un site rempli comme la démo et vous le modifiez, ou vous saisissez vos contenus de zéro. La liste des messages démarre vide dans les deux cas.
• Mise à jour depuis le panneau : téléchargez le paquet zip de la nouvelle version depuis votre espace client tiklaweb.net et importez-le sur la page « Güncelleme ve Lisans » (Mise à jour et licence) du panneau d’administration. Les fichiers et la base de données sont sauvegardés au préalable. En cas d’erreur, le site revient à son état précédent. Vos images, paramètres et contenus sont conservés.
• Paquets vérifiés : la signature du paquet de mise à jour est contrôlée ; seuls les paquets téléchargés depuis tiklaweb.net sont installés.

Un guide d’installation détaillé est fourni dans le paquet téléchargé, sous la forme du fichier KURULUM.html (rédigé en turc).

Licence

Chaque licence est valable pour un seul nom de domaine, celui que vous indiquez lors de la commande. Le nom de domaine ne peut pas être modifié après l’installation ; le changement d’extension du même domaine (par ex. .net vers .com) est payant et se fait par demande d’assistance. La licence ne peut pas être transférée gratuitement. Le site ne s’ouvre pas sur un domaine sans licence et le visiteur est redirigé vers une page d’avertissement de licence. Une licence distincte est nécessaire pour l’utiliser sur un autre domaine.

Caractéristiques techniques

• PHP 8.2 ou supérieur, MySQL ou MariaDB
• Framework : CodeIgniter 4. Site : Bootstrap 4, jQuery, Swiper, Font Awesome Free 6. Panneau : Bootstrap 4 et l’éditeur de contenu Summernote
• L’envoi des e-mails se fait avec PHPMailer 6.9 ; le mot de passe SMTP est stocké chiffré. Une saisie de formulaire est d’abord enregistrée dans la base de données ; si le serveur le permet, l’e-mail part une fois la réponse envoyée au visiteur
• Les textes de l’interface sont conservés dans les fichiers de langue du paquet (turc et anglais inclus, une nouvelle langue peut être ajoutée)
• Jeton de formulaire signé et champ piège caché dans les formulaires du site, vérification CSRF pour les actions du panneau ; limitation des tentatives pour la connexion au panneau, la réinitialisation du mot de passe, le formulaire de contact et la zone « Bilgi al » (Demander des informations)
• Le type des images téléversées depuis le panneau est vérifié d’après le contenu (JPG, PNG, WebP ; 8 Mo au maximum) et, si l’extension GD est active, elles sont converties en WebP ; aucun PHP ne s’exécute dans le dossier des téléversements
• Les champs de texte enrichi du panneau sont filtrés côté serveur à l’enregistrement (HTMLPurifier) ; le panneau d’administration envoie un en-tête Content Security Policy (CSP) ; les mots de passe des administrateurs sont stockés sous forme de hachage
• La zone de carte n’accepte que les adresses d’intégration Google Maps et OpenStreetMap
• Les informations de base de données et les sauvegardes sont conservées, si votre hébergement le permet, dans un dossier situé en dehors de la racine web
• En-têtes de sécurité, HSTS en HTTPS ; fuseau horaire Europe/Istanbul
• Un audit de sécurité composé d’une revue du code et de tests d’attaque en conditions réelles a été réalisé avant la vente

Démo

Découvrez le site et le panneau d’administration dans la démo en lecture seule. La démo est installée en turc ; dans le panneau d’administration, vous pouvez passer la langue du panneau à l’anglais avec l’icône du globe en haut à droite (ce choix n’est conservé que dans votre navigateur). Le nom de l’entreprise, les personnes, les avis, les projets, les prestations et les valeurs des compteurs de la démo sont des exemples. Dans le panneau de démo, vous voyez deux entrées d’exemple dans la liste « Mesajlar » (Messages). Les liens de réseaux sociaux et la carte sont laissés vides dans la démo ; dès que vous les renseignez dans le panneau, ils apparaissent sur le site.

• Site : https://011.tiklaweb.net
• Panneau d’administration : https://011.tiklaweb.net/panel
• E-mail de démo : demo@tiklaweb.net
• Mot de passe de démo : demo1234

Aucune modification ne peut être enregistrée dans la démo ; le formulaire de contact et la zone « Bilgi al » (Demander des informations) n’enregistrent rien et n’envoient pas d’e-mail. La démo est réinitialisée chaque nuit. Les pages sensibles comme les paramètres e-mail et les utilisateurs ne peuvent pas être consultées en mode démo, et « Mot de passe oublié » est désactivé dans la démo. Ces identifiants ne valent que pour le site de démo. Dans l’installation que vous achetez, vous définissez vous-même le compte administrateur.

Support

Si vous êtes bloqué, ouvrez un ticket de support depuis votre espace client tiklaweb.net ou écrivez à destek@tiklaweb.net.