Unternehmenswebsite-Skript mit Projektvitrine

Hinweis zur Sprache

Die Oberfläche von Website und Verwaltungspanel gibt es auf Türkisch und Englisch. Website-Sprache und Panelsprache wählen Sie getrennt unter „Site Ayarları“ (Website-Einstellungen); die Panelsprache können Sie außerdem über das Globus-Symbol oben rechts im Panel umschalten.

Weitere Sprachen lassen sich hinzufügen: Kopieren Sie im Ordner dil des Pakets die Datei en.php und übersetzen Sie sie (die Schritte stehen in dil/OKUBENI.txt). Die hinzugefügte Sprache erscheint automatisch in den Sprachlisten der Website-Einstellungen, und Updates lassen Ihre Sprachdateien unberührt. Nicht übersetzte Texte erscheinen auf Englisch; auf Wunsch können sie auf Türkisch angezeigt werden.

Von Ihnen veröffentlichte Inhalte (Leistungen, Projekte, Seiten, Blogbeiträge und so weiter) werden nicht übersetzt; sie bleiben in der Sprache, in der Sie sie schreiben. Warnmeldungen und Datumsformate richten sich nach der gewählten Sprache. Die Formular-E-Mails, die Sie erhalten, werden in der Panelsprache verfasst.

Wo diese Seite einen Bereich des Panels oder der Website nennt, steht der Name so, wie er in der türkischen Oberfläche erscheint, in Anführungszeichen, gefolgt von der Übersetzung in Klammern; in der englischen Oberfläche erscheinen dieselben Bereiche unter ihren englischen Namen.

Für wen es gedacht ist

Entwickelt für Unternehmen, Technologie- und Beratungsfirmen, Dienstleister und Agenturen, die für diese Kunden Websites erstellen. Auf Ihrer eigenen Domain stellen Sie Leistungen, Projekte, Team, Kundenbewertungen, häufige Fragen und Beiträge vor. Die Startseite besteht aus einem Hero-Bereich mit bis zu zehn wechselnden Slides, Leistungskästen, einer Projektvitrine, Zählern, einem Bereich „Öne Çıkanlar“ (Stärken), Kundenbewertungen, Referenzlogos und den neuesten Beiträgen. Besucher erreichen Sie über das Kontaktformular oder indem sie im Feld „Bilgi al“ (Informationen anfordern) am Ende jeder Seite ihre E-Mail-Adresse eintragen; die Nachrichten werden in Ihrem Panel aufgelistet.

Programmierkenntnisse brauchen Sie nicht. Die Installation übernimmt der Assistent im Browser, die Inhalte tragen Sie im Verwaltungspanel ein.

Website-Funktionen

Startseite und Unterseiten

