{"id":7216,"date":"2021-07-22T18:39:19","date_gmt":"2021-07-22T18:39:19","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=7216"},"modified":"2021-09-27T15:13:19","modified_gmt":"2021-09-27T15:13:19","slug":"mamp-wamp-set-up-for-local-development-grav","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2021\/07\/22\/mamp-wamp-set-up-for-local-development-grav\/","title":{"rendered":"Grav: Local MAMP and Gantry 5 set-up (old)"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/grav-setup-banner-2-1024x341.png\" alt=\"\" class=\"wp-image-7249\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/grav-setup-banner-2-1024x341.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/grav-setup-banner-2-300x100.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/grav-setup-banner-2-768x256.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/grav-setup-banner-2-1536x512.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/grav-setup-banner-2-2048x683.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Grav<\/strong> is a flat-file content-management system (CMS) we use to develop custom websites for LAITS clients. <\/p>\n\n\n\n<p><strong>MAMP<\/strong> is a free server environment you can use to create websites locally (local = on your own machine with no web hosting required).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1.<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/www.mamp.info\/en\/downloads\/\">Download and install MAMP here<\/a><\/strong> if not already on your LAITS machine<br>For Mac: MAMP &#8211; Mac, Apache, MySQL, and PHP<br>For Windows: WAMP &#8211; Windows, Apache, MySQL, and PHP<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2.<\/h3>\n\n\n\n<p><strong><a href=\"http:\/\/getgrav.org\/downloads\">On the Grav site<\/a>, <\/strong>download from the &#8220;Grav Core + Admin Plugin&#8221; button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"78\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-27.png\" alt=\"\" class=\"wp-image-7220\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-27.png 343w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-27-300x68.png 300w\" sizes=\"auto, (max-width: 343px) 100vw, 343px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3.<\/h3>\n\n\n\n<p>Unzip the Grav<strong> <\/strong>folder and rename it from &#8220;grav-admin&#8221; to <span class=\"has-inline-color has-luminous-vivid-orange-color\">&#8220;TestSite&#8221;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4.<\/h3>\n\n\n\n<p>Back in MAMP, go to MAMP &gt; Preferences &gt; Web Server.<br>You should copy your <span class=\"has-inline-color has-luminous-vivid-orange-color\">&#8220;TestSite&#8221; <\/span>folder into the Document Root folder that is listed in MAMP. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"827\" height=\"681\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-28.png\" alt=\"\" class=\"wp-image-7221\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-28.png 827w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-28-300x247.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-28-768x632.png 768w\" sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/figure>\n\n\n\n<p>^ This is the Document Root path \u2013 \u201cC:\\MAMP\\htdocs\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"192\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-29.png\" alt=\"\" class=\"wp-image-7222\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-29.png 558w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-29-300x103.png 300w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\n\n\n\n<p>^There is our TestSite Grav folder moved into htdocs \ud83d\ude42<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5.<\/h3>\n\n\n\n<p>On MAMP&#8217;s &#8220;Select&#8230;&#8221; button choose your &#8220;TestSite&#8221; folder and hit OK.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"704\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-30.png\" alt=\"\" class=\"wp-image-7223\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-30.png 546w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-30-233x300.png 233w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6.<\/h3>\n\n\n\n<p>Make sure your MAMP servers are <strong>on<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"194\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-31.png\" alt=\"\" class=\"wp-image-7224\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7.<\/h3>\n\n\n\n<p>In your web browser, navigate to your local host &#8211; &#8220;localhost\/admin&#8221; <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"67\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-32.png\" alt=\"\" class=\"wp-image-7225\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installing Gantry 5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1.<\/h3>\n\n\n\n<p>OK now you are logged into your local Grav dashboard which looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"753\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-33-1024x753.png\" alt=\"\" class=\"wp-image-7231\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-33-1024x753.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-33-300x221.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-33-768x565.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-33.png 1326w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2.<\/h3>\n\n\n\n<p>In the left-hand menu under <em>Themes<\/em>, click <strong>+Add<\/strong> and search and select the theme &#8220;Helium&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-34-1-1024x306.png\" alt=\"\" class=\"wp-image-7234\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-34-1-1024x306.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-34-1-300x90.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-34-1-768x229.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-34-1.png 1068w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br>Click <strong>Activate<\/strong> on Helium to make sure it is your active theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-35-1024x572.png\" alt=\"\" class=\"wp-image-7233\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-35-1024x572.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-35-300x168.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-35-768x429.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-35.png 1049w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3.<\/h3>\n\n\n\n<p>To install Gantry, on the <em>Plugins<\/em> tab, search and install &#8220;Gantry&#8221;. You should then see <em>Gantry 5 <\/em>tab in your left-hand menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-36.png\" alt=\"\" class=\"wp-image-7235\" width=\"195\" height=\"441\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-36.png 245w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-36-133x300.png 133w\" sizes=\"auto, (max-width: 195px) 100vw, 195px\" \/><\/figure>\n\n\n\n<p>Now you have Gantry installed, it&#8217;s homepage will look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"888\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-39-1024x888.png\" alt=\"\" class=\"wp-image-7243\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-39-1024x888.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-39-300x260.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-39-768x666.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-39.png 1090w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4.<\/h3>\n\n\n\n<p>This isn&#8217;t Gantry-related, but to use a WYSIWYG editor in the <em>Pages<\/em> editor mode, install the <a href=\"http:\/\/localhost\/admin\/plugins\/tinymce-editor\">TinyMCE Editor Integration<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"668\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-38-1-1024x668.png\" alt=\"\" class=\"wp-image-7238\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-38-1-1024x668.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-38-1-300x196.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-38-1-768x501.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/image-38-1.png 1064w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>You&#8217;re done and ready to start development!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Grav is a flat-file content-management system (CMS) we use to develop custom websites for LAITS clients. MAMP is a free server environment you can use to create websites locally (local = on your own machine with no web hosting required). &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2021\/07\/22\/mamp-wamp-set-up-for-local-development-grav\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":705,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7216","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/705"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=7216"}],"version-history":[{"count":11,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7216\/revisions"}],"predecessor-version":[{"id":7555,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7216\/revisions\/7555"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=7216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=7216"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=7216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}