{"id":26722922,"url":"https://github.com/useallfive/wordpress-angular-boilerplate","last_synced_at":"2025-07-26T06:07:12.329Z","repository":{"id":140210854,"uuid":"114142603","full_name":"UseAllFive/wordpress-angular-boilerplate","owner":"UseAllFive","description":null,"archived":false,"fork":false,"pushed_at":"2017-12-15T17:33:49.000Z","size":5583,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-27T20:43:11.574Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UseAllFive.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-13T16:17:23.000Z","updated_at":"2017-12-15T17:33:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"2c87fee8-3d58-4b2f-92d1-6b0b061ed828","html_url":"https://github.com/UseAllFive/wordpress-angular-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/UseAllFive/wordpress-angular-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwordpress-angular-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwordpress-angular-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwordpress-angular-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwordpress-angular-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UseAllFive","download_url":"https://codeload.github.com/UseAllFive/wordpress-angular-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UseAllFive%2Fwordpress-angular-boilerplate/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263898013,"owners_count":23526835,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-27T20:38:19.338Z","updated_at":"2025-07-06T12:08:49.432Z","avatar_url":"https://github.com/UseAllFive.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Wordpress-Angular Boilerplate\nDevelop Angular websites, powered by Wordpress CMS. Brought to you by the strategists, designers and developers of [Use All Five](http://useallfive.com).\n  \n## Installation\n  \n```sh\ngit clone clone git@github.com:UseAllFive/wordpress-angular-boilerplate.git\ncd wordpress-angular-boilerplate\nnpm install\nng serve\n```\n\nNavigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\nIn your brower, you should now see boilerplate data being imported from the [Use All Five](http://useallfive.com) Demo Wordpress\n\n![figure](https://raw.githubusercontent.com/UseAllFive/wordpress-angular-boilerplate/master/src/assets/images/boilerplate.gif \"Boilerplate demo\") \n\n## Wordpress Configuation\nAfter installing Wordpress, there are several plugins you'll need to install: \n`ACF to REST API, Advanced Custom Fields, Advanced Custom Fields PRO`\n\n![figure](https://raw.githubusercontent.com/UseAllFive/wordpress-angular-boilerplate/master/src/assets/images/wp-plugins \"Wordpress plugins\") \n\nThe [Advanced Custom Fields Pro plugin](https://www.advancedcustomfields.com/) is a paid plugin that allows us to create flexible and repeating content for our layout-driven designs\n\n\n## Angular Configuration\nWe are using the [WP-API-Angular library](https://github.com/wordpress-clients/wp-api-angular) to import data from Wordpress (you can [see some of their examples here](https://plnkr.co/edit/hqE4bvbM6HXql5Insjx8?p=preview)\n\nIn your boilerplate Angular code, go to `app.module.ts` and replace `http://wp-playground.ua5.land` with your own Wordpress domain\n\nAnd thats it! If your Wordpress \u0026 Advanced Custom Fields matches ours, this will work out of the box with your own Wordpress data coming through in the boilerplate template.\nYou can add custom pages in `app-routing.module.ts`, and create your own `interfaces` to make your own Wordpress custom fields.\n  \n## Questions \u0026 Help\nIf you have questions, feel free to open a github ticket or email us at hello@useallfive.com\n\n## Advanced Custom Fields Plugin\nhttps://www.advancedcustomfields.com/\nBuy pro\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuseallfive%2Fwordpress-angular-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuseallfive%2Fwordpress-angular-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuseallfive%2Fwordpress-angular-boilerplate/lists"}