• Hero-Bereich mit mehreren Slides: Sie legen Slides im Bereich „Slider“ an. Für jeden Slide tragen Sie drei Textzeilen ein; Buttontext, Button-Link und Bild sind optional (der Button erscheint nur, wenn Text und Link beide ausgefüllt sind); der Button-Link kann auf eine eigene Seite der Website oder auf eine externe Adresse zeigen. Es werden höchstens zehn Slides angezeigt. Bei mehreren Slides wechselt der Hero-Bereich mit einer Überblendung, unten erscheinen Punkte und die Slides laufen von selbst durch; auf Geräten mit eingeschalteter Einstellung für reduzierte Bewegung ist der automatische Wechsel aus. Legen Sie keinen Slide an, werden Seitentitel und Beschreibung angezeigt.
• Startseite: Hero-Bereich, Leistungskästen, Kurzvorstellung „Hakkımızda“ (Über uns), Projektvitrine, Zähler, „Öne Çıkanlar“ (Stärken), das Band „Bize Ulaşın“ (Kontakt aufnehmen), Kundenbewertungen, Referenzlogos und die letzten drei Blogbeiträge. Ein Bereich für Leistungen, Projekte, Zähler, Stärken, Bewertungen, Referenzen oder Blog ohne Einträge erscheint nicht.
• „Öne Çıkanlar“ (Stärken): Sie tragen Ihre Stärken mit Titel, Kurzbeschreibung und optional einem kleinen Symbolbild ein. Sie erscheinen auf der Startseite in einem eigenen Bereich und auf der Seite „Hakkımızda“ (Über uns) als Liste.
• Zähler: unter „Kilometre Taşı“ (Meilensteine) tragen Sie Titel, Zahl und optional ein Symbol ein. Auf der Startseite zählen die Zahlen von null hoch, sobald sie ins Bild kommen; auf Geräten mit eingeschalteter Einstellung für reduzierte Bewegung erscheinen sie sofort. Ein Zähler mit der Zahl 0 wird nicht angezeigt.
• Leistungen: für jede Leistung tragen Sie Name, Bild, Kurzbeschreibung und einen ausführlichen formatierten Text ein; es gibt Optionen, ob sie veröffentlicht wird und ob sie im oberen Menü erscheint. Leistungen werden auf der Startseite als Kästen und auf der Seite „Hizmetler“ (Leistungen) als Karten aufgelistet. Jede Leistung hat eine eigene Seite; die von Ihnen gewählten Leistungen erscheinen im oberen Menü als Aufklappliste.
• Projektvitrine mit Filter: Sie ordnen Ihre Projekte Kategorien zu und veröffentlichen sie mit Name, Bild und ausführlichem formatiertem Text. Die Kategorie-Schaltflächen auf der Seite „Projeler“ (Projekte) filtern die Liste nach der Kategorie, ohne die Seite neu zu laden. Auf der Startseite werden höchstens zehn Projekte als Bildkarten gezeigt; jedes Projekt hat eine eigene Seite.
• „Hakkımızda“ (Über uns): Überschrift und formatierter Text; darunter folgen die Liste der Stärken, das Team, häufige Fragen, Referenzlogos und die neuesten Beiträge. Der Kurztext und das Bild auf der Startseite sowie die Kurzvorstellung im Fußbereich der Website sind eigene Felder.
• Häufige Fragen: Fragen und Antworten tragen Sie im Panel ein. Sie erscheinen auf der Seite „Hakkımızda“ (Über uns) als aufklappbare Liste; klickt der Besucher auf eine Frage, öffnet sich die Antwort. Tragen Sie keine Frage ein, erscheint der Bereich nicht.
• Team: Sie stellen Ihre Teammitglieder mit Vor- und Nachname, Funktion und Foto vor. Das Team erscheint auf den Seiten „Hakkımızda“ (Über uns), „Hizmetler“ (Leistungen) und „Blog“ sowie auf den einzelnen Leistungsseiten; ein nicht veröffentlichtes Mitglied wird nicht angezeigt.
• Kundenbewertungen: Sie tragen Vor- und Nachname, Funktion, Bewertung und optional ein Foto ein. Die Bewertungen erscheinen auf der Startseite in einem Slider; je nach Bildschirmbreite stehen eine, zwei oder drei Bewertungen nebeneinander.
• Referenzen: der Logostreifen aus Referenznamen und Logos erscheint auf der Startseite, auf den Seiten „Hakkımızda“ (Über uns), „Hizmetler“ (Leistungen) und „Blog“ sowie auf den einzelnen Leistungs- und Projektseiten.
• Blog: Sie veröffentlichen Beiträge mit Titel, Bild, Kurztext und formatiertem Text. Den Autorennamen geben Sie optional an; ist er ausgefüllt, erscheint er in der Blogliste, auf der Beitragsseite und in den Kästen mit den letzten Beiträgen. Die Liste ist so sortiert, dass der neueste Beitrag zuerst steht; die letzten drei Beiträge erscheinen auf der Startseite und am Ende der meisten Unterseiten. Ein nicht veröffentlichter Beitrag erscheint nicht auf der Website.
• Zusatzseiten: im Panel legen Sie beliebig viele Seiten an (zum Beispiel die KVKK-Datenschutzerklärung oder eine Karriereseite). Unter „Menüler“ (Menüs) legen Sie eine Menüüberschrift an und zeigen die Seite im oberen Menü als Aufklappliste darunter; auf Wunsch nehmen Sie sie zusätzlich in die Liste „Hızlı Menü“ (Schnellmenü) im Fußbereich der Website auf.

Formulare und Kontakt

