Skip to main content

Anleitung für Wordpress Entwicklungsumgebung mit Bedrock + sage/acorn + ACF Pro + ACF Composer

Blueprint verwenden​

Wordpress installieren​

  1. Bedrock installieren
Composer create-project roots/bedrock
  1. PHP/Vendor/Composer Abhängigkeiten für Bedrock installieren
Composer install
  1. .env erstellen

Plugin ACF installieren​

  1. Plugin herunterladen

https://www.advancedcustomfields.com/latest/

  1. unzipped ablegen unter web/app/plugins

  2. Auf der Live Seite im Backend aktivieren und Lizenz für ACF Pro aktivieren

Theme "Sage" installieren​

  1. Theme herunterladen und benennen https://roots.io/sage/docs/installation/
composer create-project roots/sage your-theme-name

  1. vite.config.js anpassen

  2. acf-composer herunterladen https://github.com/Log1x/acf-composer/tree/master

composer require log1x/acf-composer
wp acorn vendor:publish --tag="acf-composer"
  1. composer install & npm install ausführen

Blueprint settings​

Bedrock Setup​

Bedrock läuft in der default konfiguration.

Ein Custom Sage Theme Blueprint liegt in der Github Organisation abrufbar und kann per composer abgerufen werden.​

"repositories": [
  { ... },
  {
    "type": "vcs",
    "url": "https://github.com/marc-schuengelschwarz/sage-blueprint"
  }
],

"require": {
  ...,
  "marc-schuengelschwarz/sage-blueprint": "dev-main"
}

Custom Theme Blueprint​

https://github.com/AgenturSchuengelschwarz/Wordpress/Blueprint

Composer.json​

  1. nutzt ACF-Composer
"require": {
  "log1x/acf-composer": "^2.0"
}
package.json​
  1. @fontsource/ für fonts
"dependencies": {
  "@fontsource/barlow": "^5.2.6"
}
Theme Defaults​
  1. stubs
  2. automatic acf Block registration
Application::configure()
    ->withProviders([
        App\Providers\ThemeServiceProvider::class,
    ])
    ->boot();
  1. registriert neue Kategorien automatisch auf Basis der category innerhalb einer jeden renderdateien innerhalb app\Block\