PHPackages codevelopers/markup - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. codevelopers/markup ActiveWordpress-theme[Framework](/categories/framework) codevelopers/markup =================== Wordpress Starter Theme integrated with Bootstrap 4 Framework and Webpack Encore v1.2.0(4y ago)213MITPHPPHP ^7.0 Since Jul 18Pushed 4y ago1 watchersCompare [ Source](https://github.com/egarofalo/markup)[ Packagist](https://packagist.org/packages/codevelopers/markup)[ Docs](https://github.com/egarofalo/markup)[ RSS](/packages/codevelopers-markup/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (1)Versions (12)Used By (0) [ ![Markup](assets/images/markup-logo.png) ](https://github.com/egarofalo/markup.git) [ ![License](https://camo.githubusercontent.com/56b608637424f2715cf8f5a0eb8d62fbdf2e42335b9d21592795979a106e34dc/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f656761726f66616c6f2f6d61726b75703f636f6c6f723d663138373030) ](LICENSE.md) [ ![Packagist Version](https://camo.githubusercontent.com/99048f44cab4e6993afe78c99bcdb0757142be258a09294521309829af6dd0a4/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636f646576656c6f706572732f6d61726b7570) ](https://packagist.org/packages/codevelopers/markup) [ ![Packagist PHP Version Support](https://camo.githubusercontent.com/d338321ebdcc856bb3851cf02f75516c0babbd5a32ba6c81cac4dc7c866f4451/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f636f646576656c6f706572732f6d61726b7570) ](https://packagist.org/packages/codevelopers/markup) **WordPress starter theme integrated with Bootstrap 4 Framework and Webpack Encore.** SEO friendly 😉 Description ----------- [](#description) Markup, like [\_s](https://underscores.me/), is a base theme to develop themes in Wordpress. It is built using namespaces, which gives us greater flexibility when developing our theme. On the other hand, Markup is already integrated with Bootstrap 4, therefore you will save the trouble of integrate Bootstrap 4 to the theme. To manage and optimize front-end dependencies, Webpack Encore is used, a Webpack wrapper created by Symfony wich simplifies the use of Webpack. Requirements ------------ [](#requirements) To start using Markup you must ensure that: - php >= 7.0 - Composer - Node.js >= 14.x - Yarn Installation ------------ [](#installation) Install [Composer](https://getcomposer.org/download/) on your computer and after installing run the command `composer require codevelopers/markup` in the root of your Wordpress project. Composer will automatically install Markup in the `wp-content/themes` folder. Theme structure --------------- [](#theme-structure) ``` themes/markup/ # → Markup root folder ├── assets/ # → Translation files │ ├── fonts/ # → Fonts files processed by Webpack │ ├── images/ # → Statics image files processed by Webpack │ ├── scripts/ # → Javascript files processed by Webpack │ ├── styles/ # → Scss files processed by Webpack │ │ ├── mixins/ # → Mixins used in scss files │ │ ├── _404.scss # → 404 page styles │ │ ├── _alert.scss # → Bootstrap alerts custom styles │ │ ├── _archive.scss # → Archive pages styles │ │ ├── _button_.scss # → Buttons styles │ │ ├── _container.scss # → Containers styles │ │ ├── _fonts.scss # → Html root element responsive font size │ │ ├── _footer.scss # → Site footer styles │ │ ├── _form.scss # → Forms styles │ │ ├── _image.scss # → Image elements styles, like logos, brands and others │ │ ├── _link.scss # → Links styles │ │ ├── _loop.scss # → WordPress loop styles, like regular posts and custom posts │ │ ├── _modal.scss # → Bootstrap modals custom styles │ │ ├── _nav.scss # → Site navigation elements styles │ │ ├── _page.scss # → WordPress pages styles │ │ ├── _paginator.scss # → Pagination elements styles │ │ ├── _section.scss # → Section elements styles │ │ ├── _sidebar.scss # → Sidebars styles │ │ ├── _single.scss # → Single template styles │ │ ├── _table.scss # → Table elements styles │ │ ├── _title.scss # → Heading elements styles │ │ ├── _variables.scss # → Bootstrap variables override │ │ ├── _vendor.scss # → External libraries styles │ │ ├── editor-styles.scss # → Editor styles │ │ ├── login.scss # → Admin login styles │ │ └── main.scss # → This file includes all the _*.scss files │ └── assets.json # → Manifest file used by Webpack ├── external/ # → External php libraries ├── helpers/ # → Helpers functions used by template files ├── hooks/ # → Custom and WordPress Hooks ├── languages/ # → Translation files ├── template-parts/ # → Template parts ├── 404.php # → Template file ├── comments.php # → Template file ├── composer.json # → Composer file ├── footer.php # → Template file ├── functions.php # → Theme bootloader ├── header.php # → Template file ├── index.php # → Template file ├── package.json # → Node.js dependencies and scripts ├── page.php # → Template file ├── postcss.config.js # → Used by Webpack ├── searchform.php # → Template file ├── sidebar.php # → Template file ├── single.php # → Template file ├── style.css # → Theme meta information ├── template-full-width.php # → Template Full Width └── webpack.config.js # → Webpack Encore configuration ``` The `functions.php` file ------------------------ [](#the-functionsphp-file) This file takes care of including the external libraries, helpers, and hooks. In the `helpers` and `hooks` folder you will find some **php** files. If you want to create a new hook, you can use one of the files located in the `hooks` folder or create a new one. The same goes for helpers. You should consider when you create a new helper or hook file, you must reference it in the `$helpers` or `$hooks` array respectively, defined both in the `functions.php` file. Hooks ----- [](#hooks) You can find some hooks defined into the `php` scripts located in the `hooks` folder. As mentioned above, your own hooks can be defined in an existing hook file, or you can create new one. Helpers ------- [](#helpers) Markup come with some helper functions wich help you resolve common code problems while you are developing a new theme. Helper files, wich contain helper functions, must have a unique namespace, to avoid coalitions of functions and constants with other files or libraries. Helper files are located in the `helpers` folder. As same as hooks, a new helper function can be written in one of the exisiting helper files. If you want, you can create a new file with a unique namespace for avoid coalitions. Also you can use helper functions within hook files and as a template tag. Feel free to create helper functions that you can use in any part of your code. Custom Queries -------------- [](#custom-queries) Custom queries can be created inside the `query.php` helper file as functions. You can call these functions in any part of your code. Custom template tags -------------------- [](#custom-template-tags) Template tags can be created inside the `template_tags.php` helper file, and you can call these functions in any template file. Template parts -------------- [](#template-parts) A helper function called `get_template_part`, defined in the `template_tags.php` helper file, with the same parameters as the WordPress `get_template_part` core function, is used to include the templates parts located into the `template-parts` directory. Remember that `get_template_part` helper function automatically append the `template-parts` directory name to the first `$slug` parameter, so you only need to pass the name of the template part. Install front-end dependencies ------------------------------ [](#install-front-end-dependencies) To install front-end dependencies, you must install Yarn, and then run the following command in the theme directory: - yarn install Compile assets with Webpack Encore ---------------------------------- [](#compile-assets-with-webpack-encore) Once the front-end libraries are installed, you must run the `yarn dev` command in the theme directory to compile the assets. If you want, you can run `yarn watch` during the development process, since webpack can watch files and recompile whenever they change. Before deploy to production environment, you must run `yarn production`. Help us to skip working in this project --------------------------------------- [](#help-us-to-skip-working-in-this-project) [!["Buy Me A Coffee"](https://camo.githubusercontent.com/9f44ce2dc3b3eecdd02598900866ffc518801df1932849703dae1e5ce5031070/68747470733a2f2f7777772e6275796d6561636f666665652e636f6d2f6173736574732f696d672f637573746f6d5f696d616765732f6f72616e67655f696d672e706e67)](https://www.paypal.com/donate?hosted_button_id=7GSFA7BVHWDTN) ### Health Score 24 — LowBetter than 32% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity8 Limited adoption so far Community7 Small or concentrated contributor base Maturity53 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~17 days Recently: every ~34 days Total 11 Last Release 1584d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b199c590927852de7c3e184b1a38361e5b87068386129a49ec97f1373da6a5e6?d=identicon)[egarofalo](/maintainers/egarofalo) --- Top Contributors [![egarofalo](https://avatars.githubusercontent.com/u/15386245?v=4)](https://github.com/egarofalo "egarofalo (20 commits)") --- Tags wordpressbootstrapstarter themewordpress-starter-theme ### Embed Badge ![Health badge](/badges/codevelopers-markup/health.svg) ``` [![Health](https://phpackages.com/badges/codevelopers-markup/health.svg)](https://phpackages.com/packages/codevelopers-markup) ``` ### Alternatives [pods-framework/pods Pods is a development framework for creating, extending, managing, and deploying customized content types in WordPress. 1.1k1.7k](/packages/pods-framework-pods)[themosis/theme The Themosis framework boilerplate theme. 10449.0k3](/packages/themosis-theme)[ronilaukkarinen/dudestack A modern WordPress stack 1131.2k](/packages/ronilaukkarinen-dudestack) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)