Try: A simple photoblogging theme #120
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| # Photo Blocks | ||
|
|
||
| A simple photoblogging theme. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| /* | ||
| * Alignments, loaded in the front-end only. | ||
| */ | ||
|
|
||
| body { | ||
| margin: 0; | ||
| } | ||
|
|
||
| * { | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| .wp-site-blocks, | ||
| .wp-block-template-part.alignfull { | ||
| padding: 0 var(--wp--custom--margin--horizontal); | ||
| } | ||
|
|
||
| .wp-site-blocks > *:not(.wp-block-post-content), | ||
| .wp-site-blocks .wp-block-post-content > * { | ||
| max-width: var(--wp--custom--width--default); | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } | ||
|
|
||
| .wp-site-blocks .alignwide { | ||
| width: var(--wp--custom--width--wide); | ||
| max-width: 100%; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } | ||
|
|
||
| .wp-site-blocks .alignfull { | ||
| transform: translateX(calc(0px - var(--wp--custom--margin--horizontal))); | ||
| width: calc(100% + (2 * var(--wp--custom--margin--horizontal))); | ||
| max-width: calc(100% + (2 * var(--wp--custom--margin--horizontal))); | ||
| margin-left: 0; | ||
| margin-right: 0; | ||
| box-sizing: content-box; | ||
| } | ||
|
|
||
| .wp-site-blocks .wp-block-template-part.alignfull { | ||
| width: 100%; | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| .wp-site-blocks .wp-block-columns.alignfull { | ||
| width: 100%; | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| .aligncenter { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .wp-site-blocks .alignleft { | ||
| float: left; | ||
| margin-right: 2em; | ||
| max-width: 360px; | ||
| } | ||
|
|
||
| .wp-site-blocks .alignright { | ||
| float: right; | ||
| margin-left: 2em; | ||
| max-width: 360px; | ||
| } | ||
|
|
||
| @media screen and (min-width: 1290px) { | ||
|
|
||
| .wp-site-blocks, | ||
| .wp-block-template-part.alignfull { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .wp-site-blocks .alignfull { | ||
| transform: translateX(0px); | ||
| width: 100%; | ||
| max-width: 100%; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| <!-- wp:spacer {"height":38} --> | ||
| <div style="height:38px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
|
|
||
| <!-- wp:paragraph {"align":"center"} --> | ||
| <p class="has-text-align-center">Proudly Powered by WordPress</p> | ||
| <!-- /wp:paragraph --> | ||
|
|
||
| <!-- wp:spacer {"height":38} --> | ||
| <div style="height:38px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| <!-- wp:spacer {"height":38} --> | ||
| <div style="height:38px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
|
|
||
| <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> | ||
| <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns --> | ||
| <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"48px"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48px"><!-- wp:site-logo {"width":48,"className":"is-style-rounded"} /--></div> | ||
| <!-- /wp:column --> | ||
|
|
||
| <!-- wp:column {"verticalAlignment":"center","width":"66.66%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:site-title /--></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --></div> | ||
| <!-- /wp:column --> | ||
|
|
||
| <!-- wp:column {"verticalAlignment":"center"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"orientation":"horizontal","itemsJustification":"right"} --> | ||
| <!-- wp:navigation-link {"label":"About","url":"#"} /--> | ||
|
|
||
| <!-- wp:navigation-link {"label":"Contact","url":"#"} /--> | ||
| <!-- /wp:navigation --></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| <!-- wp:query {"queryId":1,"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12,"exclude":[223]},"layout":{"type":"flex","columns":3},"className":"alignfull"} --> | ||
| <!-- wp:query-loop --> | ||
| <!-- wp:post-featured-image {"isLink":true} /--> | ||
| <!-- /wp:query-loop --> | ||
| <!-- /wp:query --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| <!-- wp:template-part {"slug":"header","theme":"photo-blocks","tagName":"header","align":"wide"} /--> | ||
|
|
||
| <!-- wp:group {"align":"wide"} --> | ||
| <div class="wp-block-group alignwide"><div class="wp-block-group__inner-container"><!-- wp:query {"queryId":1,"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12,"exclude":[223]},"layout":{"type":"flex","columns":3},"className":"alignfull"} --> | ||
| <!-- wp:query-loop --> | ||
| <!-- wp:post-featured-image {"isLink":true} /--> | ||
| <!-- /wp:query-loop --> | ||
| <!-- /wp:query --></div></div> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:template-part {"slug":"footer","theme":"photo-blocks","tagName":"footer","align":"wide"} /--> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!-- wp:template-part {"slug":"header","theme":"photo-blocks","tagName":"header","align":"wide"} /--> | ||
|
|
||
| <!-- wp:post-featured-image {"align":"wide"} /--> | ||
|
|
||
| <!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column {"width":"66.66%"} --> | ||
| <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-title /--></div> | ||
| <!-- /wp:column --> | ||
|
|
||
| <!-- wp:column {"width":"33.33%"} --> | ||
| <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:post-date {"textAlign":"right"} /--></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --> | ||
|
|
||
| <!-- wp:spacer {"height":38} --> | ||
| <div style="height:38px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
|
|
||
| <!-- wp:post-content /--> | ||
|
|
||
| <!-- wp:template-part {"slug":"footer","theme":"photo-blocks","tagName":"footer","align":"wide"} /--> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,118 @@ | ||
| { | ||
| "global": { | ||
| "settings": { | ||
| "color": { | ||
| "gradients": [ ], | ||
| "link": true, | ||
| "palette": [ | ||
| { | ||
| "color": "#000", | ||
| "slug": "black", | ||
| "name": "Black" | ||
| }, | ||
| { | ||
| "color": "#FFF", | ||
| "slug": "white", | ||
| "name": "White" | ||
| } | ||
| ] | ||
| }, | ||
| "spacing": { | ||
| "customPadding": true | ||
| }, | ||
| "typography": { | ||
| "customLineHeight": true, | ||
| "fontFamilies": [ | ||
| { | ||
| "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif", | ||
| "slug": "system-font", | ||
| "name": "System Font" | ||
| } | ||
| ], | ||
| "fontSizes": [ | ||
| { | ||
| "slug": "normal", | ||
| "size": "18px", | ||
| "name": "Normal" | ||
| }, | ||
| { | ||
| "slug": "large", | ||
| "size": "20px", | ||
| "name": "Large" | ||
| }, | ||
| { | ||
| "slug": "extra-large", | ||
| "size": "24px", | ||
| "name": "Extra Large" | ||
| } | ||
| ] | ||
| }, | ||
| "custom": { | ||
| "font-weight": { | ||
| "light": 300 | ||
| }, | ||
| "line-height": { | ||
| "normal": 1.7, | ||
| "heading": 1.4 | ||
| }, | ||
| "margin": { | ||
| "horizontal": "1.25em" | ||
| }, | ||
| "width": { | ||
| "default": "720px", | ||
| "wide": "1296px" | ||
| } | ||
| } | ||
| }, | ||
| "styles": { | ||
| "color": { | ||
| "background": "var(--wp--preset--color--white)", | ||
| "text": "var(--wp--preset--color--black)", | ||
| "link": "var(--wp--preset--color--black)" | ||
| }, | ||
| "typography": { | ||
| "fontFamily": "var(--wp--preset--font-family--system-font)", | ||
| "fontSize": "var(--wp--preset--font-size--normal)", | ||
| "lineHeight": "var(--wp--custom--line-height--normal)", | ||
| "fontWeight": "var(--wp--custom--font-weight--light)" | ||
| } | ||
| } | ||
| }, | ||
| "core/heading/h1": { | ||
| "styles": { | ||
| "typography": { | ||
| "fontSize": "var(--wp--preset--font-size--extra-large)", | ||
| "lineHeight": "var(--wp--custom--line-height--heading)" | ||
| } | ||
| } | ||
| }, | ||
| "core/heading/h2": { | ||
| "styles": { | ||
| "typography": { | ||
| "fontSize": "var(--wp--preset--font-size--large)" | ||
| } | ||
| } | ||
| }, | ||
| "core/post-title": { | ||
| "styles": { | ||
| "typography": { | ||
| "fontSize": "var(--wp--preset--font-size--large)", | ||
| "lineHeight": "var(--wp--custom--line-height--normal)" | ||
| } | ||
| } | ||
| }, | ||
| "core/site-title": { | ||
| "styles": { | ||
| "typography": { | ||
| "fontSize": "var(--wp--preset--font-size--large)" | ||
| } | ||
| } | ||
| }, | ||
| "core/navigation": { | ||
| "styles": { | ||
| "typography": { | ||
| "fontSize": "var(--wp--preset--font-size--large)" | ||
| } | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| <?php | ||
|
|
||
| if ( ! function_exists( 'photo_blocks_support' ) ) : | ||
| function photo_blocks_support() { | ||
|
|
||
| // Adding support for featured images. | ||
| add_theme_support( 'post-thumbnails' ); | ||
|
|
||
| // Adding support for alignwide and alignfull classes in the block editor. | ||
| add_theme_support( 'align-wide' ); | ||
|
|
||
| // Adding support for core block visual styles. | ||
| add_theme_support( 'wp-block-styles' ); | ||
|
There was a problem hiding this comment. I assume we need these here rather than putting them in theme.json? |
||
|
|
||
| // Adding support for responsive embedded content. | ||
| add_theme_support( 'responsive-embeds' ); | ||
|
|
||
| // Add support for editor styles. | ||
| add_theme_support( 'editor-styles' ); | ||
|
|
||
| // Enqueue editor styles. | ||
| add_editor_style( 'style.css' ); | ||
| } | ||
| add_action( 'after_setup_theme', 'photo_blocks_support' ); | ||
| endif; | ||
|
|
||
| /** | ||
| * Enqueue scripts and styles. | ||
| */ | ||
| function photo_blocks_scripts() { | ||
|
|
||
| // Enqueue theme stylesheet. | ||
| wp_enqueue_style( 'photo_blocks-style', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) ); | ||
|
|
||
| // Enqueue alignments stylesheet. | ||
| wp_enqueue_style( 'photo_blocks-alignments-style', get_template_directory_uri() . '/assets/alignments-front.css', array(), wp_get_theme()->get( 'Version' ) ); | ||
| } | ||
| add_action( 'wp_enqueue_scripts', 'photo_blocks_scripts' ); | ||
Empty file.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There's a lot of blocks with this exact setting - could we make it a reusable block, or a block style?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hmm that's a good point! A block style might get confusing if the user were to edit it... and themes can't bundle reusable blocks today... I think the right way to do this would be to have a global styles setting for the default spacer block height. I'll open a Gutenberg issue for it.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Issue here: WordPress/gutenberg#27614