Website-Skript für digitale Agenturen

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.

Die Inhalte, die Sie selbst veröffentlichen (Leistungen, Projekte, Seiten, Blogbeiträge usw.), werden nicht übersetzt; sie bleiben in der Sprache, in der Sie sie schreiben. Formularhinweise und Datumsformate folgen der gewählten Website-Sprache; die Benachrichtigungs-E-Mail des Kontaktformulars wird in der Sprache des Panels 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

Gedacht für digitale Agenturen, Webdesign- und Softwarestudios, Marketing- und Social-Media-Agenturen, Marken- und Werbefirmen, freiberufliche Designer und Entwickler sowie Agenturen, die für diese Betriebe Websites bauen. Auf Ihrer eigenen Domain beschreiben Sie Ihre Leistungen, zeigen Ihre abgeschlossenen Projekte nach Kategorien geordnet, stellen Team und Referenzen vor und schaffen mit Blogbeiträgen und PDF-Katalogen Vertrauen bei Besuchern. Ein interessierter Besucher schreibt Ihnen über das Kontaktformular oder über die Schaltfläche „Teklif İste“ (Angebot anfragen) auf einer Leistungsseite; die Nachricht erscheint in Ihrem Panel.

Programmierkenntnisse sind nicht nötig. Die Installation übernimmt der Assistent im Browser, die Inhalte tragen Sie im Verwaltungspanel ein.

Website-Funktionen

Startseite

• Begrüßungsbereich: eine kleine Zeile oben, eine Hauptüberschrift, eine Beschreibung und eine optionale Schaltfläche tragen Sie im Panel ein; als Link der Schaltfläche geben Sie eine Adresse innerhalb der Website (z. B. projeler) oder eine vollständige Adresse an. Daneben erscheint immer eine Schaltfläche „Teklif Alın“ (Angebot einholen), die zur Kontaktseite führt. Laden Sie kein Begrüßungsbild hoch, werden gezeichnete Dekoformen angezeigt. Lassen Sie die Hauptüberschrift leer, wird der Firmenname zur Überschrift.
• Drei Hervorhebungskacheln: drei Kacheln aus Überschrift und Kurztext unterhalb des Begrüßungsbereichs. Eine Kachel, deren Überschrift Sie leer lassen, erscheint nicht.
• Leistungen: die ersten 12 Leistungen erscheinen in einer nummerierten Liste mit Name und Kurzbeschreibung; links stehen der Anfang Ihres Textes „Hakkımızda“ (Über uns) und eine Schaltfläche „Tüm Hizmetler“ (Alle Leistungen).
• Zähler: vier Zähler (z. B. 150+ abgeschlossene Projekte). Wert und Beschriftung tragen Sie selbst ein; sobald die Seite im Bildschirm erscheint, werden die Zahlen hochgezählt. Ein Zähler mit leer gelassenem Wert erscheint nicht.
• Projekte: die ersten sechs Projekte erscheinen als Karten mit Bild, Kategorie-Label, Name und Kundenname; die Schaltfläche „Tüm Projeler“ (Alle Projekte) führt zur Projektseite.
• Kundenbewertungen, Referenzlogos und neueste Beiträge: die letzten 12 Bewertungen erscheinen in einem Slider, die hochgeladenen Referenzlogos in einem Streifen und die neuesten drei Blogbeiträge als Karten. Ein Bereich ohne Einträge wird auf der Startseite gar nicht gezeichnet.
• Aufrufband: Sie tragen eine Überschrift und einen kurzen Text ein; daneben erscheint eine Schaltfläche „Teklif Alın“ (Angebot einholen). Das Band steht am Ende der Startseite sowie der Seiten „Hizmetler“ (Leistungen), „Projeler“ (Projekte) und „Hakkımızda“ (Über uns); lassen Sie die Überschrift leer, erscheint es gar nicht.

Leistungen und Projekte

