What's your everyday fashion hack

Content. Get to know and install Contao. This is Contao. The offline web space: XAMPP and MAMP. Contao is a content management system ...

Transcript

1 Introduction ... PART I 29 Getting to know and installing Contao 1 This is Contao 1.1 Contao is a content management system Do you even need a content management system? ... A CMS on your own web space requires know-how The website About the program: »contao.org« What makes Contao so popular Contao helps you to create and manage en ... Contao simplifies the design of websites ... Contao has built in many functions and can be expanded at will. The community on the web: that Forum for Contao Tips on using the forum ... Please also ask questions about the book in the forum The offline web space: XAMPP and MAMP The web space on your computer Static websites: the web space as a warehouse ... Content management system: the web space Windows as a workshop: Install offline web space with XAMPP XAMPP for Windows ... The XAMPP Control Panel ... Test whether the web server works ... The XAMPP OS X security check: Install offline web space with MAMP MAMP ... That MAMP program window ... Test whether the web server works ... 5

2 2.4 The web server: Apache serves websites The Apache is a web server »Document Root«: the folder for the websites PHP: Programming language and interpreter PHP is at home on php.net PHP: as a module or as CGI?

3 PART II The first website with Contao 5 A short tour of the backend Overview: the most important areas in the backend Right at the top of the backend: the information area Left: the navigation area (backend modules) Right: the work area The backend module »System Settings« The »Title of the website« The format for specifying the date and time The file manager: »System file management« Create folders with the file manager Upload files with the file manager »Synchronize«: Compare the database and the »files« folder Create template folder in the backend module »Templates« The extension catalog and the extension management The extension catalog on »contao.org« Install an extension from the backend The first article and two items The item tree: the overview of all items The settings for an item Add items to an item Check whether Articles are integrated in the page layout for the other pages create with »edit several« A Fron tend module for navigation: »Nav Main« Create a navigation module Integrate the navigation module in the page layout Create the »News« page A quick look at the source text The style block in the Create the layout areas from the page layout in the template the HTML for the source text frontend templates have the ending.sql All other templates with the ending.html5 or.xhtml Debug mode: Template markers show which template generates the source text The HTML of the navigation in the source text backend module »Templates«: Templates Adapt update-safe A quick look at the template »nav_default.

4 7.

5 9.4.html «embed Step 5: Test the form verification Step 6: Submit the contact form Design the contact form The HTML for the contact form Quick: activate the“ Forms ”stylesheet Individual: design the contact form yourself Output form data on the“ Thank you ”page

6 11. Adding images to teasers and articles Adding images to a teaser Adding images to the article in the single view Creating RSS feeds to subscribe to the articles Interaction with visitors: the comment function Activate the comment function Write and review comments Design the comments Optional: Comment form Caption before Manage input fields for comments in the backend Optional: Show the number of comments in the overview The syntax of the search function at a glance

7 13.

8

9 18.htaccess "Contao in the subfolder: the" rewritebase "in the" .htaccess "This is how it is done: URLs rewrite in practice Perfect: URLs without" items "and" events "Flat or folder URLs Contao can use both URLs static websites and CMSystems Contao generates flat URLs by default Contao can also do folder URLs

10 20.3 Optimizing the page alias, page title and page description Page name and page alias in the Contao backend The title of the page: » ... « The description of the page: »« Interceptor: 404 and status messages: The web server sends a number with page not found: May it be something else? Access denied: This page exists, but not for you An XML sitemap for Google & Co The Google Webmaster Tools Create an XML sitemap in Contao Step 2: Protect the »Downloads« folder in the file management. Step 3: The selement » Configuring downloads «Further options for member management The» Forgot your password «module The» Personal data «module Automatic registration for members Users: employees logged on to the backend User administration: the overview of members: visitors logged on to the frontend Members and users: the difference between setting up member groups and members Set up member groups Create new members Create pages for logging in and logging out Create front-end modules for logging in and logging out An overview of the front-end modules for logging in Module no. 1: The registration form »[Login form]« Module no. 2: The deregistration »[Automatic Logout]« module no. 4: The link to the login page »[Own HTML code]« Module no.

