[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Portfolio homepage
   4   * Slug: twentytwentyfive/page-portfolio-home
   5   * Categories: twentytwentyfive_page, posts
   6   * Keywords: starter
   7   * Block Types: core/post-content
   8   * Post Types: page, wp_template
   9   * Viewport width: 1400
  10   * Description: A portfolio homepage pattern.
  11   *
  12   * @package WordPress
  13   * @subpackage Twenty_Twenty_Five
  14   * @since Twenty Twenty-Five 1.0
  15   */
  16  
  17  ?>
  18  <!-- wp:group {"align":"full","layout":{"type":"default"}} -->
  19  <div class="wp-block-group alignfull">
  20      <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
  21      <div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  22          <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|50"}}}} -->
  23          <div class="wp-block-columns alignwide" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--50)">
  24              <!-- wp:column {"width":"50%"} -->
  25              <div class="wp-block-column" style="flex-basis:50%">
  26                  <!-- wp:heading {"align":"wide","fontSize":"x-large"} -->
  27                  <h2 class="wp-block-heading alignwide has-x-large-font-size"><?php esc_html_e( 'My name is Anna Möller and these are some of my photo projects.', 'twentytwentyfive' ); ?></h2>
  28                  <!-- /wp:heading -->
  29              </div>
  30              <!-- /wp:column -->
  31  
  32              <!-- wp:column {"width":"50%"} -->
  33              <div class="wp-block-column" style="flex-basis:50%">
  34                  <!-- wp:spacer {"height":"var:preset|spacing|20"} -->
  35                  <div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
  36                  <!-- /wp:spacer -->
  37                  </div>
  38              <!-- /wp:column -->
  39          </div>
  40          <!-- /wp:columns -->
  41      </div>
  42      <!-- /wp:group -->
  43  </div>
  44  <!-- /wp:group -->
  45  
  46  <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  47  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0">
  48      <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|20"}}}} -->
  49      <div class="wp-block-columns alignwide">
  50          <!-- wp:column {"width":"66.66%"} -->
  51          <div class="wp-block-column" style="flex-basis:66.66%">
  52              <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
  53              <div class="wp-block-query">
  54                  <!-- wp:post-template -->
  55                      <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"default"}} -->
  56                      <div class="wp-block-group">
  57                          <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
  58                          <!-- wp:post-title {"isLink":true} /-->
  59                          <!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} /-->
  60                      </div>
  61                      <!-- /wp:group -->
  62                  <!-- /wp:post-template -->
  63                  <!-- wp:query-no-results -->
  64                  <!-- wp:paragraph -->
  65                  <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'twentytwentyfive' ); ?></p>
  66                  <!-- /wp:paragraph -->
  67                  <!-- /wp:query-no-results -->
  68              </div>
  69              <!-- /wp:query -->
  70          </div>
  71          <!-- /wp:column -->
  72          <!-- wp:column {"width":"33.33%"} -->
  73          <div class="wp-block-column" style="flex-basis:33.33%">
  74              <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":"1","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
  75              <div class="wp-block-query">
  76                  <!-- wp:post-template -->
  77                      <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"default"}} -->
  78                      <div class="wp-block-group">
  79                          <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
  80                          <!-- wp:post-title {"isLink":true} /-->
  81                          <!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} /-->
  82                      </div>
  83                      <!-- /wp:group -->
  84                  <!-- /wp:post-template -->
  85                  <!-- wp:query-no-results -->
  86                  <!-- wp:paragraph -->
  87                  <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'twentytwentyfive' ); ?></p>
  88                  <!-- /wp:paragraph -->
  89                  <!-- /wp:query-no-results -->
  90              </div>
  91              <!-- /wp:query -->
  92          </div>
  93          <!-- /wp:column -->
  94      </div>
  95      <!-- /wp:columns -->
  96  
  97      <!-- wp:spacer {"height":"var:preset|spacing|30"} -->
  98      <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
  99      <!-- /wp:spacer -->
 100  </div>
 101  <!-- /wp:group -->
 102  
 103  <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
 104  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0">
 105      <!-- wp:spacer {"height":"var:preset|spacing|30"} -->
 106      <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
 107      <!-- /wp:spacer -->
 108      <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":"2","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"align":"wide","layout":{"type":"default"}} -->
 109      <div class="wp-block-query alignwide">
 110          <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"grid","columnCount":3}} -->
 111              <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"default"}} -->
 112              <div class="wp-block-group">
 113                  <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
 114                  <!-- wp:post-title {"isLink":true} /-->
 115                  <!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} /-->
 116              </div>
 117              <!-- /wp:group -->
 118          <!-- /wp:post-template -->
 119          <!-- wp:query-no-results -->
 120          <!-- wp:paragraph -->
 121          <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'twentytwentyfive' ); ?></p>
 122          <!-- /wp:paragraph -->
 123          <!-- /wp:query-no-results -->
 124      </div>
 125      <!-- /wp:query -->
 126      <!-- wp:spacer {"height":"var:preset|spacing|30"} -->
 127      <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
 128      <!-- /wp:spacer -->
 129  </div>
 130  <!-- /wp:group -->
 131  
 132  <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
 133  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0">
 134      <!-- wp:spacer {"height":"var:preset|spacing|30"} -->
 135      <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
 136      <!-- /wp:spacer -->
 137      <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|20"}}}} -->
 138      <div class="wp-block-columns alignwide">
 139          <!-- wp:column {"width":"33.33%"} -->
 140          <div class="wp-block-column" style="flex-basis:33.33%">
 141              <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":"5","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
 142              <div class="wp-block-query">
 143                  <!-- wp:post-template -->
 144                      <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"default"}} -->
 145                      <div class="wp-block-group">
 146                          <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
 147                          <!-- wp:post-title {"isLink":true} /-->
 148                          <!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} /-->
 149                      </div>
 150                      <!-- /wp:group -->
 151                  <!-- /wp:post-template -->
 152                  <!-- wp:query-no-results -->
 153                  <!-- wp:paragraph -->
 154                  <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'twentytwentyfive' ); ?></p>
 155                  <!-- /wp:paragraph -->
 156                  <!-- /wp:query-no-results -->
 157              </div>
 158              <!-- /wp:query -->
 159          </div>
 160          <!-- /wp:column -->
 161          <!-- wp:column {"width":"66.66%"} -->
 162          <div class="wp-block-column" style="flex-basis:66.66%">
 163              <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":"6","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"layout":{"type":"default"}} -->
 164              <div class="wp-block-query">
 165                  <!-- wp:post-template -->
 166                      <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"default"}} -->
 167                      <div class="wp-block-group">
 168                          <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
 169                          <!-- wp:post-title {"isLink":true} /-->
 170                          <!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} /-->
 171                      </div>
 172                      <!-- /wp:group -->
 173                  <!-- /wp:post-template -->
 174                  <!-- wp:query-no-results -->
 175                  <!-- wp:paragraph -->
 176                  <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'twentytwentyfive' ); ?></p>
 177                  <!-- /wp:paragraph -->
 178                  <!-- /wp:query-no-results -->
 179              </div>
 180              <!-- /wp:query -->
 181          </div>
 182          <!-- /wp:column -->
 183      </div>
 184      <!-- /wp:columns -->
 185  
 186      <!-- wp:spacer {"height":"var:preset|spacing|70"} -->
 187      <div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
 188      <!-- /wp:spacer -->
 189  
 190      <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":"7","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"align":"wide","layout":{"type":"default"}} -->
 191      <div class="wp-block-query alignwide">
 192          <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"grid","columnCount":3}} -->
 193              <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"default"}} -->
 194              <div class="wp-block-group">
 195                  <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
 196                  <!-- wp:post-title {"isLink":true} /-->
 197                  <!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} /-->
 198              </div>
 199              <!-- /wp:group -->
 200          <!-- /wp:post-template -->
 201          <!-- wp:query-no-results -->
 202          <!-- wp:paragraph -->
 203          <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'twentytwentyfive' ); ?></p>
 204          <!-- /wp:paragraph -->
 205          <!-- /wp:query-no-results -->
 206      </div>
 207      <!-- /wp:query -->
 208  
 209      <!-- wp:separator {"align":"full"} -->
 210      <hr class="wp-block-separator alignfull has-alpha-channel-opacity"/>
 211      <!-- /wp:separator -->
 212  
 213      <!-- wp:spacer {"height":"var:preset|spacing|30"} -->
 214      <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
 215      <!-- /wp:spacer -->
 216  </div>
 217  <!-- /wp:group -->
 218  
 219  <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
 220  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0">
 221      <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
 222      <div class="wp-block-group alignwide">
 223          <!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
 224          <div class="wp-block-group alignwide">
 225              <!-- wp:paragraph {""fontSize":"small"} -->
 226              <p class="has-small-font-size"><?php esc_html_e( 'Twenty Twenty-Five', 'twentytwentyfive' ); ?></p>
 227              <!-- /wp:paragraph -->
 228              <!-- wp:paragraph {"fontSize":"small"} -->
 229              <p class="has-small-font-size"><?php esc_html_e( 'email@example.com', 'twentytwentyfive' ); ?><br><?php echo esc_html_x( '+1 555 349 1806', 'Phone number.', 'twentytwentyfive' ); ?></p>
 230              <!-- /wp:paragraph -->
 231          </div>
 232          <!-- /wp:group -->
 233      </div>
 234      <!-- /wp:group -->
 235  </div>
 236  <!-- /wp:group -->