{"id":617,"date":"2017-03-01T14:31:48","date_gmt":"2017-03-01T13:31:48","guid":{"rendered":"http:\/\/elektroelch.de\/draft\/?p=617"},"modified":"2017-03-29T11:55:58","modified_gmt":"2017-03-29T09:55:58","slug":"grav-cms","status":"publish","type":"post","link":"https:\/\/elektroelch.de\/drafts\/2017\/03\/01\/grav-cms\/","title":{"rendered":"Grav CMS"},"content":{"rendered":"<p><a href=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav-logo.svg_.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-623\" src=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav-logo.svg_.png\" alt=\"\" width=\"671\" height=\"185\" srcset=\"https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-logo.svg_.png 671w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-logo.svg_-300x83.png 300w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><\/a><\/p>\n<p>WordPress ist das beherrschende CMS im Internet. Daneben gibt es aber nat\u00fcrlich noch viele andere System, wie z.B. <a href=\"https:\/\/typo3.org\/\">Typo3<\/a> oder <a href=\"http:\/\/www.contenido.org\/\">Contenido<\/a>. Diese sind aber noch umfangreicher als WordPress und deshalb nicht unbedingt f\u00fcr jedes Projekt geeignet.<\/p>\n<p>Ich m\u00f6chte\u00a0 hier ein System vorstellen, dass mit wenigen Voraussetzungen auskommt (lediglich PHP 5.5.9 muss vorhanden sein), allerdings in der Grundversion nur wenige Features mitbringt. Wie bei CMSen \u00fcblich, kann man aber vieles nachinstallieren.<br \/>\nGrav enth\u00e4lt wesentlich mehr M\u00f6glichkeiten, als ich hier in einem Blogartikel vorstellen kann. Mehr vielleicht in sp\u00e4teren Artikeln.<\/p>\n<h3>Die Installation<\/h3>\n<p>Die Installation von grav ist sehr einfach. Man l\u00e4dt sich das &#8220;<a href=\"https:\/\/getgrav.org\/downloads\">Grav Core<\/a>&#8221; zip-Paket auf einen Rechner, packt es aus und l\u00e4dt die Dateien auf einen Server. Fertig:<\/p>\n<p><a href=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-619\" src=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav.png\" alt=\"\" width=\"959\" height=\"501\" srcset=\"https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav.png 959w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-300x157.png 300w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-768x401.png 768w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/a><\/p>\n<h3>Benutzeroberfl\u00e4che<\/h3>\n<p>F\u00fcr die Arbeit mit grav ben\u00f6tigt man keine Benutzer\u00f6berfl\u00e4che, alle Einstellungen und Inhalte k\u00f6nnen mit einem einfachen Texteditor erstellt werden.<br \/>\nEs existiert ein Admin-Plugin, das die Verwaltung vereinfacht. Im Zuge dieser Einf\u00fchrung ist es allerdings sinnvoller,\u00a0 selber Hand an die Verzeichnisse und Dateien zu legen, um die Zusammenh\u00e4nge zu verstehen.<\/p>\n<h3>Seiten hinzuf\u00fcgen<\/h3>\n<p>Wie kommen jetzt die Inhalte auf die Webseite? Wie bereits erw\u00e4hnt enth\u00e4lt der Kern (Grav Core) keinen Editor oder eine andere Benutzeroberfl\u00e4che. Stattdessen werden direkt auf dem Server Textdateien erstellt und bearbeitet &#8212; daher der Name &#8220;Flat-File-System&#8221;. Grob zusammengefasst funktioniert es so:<\/p>\n<p>Im Verzeichnis <span class=\"lang:default decode:true  crayon-inline \">&#8230;\/user\/pages\/<\/span>\u00a0 wird f\u00fcr jede Seite (&#8220;Page&#8221;) ein Verzeichnis angelegt und in diesem Verzeichnis mindestens die Datei <span class=\"lang:default decode:true  crayon-inline \">default.md<\/span>\u00a0 mit dem Inhalt der Datei:<\/p>\n<p><a href=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav_file_structure.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-650\" src=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav_file_structure.png\" alt=\"\" width=\"262\" height=\"160\" \/><\/a>Die Dateien <span class=\"lang:default decode:true  crayon-inline\">default.md<\/span>\u00a0 m\u00fcssen noch keinen Inhalt haben. Bereits jetzt kann man die Seiten im Men\u00fc vorfinden:<\/p>\n<p><a href=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav-menu.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-642\" src=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/grav-menu.png\" alt=\"\" width=\"832\" height=\"93\" srcset=\"https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-menu.png 832w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-menu-300x34.png 300w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/grav-menu-768x86.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/a><\/p>\n<h3>Inhalte hinzuf\u00fcgen<\/h3>\n<p>Das Wichtigste an eine Webseite sind nat\u00fcrlich die Inhalte. Diese werden wie oben erw\u00e4hnt direkt in Dateien gespeichert. Das genutzte Format ist &#8220;Markdown&#8221;, eine relativ einfach zu merkende Auszeichnungssprache:<\/p>\n<pre class=\"\">= Heading 1\r\n== Heading 2\r\n=== Heading 3\r\n==== Heading 4\r\n===== Heading 5\r\n====== Heading 6\r\n** Fett **\r\n_Kursiv_\r\n<code>![Alternativtext](Bild-URL \"Bildtitel hier\")<\/code> \r\n<\/pre>\n<p>Das sind nur einige Beispiele, eine vollst\u00e4ndige \u00dcbersicht gibt es bei <a href=\"https:\/\/de.wikipedia.org\/wiki\/Markdown#Auszeichnungsbeispiele\">Wikipedia<\/a>. Als kleines (wenn auch nicht sch\u00f6nes) Beispiel, die Kontaktseite mit dem Standard-Theme:<\/p>\n<pre class=\"lang:default decode:true \">## Kontakt\r\n\r\n#### Post\r\nBeispielstra\u00dfe 1   \r\n12345 Beispielort   \r\n\r\n####Email\r\nbeispiel@beispiel.de<\/pre>\n<p><a href=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/Kontak_grav.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-647\" src=\"http:\/\/elektroelch.de\/draft\/files\/2017\/03\/Kontak_grav-300x196.png\" alt=\"\" width=\"300\" height=\"196\" srcset=\"https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/Kontak_grav-300x196.png 300w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/Kontak_grav-768x502.png 768w, https:\/\/elektroelch.de\/drafts\/files\/2017\/03\/Kontak_grav.png 784w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Die tats\u00e4chliche Darstellung h\u00e4ngt vom installierten Theme ab.<\/p>\n<h3>Seitenlayouts<\/h3>\n<h3>Grafiken<\/h3>\n<h3>Themes<\/h3>\n<h3>Plugins<\/h3>\n<h3>Community<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress ist das beherrschende CMS im Internet. Daneben gibt es aber nat\u00fcrlich noch viele andere System, wie z.B. Typo3 oder Contenido. Diese sind aber noch umfangreicher als WordPress und deshalb nicht unbedingt f\u00fcr jedes Projekt geeignet. Ich m\u00f6chte\u00a0 hier ein System vorstellen, dass mit wenigen Voraussetzungen auskommt (lediglich PHP 5.5.9 muss vorhanden sein), allerdings in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-617","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/posts\/617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/comments?post=617"}],"version-history":[{"count":12,"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/posts\/617\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/posts\/617\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/media?parent=617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/categories?post=617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elektroelch.de\/drafts\/wp-json\/wp\/v2\/tags?post=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}