• Kontaktseite: Formular mit den Feldern Vor- und Nachname, E-Mail, Telefon und Nachricht, alle Pflichtfelder. Die Seite enthält außerdem Karten für E-Mail, Telefon und Adresse sowie eine Karte (Einbettungscode von Google Maps oder OpenStreetMap); leer gelassene Angaben und die Karte erscheinen nicht.
• Feld „Bilgi al“ (Informationen anfordern): es steht im Fußbereich der Website, auf jeder Seite. Der Besucher trägt nur eine E-Mail-Adresse ein und setzt das Häkchen für die KVKK-Einwilligung; der Eintrag landet in der Liste „Mesajlar“ (Nachrichten) im Panel.
• E-Mail an Sie: sobald Sie „E-posta Ayarları“ (E-Mail-Einstellungen) einrichten und die Benachrichtigung einschalten, erreichen Sie Nachrichten aus dem Kontaktformular und aus dem Feld „Bilgi al“ (Informationen anfordern) auch per E-Mail. Wenn Sie auf die E-Mail antworten, geht die Antwort an die Adresse des Besuchers. Auch ohne E-Mail-Einrichtung werden die Nachrichten im Panel aufgelistet.
• KVKK-Einwilligungsfeld: Pflichtfeld im Kontaktformular und im Feld „Bilgi al“ (Informationen anfordern). KVKK ist das türkische Datenschutzgesetz. Der Link zur Datenschutzerklärung führt zu der Seite, die Sie unter „Site Ayarları“ (Website-Einstellungen) auswählen; derselbe Link steht auch im „Hızlı Menü“ (Schnellmenü) im Fußbereich. Der Text der Beispielinhalte dient nur als Beispiel; Ihre eigene Datenschutzerklärung müssen Sie selbst erstellen.

Menü, Überschriften und Erscheinungsbild

• Menünamen und Menüaufbau: auf der Seite „Menü İsimleri“ (Menünamen) schreiben Sie die Namen „Hakkımızda“ (Über uns), „Hizmetler“ (Leistungen), „Projeler“ (Projekte), „Blog“ und „İletişim“ (Kontakt) in Ihren eigenen Worten. Auf der Seite „Menü Düzeni“ (Menüaufbau) blenden Sie diese Punkte im oberen Menü und im Schnellmenü im Fußbereich der Website einzeln ein oder aus, „Ek Sayfalar“ (Zusatzseiten) nur im oberen Menü. Werden die Menünamen so lang, dass sie nicht mehr in eine Zeile passen, wechselt das obere Menü von selbst zum Mobilmenü.
• Überschriften und Texte: auf der Seite „Başlıklar ve yazılar“ (Überschriften und Texte) ändern Sie die Bereichsüberschriften und Texte der Startseite, das Band „Bize Ulaşın“ (Kontakt aufnehmen), die Überschriften von Blog, Team und häufigen Fragen sowie die Überschrift im Fußbereich; bei jedem Feld steht, wo es auf der Website erscheint.
• Logo, Favicon und Bild: das dunkle Logo wird im oberen Menü, das helle Logo im Fußbereich der Website verwendet; das Favicon erscheint im Browser-Tab. Auf der Seite „Görseller“ (Bilder) ändern Sie das Bild neben dem Band „Bize Ulaşın“ (Kontakt aufnehmen).
• Zwei Farben: die Hauptfarbe gilt für Schaltflächen, Links, das Menü sowie aktive oder überfahrene Elemente. Die zweite Farbe ist die zweite Farbe der Farbverläufe in Schaltflächen und Bändern.
• Kontaktangaben und soziale Medien: Sie tragen Telefon, E-Mail, Adresse und Öffnungszeiten sowie Ihre Links zu Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok und WhatsApp ein. Sie erscheinen in der oberen Leiste, auf der Kontaktseite und im Fußbereich der Website, und zwar nur die ausgefüllten.
• Footer-Signatur: den Schriftzug „TiklaWeb tarafından geliştirildi“ (Entwickelt von TiklaWeb) am Seitenende können Sie ändern oder entfernen.

Mobilgeräte und Suchmaschinen

• Mobilfreundlich: Die Website passt sich Smartphone-, Tablet- und Desktop-Bildschirmen an; auf kleinen Bildschirmen wird das Menü zu einem Mobilmenü, das sich per Tippen öffnet.
• Eigener Titel und eigene Beschreibung pro Seite: Jede Seite trägt ihren eigenen Titel („Seite | Firma“), ihre Beschreibung und ihre Open-Graph-Tags für soziale Netzwerke. Für Leistungen, Projekte, Blogbeiträge und Zusatzseiten können Sie Titel, Beschreibung und Schlüsselwörter zusätzlich im Panel eingeben; bei Leistungen, Projekten und Blogbeiträgen ist das Bild für das Teilen das eigene Bild des Inhalts. Seitentitel, Beschreibung und Schlüsselwörter der Website tragen Sie unter „Site Ayarları“ (Website-Einstellungen) ein.

Verwaltungspanel