• Leistungen: für jede Leistung tragen Sie Name, Kurzbeschreibung, ausführliche Beschreibung, Bild und Reihenfolge ein. Leistungen erscheinen als nummerierte Liste auf der Leistungsseite und als Aufklappliste im Menü (bis zu 12). Jede Leistung hat eine eigene Seite (Bild und ausführliche Beschreibung) und eine seitliche Liste der übrigen Leistungen. Leistungen haben kein Preisfeld.
• Angebot anfragen: auf der Leistungsseite erscheint eine Schaltfläche „Teklif İste“ (Angebot anfragen). Sie öffnet das Kontaktformular mit dem bereits ausgefüllten Betreff-Feld, das den Namen der Leistung enthält; der Besucher kann den Betreff ändern.
• Projekte: für jedes Projekt tragen Sie Name, Kategorie, optional einen Kundennamen, Kurzbeschreibung, Detailtext, Bild und Reihenfolge ein. Projekte erscheinen als Karten auf der Projektseite; jedes Projekt hat eine eigene Seite mit Kategorie und Kundeninformation sowie eine seitliche Liste der übrigen Projekte (bis zu 8).
• Projektkategorien: die Kategorien legen Sie im Panel an (z. B. Webdesign, Markenidentität). Oben auf der Projektseite erscheinen die Schaltfläche „Tümü“ (Alle) und die Schaltflächen der Kategorien, die Projekte enthalten; drückt der Besucher eine Kategorie, bleiben nur deren Projekte übrig. Löschen Sie eine Kategorie, bleiben ihre Projekte ohne Kategorie.

Unternehmensseiten

• „Hakkımızda“ (Über uns): Seitenüberschrift, Text, Mission, Vision, Signaturzeile und ein Bild. Ein leer gelassener Mission- oder Vision-Teil erscheint nicht. Auf der Seite stehen außerdem die Zähler, die Teamkarten und die Referenzlogos.
• Team: Sie geben Name, Funktion und Foto ein; das Team wird auf der Seite „Hakkımızda“ (Über uns) als Karten gezeigt. Ein Mitglied mit dem Status „Taslak“ (Entwurf) erscheint nicht.
• Referenzlogos: Sie geben Firmenname, optional eine Webadresse und das Logo ein. Einträge mit hochgeladenem Logo erscheinen auf der Startseite und auf der Seite „Hakkımızda“ (Über uns). Laden Sie nur Logos hoch, für die Sie eine Nutzungserlaubnis haben.
• Kundenbewertungen: Sie geben Name, Titel oder Firma, Bewertung und optional ein Foto ein. Veröffentlichen Sie Bewertungen nur mit Zustimmung der Verfasser.
• Häufige Fragen: Fragen und Antworten tragen Sie im Panel ein; beim Klick auf eine Frage öffnet sich die Antwort. Sobald mindestens eine Frage vorhanden ist, erscheint ihr Link im Menü unter „Kurumsal“ (Unternehmen).
• Zusätzliche Seiten: Im Panel fügen Sie beliebig viele Seiten hinzu (zum Beispiel Datenschutzerklärung oder Arbeitsgrundsätze). Für jede Seite wählen Sie, ob sie im oberen Menü unter „Kurumsal“ (Unternehmen) und im Fußbereich der Website angezeigt wird.

Blog, Galerie und Kataloge

• Blog: Beiträge mit Titel, Status („Yayında“ (Veröffentlicht) oder „Taslak“ (Entwurf)), Kurzbeschreibung, Bild und formatiertem Text. Die Beiträge werden mit 9 pro Seite aufgelistet; auf der Beitragsseite gibt es eine Seitenliste der neuesten Beiträge. Ein Beitrag mit dem Status „Taslak“ (Entwurf) erscheint nicht auf der Website.
• Galerie: Sie geben Bildtitel, Bild und Reihenfolge ein. Ein Klick vergrößert das Bild; es funktionieren die Schaltflächen für voriges und nächstes Bild, die Pfeiltasten, die Wischgeste auf dem Smartphone, die Schließen-Schaltfläche und die Esc-Taste.
• Kataloge und Dokumente (PDF): PDF-Dateien wie Leistungskatalog, Unternehmensvorstellung oder Preisinformation laden Sie im Panel hoch (höchstens 10 MB pro Datei). Für jedes Dokument geben Sie Linktext und Reihenfolge ein. Auf der Seite „Kataloglar“ (Kataloge) werden sie mit der Schaltfläche „PDF indir“ (PDF herunterladen) aufgelistet; beim Klick wird die Datei als PDF heruntergeladen.

