autonomic-cooperative/jett-theme
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: autonomic-cooperative:d8e90202ad4098544d5e91fb598f5126e0390589
Branches Tags
autonomic-cooperative:main
...
compare: autonomic-cooperative:598c902b9c5f7728f9823efc57180877f912e3ea
Branches Tags
autonomic-cooperative:main

5 Commits
d8e90202ad ... 598c902b9c

Author SHA1 Message Date
Aadil Ayub
598c902b9c copy over custom css from editor to css file
All checks were successful
continuous-integration/drone/push Build is passing
Details
2024-06-13 12:06:44 +05:00
Aadil Ayub
7caf67864d fix typo 2024-06-13 12:05:48 +05:00
Aadil Ayub
02b9d53f27 create custom css file that loads on editor and frontend 2024-06-13 12:04:16 +05:00
Aadil Ayub
289ebea30b add hover underline to post titles on home page 2024-06-13 11:52:41 +05:00
Aadil Ayub
d243a7a2e5 create front page template 2024-06-13 11:50:12 +05:00
4 changed files with 161 additions and 85 deletions
Show Stats Expand all files Collapse all files

59
assets/css/custom.css Normal file
View File

@ -0,0 +1,59 @@
figcaption.wp-element-caption {
width: fit-content;
margin: 0;
padding: 8px 12px;
}
.main-header-nav .wp-block-navigation-item {
justify-content: center;
border: 1px solid;
flex-grow: 1;
border-left: 0;
padding-block: 0.5em
}
.main-header-nav .wp-block-navigation-item:last-of-type {
border-right: 0;
}
nav.wp-block-navigation.mobile-header-nav {
border-top: 1px solid;
border-bottom: 1px solid;
padding-block: 15px
}
ul.wp-block-navigation.mobile-header-nav li {
font-size: 40px !important;
margin-block: .5em;
}
@media (min-width: 1080px) {
.wp-block-column.footer-gradient-column {
padding-left: 2rem !important;
border-left: 8px solid var(--wp--preset--color--turquoise-green);
}
}
@media (max-width: 786px) {
.wp-block-column.footer-gradient-column {
padding-top: 1.5rem !important;
border-top: 8px solid var(--wp--preset--color--turquoise-green);
}
}
.overlap {
z-index: 21;
}
.home-post-item {
height: 100%
}
.post-title a {
text-decoration: none;
}
.post-title a:hover,
.post-title a:focus {
text-decoration: underline;
}

112
functions.php
View File

@ -1,58 +1,16 @@
<?php
/* Remove default CSS variables that come with Wordpress
https://github.com/WordPress/gutenberg/issues/56180#issuecomment-1819222376
*/
function custom_wp_theme_json_default( $theme_json ) {
$new_data = array(
'version' => 2,
'settings' => array(
'color' => array(
'palette' => array(),
'gradients' => array(),
),
'shadow' => array(
'presets' => array(),
),
'typography' => array(
'fontSizes' => array(),
),
// 'dimensions' => array(
// 'aspectRatios' => array(),
// ),
// 'spacing' => array(
// 'spacingScale' => array(
// 'steps' => 0,
// ),
// ),
),
);
return $theme_json->update_with( $new_data );
// enqueue custom css on front-end and editor
function jett_editor_css() {
add_editor_style( get_theme_file_uri('/assets/css/custom.css') );
}
add_filter( 'wp_theme_json_data_default', 'custom_wp_theme_json_default' );
add_action( 'after_setup_theme', 'jett_editor_css' );
// enable svg uploads
add_filter( 'wp_check_filetype_and_ext', function($data, $file, $filename, $mimes) {
global $wp_version;
if ( $wp_version !== '4.7.1' ) {
return $data;
}
$filetype = wp_check_filetype( $filename, $mimes );
return [
'ext' => $filetype['ext'],
'type' => $filetype['type'],
'proper_filename' => $data['proper_filename']
];
}, 10, 4 );
function cc_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
function jett_frontend_css() {
wp_enqueue_style('jett_css', get_theme_file_uri('/assets/css/custom.css'));
}
add_filter('upload_mimes', 'cc_mime_types');
add_action('wp_enqueue_scripts', 'jett_frontend_css');
// define block styles
function jett_block_styles() {
@ -133,3 +91,57 @@ function jett_block_styles() {
);
}
add_action( 'init', 'jett_block_styles' );
/* Remove default CSS variables that come with Wordpress
https://github.com/WordPress/gutenberg/issues/56180#issuecomment-1819222376
*/
function custom_wp_theme_json_default( $theme_json ) {
$new_data = array(
'version' => 2,
'settings' => array(
'color' => array(
'palette' => array(),
'gradients' => array(),
),
'shadow' => array(
'presets' => array(),
),
'typography' => array(
'fontSizes' => array(),
),
// 'dimensions' => array(
// 'aspectRatios' => array(),
// ),
// 'spacing' => array(
// 'spacingScale' => array(
// 'steps' => 0,
// ),
// ),
),
);
return $theme_json->update_with( $new_data );
}
add_filter( 'wp_theme_json_data_default', 'custom_wp_theme_json_default' );
// enable svg uploads
add_filter( 'wp_check_filetype_and_ext', function($data, $file, $filename, $mimes) {
global $wp_version;
if ( $wp_version !== '4.7.1' ) {
return $data;
}
$filetype = wp_check_filetype( $filename, $mimes );
return [
'ext' => $filetype['ext'],
'type' => $filetype['type'],
'proper_filename' => $data['proper_filename']
];
}, 10, 4 );
function cc_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

7
templates/front-page.html Normal file
View File

@ -0,0 +1,7 @@
<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:post-content /--></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","area":"footer"} /-->

8
theme.json
View File

@ -1,4 +1,6 @@
{
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"settings": {
"appearanceTools": true,
"color": {
@ -65,7 +67,6 @@
"wideSize": "1760px"
},
"typography": {
"defaultFontSizes": false,
"fontFamilies": [
{
"fontFace": [
@ -636,7 +637,6 @@
}
}
},
"css": "figcaption.wp-element-caption {\n width: fit-content;\n margin: 0;\n padding: 8px 12px;\n}\n\n.main-header-nav .wp-block-navigation-item {\n justify-content: center;\n border: 1px solid;\n flex-grow: 1;\n border-left: 0;\n padding-block: 0.5em\n}\n\n.main-header-nav .wp-block-navigation-item:last-of-type {\n border-right: 0;\n}\n\nnav.wp-block-navigation.mobile-header-nav {\n border-top: 1px solid;\n border-bottom: 1px solid;\n padding-block: 15px\n}\n\nul.wp-block-navigation.mobile-header-nav li {\n font-size: 40px !important;\n margin-block: .5em;\n}\n\n@media (min-width: 1080px) {\n .wp-block-column.footer-gradient-column {\n padding-left: 2rem !important;\n border-left: 8px solid var(--wp--preset--color--turquoise-green);\n}\n}\n\n@media (max-width: 786px) {\n.wp-block-column.footer-gradient-column {\n padding-top: 1.5rem !important;\n border-top: 8px solid var(--wp--preset--color--turquoise-green);\n}\n}\n\n.overlap {\n z-index: 21;\n}",
"elements": {
"caption": {
"color": {
@ -666,7 +666,5 @@
"name": "footer",
"title": "Footer"
}
],
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json"
]
}