• „Gösterge Paneli“ (Übersicht): die Anzahl der Leistungen, Projekte, Beiträge und Nachrichten sowie die Liste der letzten zehn Nachrichten. Im Seitenmenü zeigt ein Badge die Anzahl der Nachrichten.
• „Mesajlar“ (Nachrichten): Nachrichten aus dem Kontaktformular und aus dem Feld „Bilgi al“ (Informationen anfordern) werden in einer einzigen Liste gesammelt. Name, Telefon, E-Mail und Datum stehen in der Liste; im Detailfenster lesen Sie die Nachricht, und Sie können den Eintrag löschen.
• Inhaltsverwaltung: Sie legen Inhalte an, bearbeiten und löschen sie unter „Slider“, „Hizmetler“ (Leistungen), „Projeler“ (Projekte, mit Kategorien), „Blog“, „Sayfalar“ (Seiten, mit Menüüberschriften), „Takım“ (Team), „Öne Çıkanlar“ (Stärken), „Kilometre Taşı“ (Meilensteine), „Müşteri Yorumları“ (Kundenbewertungen), „Referanslar“ (Referenzen), „Sıkça Sorulan Sorular“ (Häufig gestellte Fragen) und „Hakkımızda“ (Über uns). In Feldern mit formatiertem Text wird der Editor Summernote verwendet.
• „E-posta Ayarları“ (E-Mail-Einstellungen): Sie tragen SMTP-Server, Port, Verschlüsselung, E-Mail-Konto, Passwort und Benachrichtigungsadresse ein; sobald Sie die Benachrichtigung einschalten, funktionieren die E-Mails des Kontaktformulars und des Feldes „Bilgi al“ (Informationen anfordern).
• „Site Ayarları“ (Website-Einstellungen) und „İletişim Bilgileri“ (Kontaktangaben): „Site Ayarları“ enthält Seitentitel, Schlüsselwörter, Beschreibung, Copyright-Zeile, Haupt- und zweite Farbe, KVKK-Seite, Website-Sprache, Panelsprache, Logos und Favicon. „İletişim Bilgileri“ ist eine eigene Seite: Telefon, E-Mail, Adresse, Links zu sozialen Medien, Öffnungszeiten und Kartencode.
• Benutzer und Berechtigungen: Sie legen Konten mit den Rechten Administrator, Redakteur und schreibgeschützt an. Der Redakteur verwaltet die Inhaltsbereiche; „Kullanıcılar ve Yetkiler“ (Benutzer und Berechtigungen), „Site Ayarları“ (Website-Einstellungen), „İletişim Bilgileri“ (Kontaktangaben), „E-posta Ayarları“ (E-Mail-Einstellungen) und „Opsiyonel Kodlar“ (Optionale Codes) sind nur für den Administrator zugänglich. Die Berechtigungen werden serverseitig geprüft.
• Passwort vergessen: Über den Link auf der Panel-Anmeldeseite wird das Passwort per E-Mail zurückgesetzt (sofern „E-posta Ayarları“ (E-Mail-Einstellungen) eingerichtet sind). Der Link zum Zurücksetzen ist 1 Stunde gültig und nur einmal verwendbar.
• „Opsiyonel Kodlar“ (Optionale Codes): Sie fügen oben (im Kopfbereich) und am Ende der Website Ihren eigenen Code ein (z. B. ein Statistikskript). Dieses Feld ist nur für den Administrator zugänglich.

Installation und Updates

• Installationsassistent in fünf Schritten: Anforderungen, Lizenz, Datenbank, Website- und Administratordaten, Abschluss. Der Assistent prüft Ihren Server selbst.
• Sprache der Installation: Im Assistenten wählen Sie oben rechts Türkisch oder Englisch. Bei einer englischen Installation sind auch die Start- und Beispielinhalte auf Englisch.
• Installation mit Beispielinhalten oder leer: Sie starten gefüllt wie in der Demo und bearbeiten die Inhalte, oder Sie tragen alles von Grund auf selbst ein. Die Nachrichtenliste beginnt in beiden Fällen leer.
• Update über das Panel: Laden Sie das ZIP-Paket der neuen Version in Ihrem tiklaweb.net-Kundenbereich herunter und laden Sie es auf der Seite „Güncelleme ve Lisans“ (Update und Lizenz) des Verwaltungspanels hoch. Vorher werden Dateien und Datenbank gesichert. Tritt ein Fehler auf, kehrt die Website in den vorherigen Zustand zurück. Ihre hochgeladenen Bilder, Einstellungen und Inhalte bleiben erhalten.
• Geprüfte Pakete: Die Signatur des Update-Pakets wird geprüft; nur von tiklaweb.net heruntergeladene Pakete werden installiert.