11 23.3 Checking the »cache flow« in Contao Cache as cache can: Cache is available in Contao and in the browser. Contao »cache mode« in »system settings« Define the »cache settings« in the page structure Create backups: Back up the database and files Back up the MySQL database Back up the data on the web space Updates: the version numbers of Contao The bugfix release: 3.3.x The minor release: 3.x The major release: x »Long-Term-Support« : LTS releases are supported longer. Should I update a working Contao website? cto «What is not included in a theme: e, pages, etc. A few sources for Contao themes Areas of application: What themes can be used for The Contao theme store:» themes.contao.org «RockSolid themes: rocksolidthemes.com Other websites with Contao -Themes The example site with the look of the »music Academy« Step 1: Import the theme in the backend Step 2: Activate the »Music Academy« theme About the adaptation of themes What is missing in the new theme Frontend modules integrated in articles are repaired: Adaptation of articles Integrated modules Frontend templates: Theme plus pages, e and user »Theme« vs. »Frontend template« Frontend templates are useful for »freezing« websites In the example files: a frontend template for (almost) every chapter Safety information ( not only for Contao) The potential problem Trustworthy sources Check a theme Backend users: Attack from the inside PART VI Tips and tricks 25 tips and tricks when working with the text in the footer with the Ti Maintain nyMCE Recycling: Repeat e on several pages »Links«: for inserting on individual pages »Frontend modules«: for inserting on all pages of a page layout Article teaser on overview pages Create teaser texts for the three articles The teaser texts on the »Article« page HTML for the teaser texts on the »Create article« page. Alternative to the teaser list: automatic forwarding to the first subpage

12 25.4 Several articles on one page Method 1: Only one article per page and column Method 2: Several complete articles per page and column Method 3: Several teased articles per page and column The front-end modules »Article list« and »Article navigation« The extension for Google Maps: [dlh_googlemaps] The extension [dlh_googlemaps] at a glance Step 1: Create a map in "e Google Maps" Step 2: Add an info balloon to map elements Step 3: Integrate the "google Map" selement into Contao Known How: the manual determination of geo-coordinates Useful to a limited extent: several domains in a Contao installation Domain redirection: to domain.de (or vice versa) Summary: several websites in several languages ​​The insert tags at a glance Insert tags for link elements User properties: Insert tags for frontend -User page properties: insert tags for everything related to pages environment variables include elements miscellaneous: date, and languages ​​tips and System administration tricks Tips and tricks for TinyMCE Predefined CSS classes in the TinyMCE stylesheet "files / tinymce.css" Design the font in TinyMCE in the stylesheet "files / tinymce.css" Text modules in TinyMCE: insert e from the template Layouts for advanced users " Sticky Footer «without changes to the page template» fe_page «» Fullpage-Layout «: header and footer as wide as the browser window Page layout: create and activate your own layout areas Page template brand self-made:» fe_irgendwas «Use Contao with other CSS frameworks The system configuration:» localconfig .php «Some extensions from third-party providers Useful helpers in the backend» EasyThemes «is also useful for only one theme» Sticky Backend Footer «fixes the save bar in the work area Small extensions for the frontend» Social Images «: Provide images for social networks Multi-column e in the area of ​​Isotopes, MetaModels and about other extensions »Isotope ecommerce« a shop system for Contao » MetaModels «Data structures beyond the page tree Outlook: Extension management becomes Composer Index The language configuration:» langconfig.php «An example:» More «instead of» read on «The structure of the entries in the» langconfig.php «A second example: The heading» A comment write «change Information on database tables:» dcaconfig.php «Several websites in a Contao installation Each website must have its own starting point. Multilingual websites