Ga naar inhoud
Lemone Wiki

WordPress Project Startup

Tools

  1. Sage v10
  2. Bedrock v1.20
  3. Trellis v1.14
  4. OPIONAL: Tiged; Copies repository without git references
    1. run yarn global add tiged

Codepot

  1. Als er nog geen group is, maak een group aan voor het bedrijf
  2. Maak een nieuw project aan op codepot
    1. Geef het project dezelfde naam als de folder in Tresorit
    2. Maak een branch aan genaamd “develop”
    3. Zet de default branch op “develop” in de settings
    4. Nodig members uit
  3. Check project uit
  4. Maak een “board” aan
  5. Download the “.gitlab” folder vanuit de boilerplate naar de root van het project
  6. Importeer de standaard issues voor een WordPress project

Tresorit

  1. Maak een “06-develop” folder aan in het project op Tresorit
    1. Kopieer het design / sketch naar de “develop folder” en extend de filename met je eigen naam
    2. Maak een apart Sketch bestand aan voor de assets —> “assets.sketch”

WordPress

Install
  1. maak een nieuwe “project” folder
  2. in de “project” installeer je bedrock
    1. composer create-project roots/bedrock site
  3. in de map “project folder” clone de meeste recente variant
    1. degit https://github.com/roots/trellis
    2. delete de “.git-hub” folder vanuit trellis
  4. In de “site” folder install Acorn via composer
    1. composer require roots/acorn
  5. In de “site” folder install Soil via composer
    1. composer require roots/soil
    2. In “setup.php” voeg 'js-to-footer' toe aan soil features
  6. In de “site” folder install Sage SVG via composer voor makkelijker gebruik van svg
    1. composer require log1x/sage-svg

Setup theme

  1. In de themes map (site/web/app/themes) verwijder het standaard thema (twenty…)
  2. Open een terminal in de themes map
  3. Install sage met eigen theme naam
    1. composer create-project roots/sage your-theme-name
  4. Run yarn in de theme folder die je net aangemaakt heb
  5. Update “style.css” met de theme naam
  6. Voeg een screenshot van het design toe in de root folder van het theme genaamd “screenshot.png”
  7. Default komt Roots met Tailwind, om scss files te kunnen gebruiken moet je nog bud-sass installeren
    1. Run yarn add @roots/bud-sass @roots/bud-postcss --dev
  8. Run yarn build to generate the theme for the first time
    1. Run yarn dev to start the theme dev server with live reload

Lando toevoegen

  1. In de “site” folder maak een bestand .lando.yml
  2. recipe: wordpress

config:

php: "8.0"
via: nginx
webroot: web
xdebug: "debug,develop,trace"


services:
  database:
    type: mariadb
      pma:
        type: phpmyadmin
        hosts: database
  1. Pas de .env aan naar
# Copy this file to .env for development with lando
DB_NAME=wordpress
DB_USER=wordpress
DB_PASSWORD=wordpress
DB_HOST=database
WP_ENV=development
WP_HOME=http://WEBSITE.lndo.site
WP_SITEURL=$`{WP_HOME}`=/wp
  1. Duplicate de .env naar .env.lando-dev
  2. Voeg !.env.lando-dev aan de .gitignore in “site” map
  3. Open de terminal in de “site” map
  4. In de bud.cofig.js zet de proxy url naar de lando url
    1. http://project-name.lndo.site
  5. Run lando composer update
  6. Run lando start and wait && pray
  7. Open url en volg wp install
    1. Taal: Nederlands
    2. Site: PROJECTNAAM
    3. Gebruiker: admin
    4. Wachtwoord: admin
    5. Email-adres: admin@site.local
    6. Zoekmachines ontmoedigen: Ja
  8. Log in
  9. Switch theme naar je zojuist aangemaakte thema
  10. Ga door de settings
    1. Let op tijdzone
    2. Zet de homepage en berichten pagina naar een statische pagina

Nawerk

  1. commit changes