hojalatheef / sitepackageone
Site package for sitepackageone distribution
Installs: 1
Dependents: 1
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Type:typo3-cms-extension
Requires
- typo3/cms-core: ^13.2
Requires (Dev)
- roave/security-advisories: dev-latest
This package is auto-updated.
Last update: 2024-12-07 18:03:34 UTC
README
SitePackageOne is a TYPO3 extension designed to provide a comprehensive one-page website template. It includes pre-configured templates, TypoScript setup, and custom content elements tailored for a modern, responsive one-page site.
Requirements
- TYPO3 v13
- PHP 8.2 or higher
Installation
composer req hojalatheef/sitepackageone
2. Include TypoScript Template
-
Go to Template Module:
- Navigate to "WEB" > "Template".
-
Select Root Page:
- Select your root page.
-
Edit Template Record:
- Click on "Info/Modify" and then "Edit the whole template record".
-
Include Static TypoScript:
- In the "Includes" tab, add
sitepackageone
to the "Include static (from extensions)" field.
- In the "Includes" tab, add
3. Set Up Root Page
Ensure you have a root page created in the "WEB" > "Page" module.
- Set the root page as the site root by right-clicking on the page and selecting "Edit".
- In the "Behavior" tab, check the "Use as Root Page" option.
4. Customize Your One-Page Template
Create Content Elements
- Go to "WEB" > "Page".
- Create and configure content elements on your root page using the provided templates.
Edit HTML Templates
- The HTML templates are located
in
EXT:sitepackageone/Resources/Private/Templates
. - Customize these templates to fit your design needs.
5. Add Custom Styles and Scripts
CSS and JS Files
- Add your custom CSS files
to
EXT:sitepackageone/Resources/Public/CSS
. - Add your custom JavaScript files
to
EXT:sitepackageone/Resources/Public/JavaScript
.
Include Custom Styles and Scripts in TypoScript
Open the TypoScript setup file located
at EXT:sitepackageone/Configuration/TypoScript/setup.typoscript
and
include your custom styles and scripts as needed:
page.includeCSS {
file1 = EXT:sitepackageone/Resources/Public/CSS/styles.css
}
page.includeJSFooter {
file1 = EXT:sitepackageone/Resources/Public/JavaScript/scripts.js
}
Development
Local Development with DDEV
-
Start DDEV Environment: Ensure you have DDEV installed on your system.
ddev start
-
Access TYPO3 Backend: Navigate to http://sitepackageone.ddev.site/typo3 and log in with your admin credentials.
License
SitePackageOne is released under the MIT License. See the LICENSE file for more details.