tina4stack / tina4cms
Tina4 CMS Module
Installs: 2 006
Dependents: 1
Suggesters: 0
Security: 0
Stars: 5
Watchers: 2
Forks: 17
Open Issues: 6
Language:JavaScript
Requires
- ext-json: *
- tina4stack/tina4php: ^2.0
Requires (Dev)
- overtrue/phplint: ^2.0
- phpmailer/phpmailer: ^6.5
- phpmetrics/phpmetrics: ^2.8
- phpunit/phpunit: ^9
- roave/security-advisories: dev-latest
- tina4stack/tina4php-firebird: ^2.0
- tina4stack/tina4php-sqlite3: ^2.0
- dev-master
- v1.0.3
- v1.0.2
- v1.0.1
- v1.0.0
- v1.0.0-alpha
- v0.0.45
- v0.0.44
- v0.0.43
- v0.0.42
- v0.0.41
- v0.0.40
- v0.0.39
- v0.0.38
- v0.0.37
- v0.0.36
- v0.0.35
- v0.0.34
- v0.0.33
- v0.0.32
- v0.0.31
- v0.0.30
- v0.0.29
- v0.0.28
- v0.0.27
- v0.0.26
- v0.0.25
- v0.0.24
- v0.0.23
- v0.0.22
- v0.0.21
- v0.0.20
- v0.0.19
- v0.0.18
- v0.0.17
- v0.0.16
- v0.0.15
- v0.0.14
- v0.0.13
- v0.0.12
- v0.0.11
- v0.0.10
- v0.0.9
- v0.0.8
- v0.0.7
- v0.0.6
- v0.0.5
- v0.0.4
- v0.0.3
- v0.0.2
- v0.0.1
- dev-cms-styling
- dev-prototype
- dev-vvvebjs
This package is auto-updated.
Last update: 2024-11-04 09:56:06 UTC
README
Welcome to the Tina4CMS module, how does it work?
composer require tina4stack/tina4cms
composer exec tina4 initialize:run
Sqlite is recommended for small to medium websites
composer require tina4stack/tina4php-sqlite3
Add the database connection to your index.php file which would have been created
require_once "vendor/autoload.php";
global $DBA;
$DBA = new \Tina4\DataSQLite3("test.db","", "", "d/m/Y");
echo new \Tina4\Tina4Php();
Run the CMS
composer start 8080
Open up the CMS to set up the admin user
http://localhost:8080/cms/login -> will get you started
The Landing Page - home
You need to create a landing page called "home" as your starting page for things to working properly.
Customization
Make a base.twig file in your /src/templates folder, it needs the following blocks
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ title }}</title>
<meta prefix="og: https://ogp.me/ns#" property="og:title" content="{{ title }}"/>
<meta prefix="og: https://ogp.me/ns#" property="og:type" content="website"/>
<meta prefix="og: https://ogp.me/ns#" property="og:url" content="{{ url }}"/>
<meta prefix="og: https://ogp.me/ns#" property="og:image" content="{{ image }}"/>
<meta prefix="og: https://ogp.me/ns#" property="og:description" content="{{ description }}"/>
{% block headers %}
<link rel="stylesheet" type="text/css" href="/src/public/css/default.css">
{% endblock %}
</head>
{% block body %}
<body>
{% block navigation %}
{% include "navigation.twig" %}
{% endblock %}
{% block content %}
{% endblock %}
{% block footer %}
{% endblock %}
</body>
{% endblock %}
</html>
or an example which extends the existing base in the tina4-cms
{% extends "@tina4cms/base.twig" %}
{% block headers %}
<link rel="stylesheet" type="text/css" href="/src/templates/css/default.css">
{% endblock %}
{% block body %}
<body>
<div class="content">
{% block navigation %}
{% include "navigation.twig" %}
{% endblock %}
{% block content %}
{% endblock %}
</div>
</body>
{% endblock %}
Example of a navigation.twig which you can over write
Create a navigation.twig file in your src/templates folder
{% set menus = Content.getMenu("") %}
<nav>
<ul>
{% for menu in menus %}
<li><a href="{{ menu.url }}">{{ menu.name }}</a>
{% if menu.children %}
<ul>
{% for childmenu in menu.children %}
<li>
<a href="{{ childmenu.url }}">{{ childmenu.name }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
Including your snippets in the CMS
There are two ways you can do this:
When you want to include content as it is, and not have the snippet parsed with Twig you can simply use the following: Use the raw filter when you want to have scripts or other things included correctly
{{snippetName | raw}} or {{snippetName}}
The following is how you would include a snippet where you want variables in the page for example parsed in the snippet
{{ include(getSnippet("snippetName")) }}
Example:
Page content of "home"
{% set world = "World!" %}
{{ include (getSnippet("mySnippet")) }}
Snippet content of "mySnippet"
Hello {{world}}!
Adding articles into a page
{% set articles = Content.getArticles ("", 8) %}
{% for article in articles %}{% include "snippets/medium.twig" with {"article": article} %}{% endfor %}
{% set params = {"tag": "all", "skip": 4, "limit": 4, "template": "medium.twig"} %}
{% include "load-more.twig" with params %}
Overwriting the default CMS twig namespace - your own namespace
CMS_TWIG_NAMESPACE=""
Page Builder
The page builder should implement GrapeJS and allow you to build pages using blocks and components. The blocks and components should be simple to load. We need to flag off pages that have been edited by the Page builder so the generic CMS does not try to render them.
Themes
Use with care, this is currently experimental but will be introduced into the CMS at some point as a base for the pages Current thoughts are as follows:
Theme Structure
src
templates
themes
theme-name
blocks
block-name-1.json
block-name-2.json
components
component-name-1.json
component-name-2.json
theme.twig
The default theme can be cloned to make other themes.
Examples of extending the CMS Page Builder
In your index.php file where your config is initialized you can define the following.
$config = new \Tina4\Config(function(\Tina4\Config $config) { (new Content())->addCmsMenu("/backend/program", "Products"); //Menu example $config->addTwigGlobal("Menu", new Menu()); //Adding a twig global class (new Theme())->addTwigView("product", "Products", "examples/products.twig"); //Adding different snippets for use in CMS views (new Theme())->addTwigView("menu", "Menu", "examples/menu.twig"); }