Kontakt

• Kontaktformular: Felder für Name, E-Mail, Telefon, Betreff und Nachricht (alle Pflicht) sowie ein KVKK-Einwilligungsfeld. Eingehende Nachrichten erscheinen im Bereich „Mesajlar“ (Nachrichten) des Panels.
• Kontaktseite: Infokästen mit Adresse, E-Mail und Telefon sowie eine Karte (Einbettungscode von Google Maps oder OpenStreetMap). Angaben und Karte, die Sie leer lassen, erscheinen nicht auf der Website.
• Nachrichten-E-Mail: Haben Sie „E-posta ayarları“ (E-Mail-Einstellungen) eingerichtet und die Benachrichtigungen eingeschaltet, erreicht Sie jede Kontaktnachricht auch per E-Mail. Wenn Sie auf die E-Mail antworten, geht die Antwort an die Adresse des Besuchers.
• KVKK-Einwilligungsfeld: Im Kontaktformular Pflicht. KVKK ist das türkische Datenschutzgesetz. Der Link zur Datenschutzerklärung führt zu der Seite, die Sie im Panel auswählen; derselbe Link erscheint auch im Fußbereich der Website. Der Text der Beispielinhalte ist nur ein Beispiel; Ihre eigene Datenschutzerklärung müssen Sie selbst erstellen.

Aussehen, Mobilgeräte und Suchmaschinen

• Farbe: im Panel wählen Sie zwei Farben. Die Hauptfarbe wird auf Schaltflächen, Akzente und aktive Elemente angewendet; die Hintergrundfarbe auf den Seitenhintergrund. Für den Hintergrund wird eine dunkle Farbe empfohlen; wählen Sie eine helle Farbe, wechselt die Website automatisch zum hellen Design. Die Textfarbe wird je nach Hintergrund und Hauptfarbe automatisch dunkel oder hell gewählt.
• Logo, Website-Symbol und Titelband: Sie laden Ihr Logo und Ihr Website-Symbol (Favicon) hoch; ohne Logo erscheint der Firmenname als Text. Für das Titelband oben auf den Unterseiten können Sie ein Bild hochladen; ohne Bild erscheint das Band ohne Bild.
• Kopfbereich und Fußbereich: der Kopfbereich enthält Logo, Menü und die Schaltfläche „Teklif Alın“ (Angebot einholen). Der Fußbereich zeigt Ihren kurzen Vorstellungstext, Social-Media-Symbole, Ihre Kontaktdaten, Links, die ersten sechs Leistungen und die Copyright-Zeile. Angaben, die Sie nicht eintragen, werden nicht gezeichnet.
• Social Media: Ihre Links zu Facebook, X (Twitter), Instagram, LinkedIn und YouTube erscheinen als Symbole; ein nicht eingetragenes Symbol wird nicht gezeichnet. Tragen Sie Ihre WhatsApp-Nummer ein, erscheint im Kopfbereich ein WhatsApp-Symbol.
• Bereiche ein-/ausschalten: Auf einer einzigen Seite schalten Sie die Bereiche Leistungen, Projekte, Blog, Galerie, Kataloge und Dokumente, Häufige Fragen, Team, Kundenbewertungen und Referenzlogos ein oder aus. Ein ausgeschalteter Bereich verschwindet aus Menü und Startseite, und seine Adresse lässt sich nicht mehr öffnen. Auch der Menülink eines Bereichs ohne Einträge erscheint nicht.
• Mobilgeeignet: Auf kleinen Bildschirmen wird das Menü zu einem aufklappbaren Mobilmenü; das Seitenlayout passt sich der Bildschirmbreite an.
• Seitenspezifischer Titel und Beschreibung: Jede Seite trägt einen eigenen Titel („Seite | Firma“), eine Beschreibung und Tags für das Teilen in sozialen Netzwerken (Open Graph). Auf Leistungs-, Projekt- und Blogbeitragsseiten stammt das Bild zum Teilen aus dem eigenen Bild des Eintrags. Websitetitel, Beschreibung und Schlüsselwörter geben Sie unter „Site ayarları“ (Website-Einstellungen) ein.
• Footer-Signatur: Die Zeile „TiklaWeb tarafından geliştirildi“ (Entwickelt von TiklaWeb) am Ende der Website können Sie ändern oder entfernen.
• 404-Seite: Für eine nicht vorhandene Adresse, einen ausgeschalteten Bereich und einen nicht veröffentlichten Beitrag erscheint eine Fehlerseite mit einer Schaltfläche zurück zur Startseite.

