Download Fraym here or pull the source code from via Github:
git clone https://github.com/fraym/fraym.git
If you downloaded the zip file extract the zip file.
Setting up your webserver and database
It is recommended to use Apache webserver and MySQL Database. Use the "Public" folder as the document root.
Be sure that you use min. PHP version 5.5 and that your Apache have mod_rewrite enabled.
Set "open_basedir" to "none" in your php.ini or be sure that the parent folder of Public is accessible.
If PHP OPcache is enabled then "opcache.load_comments = 1" must set in your php.ini.
It is also recommended to use APCu for faster page load speed.
Create a database on your MySql Server with phpMyAdmin or whatever.
If your document root is set and your webserver and database is running call http://localhost/install.php in your browser. If you use another hostname replace "localhost" with your hostname.
Now check if all options are green.
Fill out all fields and click the "Install" button.
After the installation of Fraym you can access your website under http://localhost/ if your hostname is localhost.
If you are logged out and want to login again just open http://localhost/fraym there you will find a login form and some administrator actions.
After installing Fraym, you the on the left side the site manager menu. You can toggle the site manager menu with the first button.
Here is a list of all core Site Manager extensions:
|Change Set Manager||The Change Set Manager is one of the most essential thing. If you make changes on the website, the change are only shown if you are logged in as a administrator. With the Change Set Manager you can undo changes you have made or deploy changes to all users.|
|Data Manager||The Data Manager stores all dataset records and configurations. Here you can edit domains, websites, templates, locales, configuration constants, extension datasets and much more, it depends on the extensions you have installed.|
|File Manager||With the File Manager you can show, edit, delete, copy, rename, upload and download files and folders.|
|Menu Editor||With the Menu Editor you can add and edit pages from your website.|
|Package Manager||The Package Manager shows you all installed extensions for Fraym. You can also search extensions, install, uninstall or remove extensions with the Package Manager.|
|Enable/Disable Edit Mode||If you enable the edit mode, you can edit the content on the website. Add and edit extension, drag & drop elements and more. All elements that can be added to your website are called "Blocks"|
Editing the content is easier than you think. Enable the edit mode on the left side menu (Site Manager). If the edit mode is enabled the default theme page is now empty, because all the template placeholders are not shown if the edit mode is enabled.
If you hover with your mouse cursor over the page you will see the container where you can add elements (blocks). Click on the plus + next to the container with the Id: "tf-home-wrapper" to add a "Configurable template" element here. A dialog apears to add a block extension. In the extension dropdown choose "Configurable template", a new tab should apear:
Click on the new tab called "Configurable template" in the dropdown choose the "Hero-image.tpl", now you can choose a text and image for the "Hero-image" element. After that you can click on the "Save" button on the upper right of the dialog.
This was an example how you can add a element. If you can't click on the buttons on the new added element click on the "Block to Top" arrow to bring the block in front of the overlapping block.
Now you can click on the buttons on the upper right of the new added block element. With the buttons you can copy, past, past as referenz or cut a element to another container or page/container.
You can also drag & drop the new added element to other containers.