Eine ausführliche Installationsanleitung liegt dem heruntergeladenen Paket als Datei KURULUM.html bei (auf Türkisch).

Lizenz

Jede Lizenz gilt für genau eine Domain, die Sie bei der Bestellung angeben. Nach der Installation kann die Domain nicht geändert werden; die Änderung der Endung derselben Domain (z. B. .net zu .com) ist kostenpflichtig und erfolgt über eine Supportanfrage. Die Lizenz kann nicht kostenlos übertragen werden. Auf einer nicht lizenzierten Domain öffnet sich die Website nicht, und Besucher werden auf eine Lizenzhinweisseite weitergeleitet. Für die Nutzung auf einer anderen Domain ist eine eigene Lizenz erforderlich.

Technische Details

• PHP 8.2 oder höher, MySQL oder MariaDB
• Framework: CodeIgniter 4. Website: Bootstrap 4, jQuery, Swiper, Font Awesome Free 6. Panel: Bootstrap 4 und der Inhaltseditor Summernote
• Der E-Mail-Versand erfolgt mit PHPMailer 6.9; das SMTP-Passwort wird verschlüsselt gespeichert. Ein Formulareintrag wird zuerst in der Datenbank gespeichert; unterstützt der Server es, wird die E-Mail gesendet, nachdem der Besucher die Antwort erhalten hat
• Die Oberflächentexte liegen in den Sprachdateien des Pakets (Türkisch und Englisch enthalten, neue Sprache kann hinzugefügt werden)
• Signiertes Formular-Token und verstecktes Fangfeld in den Website-Formularen, CSRF-Prüfung bei Panel-Aktionen; Versuchsbegrenzung bei Panel-Anmeldung, Passwort-Zurücksetzen, Kontaktformular und dem Feld „Bilgi al“ (Informationen anfordern)
• Der Typ der im Panel hochgeladenen Bilder wird anhand des Inhalts geprüft (JPG, PNG, WebP; höchstens 8 MB) und, wenn die GD-Erweiterung aktiv ist, in WebP umgewandelt; im Upload-Ordner wird kein PHP ausgeführt
• Die Felder mit formatiertem Text im Panel werden beim Speichern serverseitig gefiltert (HTMLPurifier); das Verwaltungspanel sendet einen Content-Security-Policy-Header (CSP); Administratorpasswörter werden als Hash gespeichert
• Der Kartenbereich akzeptiert nur Einbettungsadressen von Google Maps und OpenStreetMap
• Datenbankzugangsdaten und Backups liegen, sofern Ihr Hosting es erlaubt, in einem Ordner außerhalb des Web-Stammverzeichnisses
• Sicherheits-Header, HSTS bei HTTPS; Zeitzone Europe/Istanbul
• Vor dem Verkauf wurde ein Sicherheitsaudit aus Code-Prüfung und Live-Angriffstests durchgeführt

Demo

Sehen Sie sich Website und Verwaltungspanel in der schreibgeschützten Demo an. Die Demo ist auf Türkisch installiert; im Verwaltungspanel können Sie die Panelsprache über das Globus-Symbol oben rechts auf Englisch umstellen (die Auswahl wird nur in Ihrem Browser gespeichert). Firmenname, Personen, Bewertungen, Projekte, Leistungen und Zählerwerte in der Demo sind Beispiele. Im Demo-Panel sehen Sie in der Liste „Mesajlar“ (Nachrichten) zwei Beispieleinträge. Links zu sozialen Medien und die Karte sind in der Demo leer gelassen; sobald Sie sie im Panel ausfüllen, erscheinen sie auf der Website.

• Website: https://011.tiklaweb.net
• Verwaltungspanel: https://011.tiklaweb.net/panel
• Demo-E-Mail: demo@tiklaweb.net
• Demo-Passwort: demo1234

In der Demo lassen sich keine Änderungen speichern; das Kontaktformular und das Feld „Bilgi al“ (Informationen anfordern) speichern keine Einträge und senden keine E-Mails. Die Demo wird jede Nacht zurückgesetzt. Sensible Seiten wie E-Mail-Einstellungen und Benutzer sind im Demomodus nicht einsehbar, und „Passwort vergessen“ ist in der Demo abgeschaltet. Diese Zugangsdaten gelten nur für die Demo-Website. In der von Ihnen erworbenen Installation legen Sie das Administratorkonto selbst fest.

Support

Wenn Sie nicht weiterkommen, eröffnen Sie in Ihrem tiklaweb.net-Kundenbereich eine Supportanfrage oder schreiben Sie an destek@tiklaweb.net.