Verwaltungspanel

• „Özet“ (Übersicht): die Anzahl ungelesener Nachrichten, Projekte, Leistungen und veröffentlichter Blogbeiträge sowie die zuletzt hinzugefügten Projekte und die neuesten Nachrichten. Das Seitenmenü zeigt die Anzahl ungelesener Nachrichten als Badge.
• Leistungen, Projekte, Projektkategorien und Blog: Sie fügen Einträge hinzu, bearbeiten und löschen sie. Die Listen haben Suche und Sortierung.
• Seiten, Galerie und Kataloge: Sie verwalten zusätzliche Seiten, Galeriebilder und PDF-Dokumente.
• „Mesajlar“ (Nachrichten): Sie lesen und löschen die Nachrichten aus dem Kontaktformular mit Name, E-Mail, Telefon, Betreff, Datum, Zeitpunkt der KVKK-Einwilligung und Text; ungelesene Nachrichten sind markiert.
• Website-Inhalte: „Ana sayfa girişi, kutular ve sayaçlar“ (Einstieg, Kacheln und Zähler der Startseite) (mit Begrüßungsbereich und Aufrufband), „Hakkımızda“ (Über uns), „Ekip üyeleri“ (Teammitglieder), „Referanslar“ (Referenzen), „Yorumlar“ (Bewertungen), „Sık sorulan sorular“ (Häufige Fragen), „Site görselleri“ (Website-Bilder), „Sosyal medya bağlantıları“ (Social-Media-Links) und „Bölümleri aç/kapat“ (Bereiche ein-/ausschalten). In den Feldern für formatierten Text wird der Editor Summernote verwendet.
• E-Mail-Einstellungen: Sobald Sie Ihre SMTP-Daten eingeben und die Benachrichtigungen einschalten, funktioniert die E-Mail des Kontaktformulars. Die Einstellungen testen Sie mit der Schaltfläche „Deneme e-postası gönder“ (Test-E-Mail senden).
• „Site ayarları“ (Website-Einstellungen): Websitetitel, Firmenname, Beschreibung und Schlüsselwörter, Telefon, WhatsApp-Nummer, E-Mail, Adresse, der im Fußbereich angezeigte kurze Vorstellungstext, Copyright-Zeile, Hauptfarbe, Hintergrundfarbe, KVKK-Seite, Karte, Logo, Website-Symbol, Website-Sprache und Panel-Sprache.
• Benutzer und Berechtigungen: Sie legen Administrator- und Editor-Konten an. Der Editor verwaltet die Inhaltsbereiche und die Nachrichten; „Site ayarları“ (Website-Einstellungen), „E-posta ayarları“ (E-Mail-Einstellungen) und „Kullanıcılar“ (Benutzer) sind nur dem Administrator zugänglich. Berechtigungen werden auf dem Server geprüft. Jeder Benutzer ändert seinen eigenen Namen und sein Passwort auf der Seite „Profil ve şifre“ (Profil und Passwort).
• Passwort vergessen: Der Link auf der Anmeldeseite des Panels setzt das Passwort per E-Mail zurück (wenn „E-posta ayarları“ (E-Mail-Einstellungen) eingerichtet ist). Der Link zum Zurücksetzen ist 1 Stunde gültig und kann einmal verwendet werden.
• Eigener Code: Unter „Site ayarları“ (Website-Einstellungen) fügen Sie am Anfang und am Ende der Website Ihren eigenen Code ein (zum Beispiel ein Statistik-Skript). Diese Felder sind nur dem 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.
• Beispielinhalte oder leere Installation: Beginnen Sie mit gefüllter Website wie in der Demo und bearbeiten Sie sie, oder tragen Sie Ihre Inhalte von Grund auf ein. Die Nachrichtenliste beginnt in beiden Fällen leer.
• Update über das Panel: Laden Sie das ZIP-Paket der neuen Version aus Ihrem tiklaweb.net-Kundenbereich herunter und laden Sie es auf der Seite „Güncelleme ve lisans“ (Update und Lizenz) des Verwaltungspanels hoch. Zuvor werden Dateien und Datenbank gesichert. Tritt ein Fehler auf, kehrt die Website in den vorherigen Zustand zurück. Ihre hochgeladenen Bilder und PDF-Dokumente, 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). Die Anleitung enthält die Regeln, die für Apache und LiteSpeed bereits mitgeliefert werden, und die Regeln, die Sie für Nginx und IIS ergänzen müssen.

