AMP
- https://wordpress.org/plugins/amp/
Cloudflare
- https://wordpress.org/plugins/cloudflare/
Disqus Conditional Load
- https://wordpress.org/plugins/disqus-conditional-load/
NGT jsDelivr CDN
- https://wordpress.org/plugins/nextgenthemes-jsdelivr-this/
Smush
- https://wordpress.org/plugins/wp-smushit/
WP-Optimize - Clean, Compress, Cache
- https://wordpress.org/plugins/wp-optimize/
WPForms Lite
- https://wordpress.org/plugins/wpforms-lite/
Yoast SEO
- https://wordpress.org/plugins/wordpress-seo/
Glue for Yoast SEO & AMP
- https://wordpress.org/plugins/glue-for-yoast-seo-amp/
./wp-content/themes/
npm i -g gulp
, once done, type npm i
to install all dependcies for this repo../src/assets/config/settings.json
. This is all the theme settings, you can change it according to your needs.{
"theme": {...},
"dist": {...},
"mamp": {...},
"dependencies": {...},
}
Where:
theme
: theme file locationsdist
: path when your ready to publish your thememamp
: local server of your wordpressdependencies
: so far this is for browser-sync
gulp
on your terminal.gulp dist
. It will create a new folder called ./obtera/
with all your files.This are the thing you need need to be update. I did't add them on customization because this vary on users if they need it or not.
Default Site Keyword: ./src/functions/customization.php
and ./src/functions/meta.php
...
'site_keyword', array(
'default' => 'obtera, wordpress, theme, web, design, ui, ux, user, interface, experience',
)
...
Lazy Load Default Image: ./src/functions/content.php
...
foreach ($dom->getElementsByTagName('img') as $node) {
$node->setAttribute("class", 'lazy ' . $node->getAttribute('class'));
$node->setAttribute("data-src", $node->getAttribute('src'));
$node->setAttribute("src", 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP88fPXfwAJyAPs05GT/QAAAABJRU5ErkJggg==');
if ($node->getAttribute('srcset')) {
$node->setAttribute("data-srcset", $node->getAttribute('srcset'));
$node->setAttribute("srcset", 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP88fPXfwAJyAPs05GT/QAAAABJRU5ErkJggg==');
}
}
...
Transparent base64 png pixel generator https://png-pixel.com/
Default Theme Color: ./src/functions/customization.php
...
'theme_color', array(
'default' => '#343a40',
)
...
Default Google Analytics ID: ./src/functions/customization.php
...
'google_analytics', array(
'default' => 'UA-68704357-1',
)
...
Default Google AdSense ID: ./src/functions/customization.php
...
'google_adsense', array(
'default' => 'ca-pub-4543509049123673',
)
...
'google_adsense_default', array(
'default' => '3941328836',
)
...
'google_adsense_colored', array(
'default' => '5500728600',
)
...
Default AddThis ID: ./src/functions/customization.php
...
'addthis_id', array(
'default' => 'ra-562f202ecd1822ce',
)
...
If you have question, you can always contact me on Twitter @genesis_neo and of course here in GitHub @genesisneo. Thank you.