Elizabeth Ann Seton - Lake Ridge, VA

Search page styling

Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.

Comments & Events

Kyle Sullivan, Web Development at Diocesan
What do you mean by "Image Background?" Do they want a centered image that takes up approximately 90–95% of the viewport's width?

For which of the following do they want an image background?
  1. Searches with results
  2. Searches without results
  3. 404
The container was set to be the same width as page content. After much discussion and redesign, I removed the max-width attribute from across their website. However, I've added a max-width of 1440px for search results. Note that Diocese of Venice has a max-width of 1000px.

As for posts in the search results, I've hidden the following items.
  • Posted On Date
  • Author
  • Posted In Category
  • Tags
Also, please let me know what to do with the Featured Images.
Veronica Alvarado, Project Manager at Diocesan
  1. Header image of Search page will be image I linked
    http://setonlakeridge.diocesanweb.org/wp-content/uploads/2018/12/SaintElizabeth_01_151209_72ppi-1-1.jpg
    1. Searches with results
    2. Searches without results
    3. 404
  2. Content should fit normal page content container of Seton (match their site)
    http://setonlakeridge.diocesanweb.org/?s=hgndkl
  3. Add excerpts of pages & posts into search results page
    1. Like DOV
      https://dioceseofvenice.org/?s=bia
    2. How: http://wpverse.com/2011/01/quick-tip-add-excerpts-to-search-results-page/
Kyle Sullivan, Web Development at Diocesan
1. The three page types listed above now have the requested Header Image.

2. Content for the three page types listed above now all fit in the page content container.
margin: 0 auto !important;
width: 95%;
max-width: 1440px;
3. Excerpts now appear to work for all pages and posts in search results.
<div class="entry-summary">
	<?php
		if( the_excerpt() ) :
			the_excerpt();
		else :
			if( have_rows( 'page_content' ) ) :
				while( have_rows( 'page_content' ) ) : the_row();
					if( get_row_layout() == 'single_column' ) :
						$field = get_sub_field( 'full_width_column' );
						echo acf_excerpt( $field );
					elseif( get_row_layout() == 'two_columns' ) :
						$field = get_sub_field( 'column_1' );
						echo acf_excerpt( $field );
					elseif( get_row_layout() == 'three_columns' ) :
						$field = get_sub_field( 'column_1' );
						echo acf_excerpt( $field );
					elseif( get_row_layout() == 'right_sidebar' ) :
						$field = get_sub_field( 'left_column' );
						echo acf_excerpt( $field );
						elseif( get_row_layout() == 'left_sidebar' ) :
							$field = get_sub_field( 'right_column' );
							echo acf_excerpt( $field );
					endif;
					break;
				endwhile;
			endif;
		endif;
	?>
</div><!-- .entry-summary -->
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.