Lizenz

Jede Lizenz gilt für genau eine Domain, die Sie bei der Bestellung angeben. Eine Änderung der Domain ist kostenpflichtig und erfolgt per 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
• Aufbau: PHP (PDO), eigener Router und Twig-3-Vorlagen. Die Seitenadressen sind gut lesbar (z. B. /projeler/3-ornek-proje); dafür muss der Server Adressen umschreiben. Bei Apache und LiteSpeed übernimmt das die mitgelieferte Datei .htaccess; die Regeln für Nginx und IIS stehen in der Datei KURULUM.html
• Website: Swiper und Font Awesome Free 6; die Schriftart Kanit wird mit dem Paket geliefert und nicht von einem externen Server geladen. Panel: DataTables 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, ein verstecktes Köderfeld und ein Limit von 8 Absendungen pro IP in 10 Minuten im Kontaktformular; CSRF-Prüfung bei Panel-Aktionen; vorübergehende Sperre nach 5 fehlgeschlagenen Versuchen in 15 Minuten bei der Panel-Anmeldung, die Sitzung endet nach 2 Stunden Inaktivität
• 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
• Ein PDF-Dokument wird nur akzeptiert, wenn es die PDF-Signatur und eine Dateiende-Markierung trägt (höchstens 10 MB). Auf den Dokumentenordner kann nicht direkt zugegriffen werden; die Datei wird über die Website als Anhang heruntergeladen
• 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
• Vor dem Verkauf wurde ein Sicherheitsaudit aus Code-Prüfung und Live-Angriffstests durchgeführt

Demo

Sehen Sie sich die Website und das Verwaltungspanel in der schreibgeschützten Demo an. Die Demo ist auf Türkisch eingerichtet; im Verwaltungspanel können Sie die Panel-Sprache über das Globus-Symbol oben rechts auf Englisch umstellen. Firmenname (Örnek Ajans), Leistungen, Projekte, Team, Referenzlogos, Bewertungen und PDF-Kataloge in der Demo sind Beispiele. Im Demo-Panel sehen Sie in der Liste „Mesajlar“ (Nachrichten) einige Beispieleinträge. WhatsApp, Social-Media-Links und Karte sind in der Demo leer gelassen; sobald Sie sie im Panel ausfüllen, erscheinen sie auf der Website.

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

In der Demo lassen sich keine Änderungen speichern; das Kontaktformular speichert keine Einträge und versendet keine E-Mails. Die Demo wird jede Nacht zurückgesetzt. Sensible Seiten wie E-Mail-Einstellungen, Benutzer und Passwortformulare sind im Demo-Modus nicht einsehbar, und „Passwort vergessen“ ist in der Demo ausgeschaltet. Diese Zugangsdaten gelten nur für die Demo-Website. In der von Ihnen gekauften 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.