[Regev]

How do I do that?

[Regev]

Is there anything I can add to this code so that it lists Child-Pages on Pages similarly?

`<?php
/**
* This file adds the grid layout for the Academy Pro Theme.
*
* @package Academy
* @author StudioPress
* @license GPL-2.0-or-later
* @link https://my.studiopress.com/themes/academy/
*/

// Registers the grid layout for category archives.
genesis_register_layout(
'academy-grid',
[
'label' => __( 'Three-column Grid', 'academy-pro' ),
'img' => get_stylesheet_directory_uri() . '/images/grid.gif',
'type' => [ 'category', 'post_tag' ],
]
);

// Adds site layouts back to categories and tags.
if ( function_exists( 'genesis_add_type_to_layout' ) ) {
genesis_add_type_to_layout( 'content-sidebar', [ 'category', 'post_tag' ] );
genesis_add_type_to_layout( 'sidebar-content', [ 'category', 'post_tag' ] );
genesis_add_type_to_layout( 'full-width-content', [ 'category', 'post_tag' ] );
}

add_action( 'genesis_meta', 'academy_grid_layout' );
/**
* Sets up the grid layout.
*
* @since 1.0.0
*/
function academy_grid_layout() {

$site_layout = genesis_site_layout();

if ( 'academy-grid' === $site_layout ) {

remove_action( 'genesis_after_content', 'genesis_get_sidebar' );
remove_action( 'genesis_after_content_sidebar_wrap', 'genesis_get_sidebar_alt' );
add_filter( 'genesis_skip_links_output', 'academy_grid_skip_links_output' );
add_filter( 'genesis_pre_get_option_content_archive_limit', 'academy_grid_archive_limit' );
add_filter( 'genesis_pre_get_option_content_archive_thumbnail', 'academy_grid_archive_thumbnail' );
add_filter( 'genesis_pre_get_option_content_archive', 'academy_grid_content_archive' );
add_filter( 'genesis_pre_get_option_image_size', 'academy_grid_image_size' );
add_filter( 'genesis_pre_get_option_image_alignment', 'academy_grid_image_alignment' );

}

}

add_filter( 'genesis_pre_get_option_site_layout', 'academy_grid_category_layout' );
/**
* Sets the default layout for category and tag archive pages.
*
* @since 1.0.0
*
* @param string $layout The current layout.
* @return string The new layout.
*/
function academy_grid_category_layout( $layout ) {

$layout_option = get_theme_mod( 'academy-grid-option', true );

if ( $layout_option && ( is_category() || is_tag() ) ) {
$layout = 'academy-grid';
}

return $layout;

}

add_action( 'pre_get_posts', 'academy_grid_posts_per_page' );
/**
* Sets the number of posts in the grid.
*
* @since 1.0.0
*
* @param WP_Query $query The query object.
*/
function academy_grid_posts_per_page( $query ) {

$site_layout = genesis_site_layout( false );

$posts = get_theme_mod( 'academy-grid-posts-per-page', academy_get_default_grid_posts_per_page() );

if ( ! $query->is_main_query() ) {
return;
}

if ( 'academy-grid' === $site_layout ) {
$query->set( 'posts_per_page', intval( $posts ) );
}

}

/**
* Gets the content limit for the grid layout.
*
* @since 1.0.0
*
* @return int The grid content limit.
*/
function academy_grid_archive_limit() {

return get_theme_mod( 'academy-grid-archive-limit', academy_get_default_grid_limit() );

}

/**
* Gets the archive thumbnail for the grid layout.
*
* @since 1.0.0
*
* @return bool The grid archive thumbnail.
*/
function academy_grid_archive_thumbnail() {

return get_theme_mod( 'academy-grid-thumbnail', true );

}

/**
* Gets the grid image size.
*
* @since 1.0.0
*
* @return string The grid image size.
*/
function academy_grid_image_size() {

return 'featured-image';

}

/**
* Gets the grid image alignment.
*
* @since 1.0.0
*
* @return string The grid image alignment.
*/
function academy_grid_image_alignment() {

return 'alignnone';

}

/**
* Gets default grid layout posts per page.
*
* @since 1.0.0
*
* @return string Number of posts to show.
*/
function academy_get_default_grid_posts_per_page() {

return 6;

}
/**
* Gets default grid layout content limit.
*
* @since 1.0.0
*
* @return string Number of characters to show.
*/
function academy_get_default_grid_limit() {

return 200;

}
/**
* Gets default grid layout content limit.
*
* @since 1.0.0
*
* @return string Content display option.
*/
function academy_content_archive_option() {

return 'full';

}

/**
* Sets the grid content display type.
*
* @since 1.0.0
*
* @return string The grid display type.
*/
function academy_grid_content_archive() {

return get_theme_mod( 'academy-content-archive', academy_content_archive_option() );

}

/**
* Removes skip link for primary sidebar on grid layout.
*
* @since 1.0.0
*
* @param array $links The current skip links.
* @return array The new skip links.
*/
function academy_grid_skip_links_output( $links ) {

if ( isset( $links['genesis-sidebar-primary'] ) ) {
unset( $links['genesis-sidebar-primary'] );
}

return $links;

}

[Regev]

Obviously... but I figured there must be a way to customize the code underneath to either automatically list child pages with the same look, or to manually plant a code in a custom-html at the bottom of those pages and have them styled the same way

[Regev]

Is there an how-to guide on creating those kinds of pages yourself? I'd love to have that skill.

P.S where would be a good place to find a good WordPress designer to create those in case it's too overwhelming for me?

Thanks a lot Victor,
really appreciate all your help

[Regev]

Sounds difficult.

But what if I don't want it on the homepage? Say, for example, I want to recreate this page (regevelya.co.il), which is made with Divi, in a separate page by itself on my main site -- is that possible without creating widgetized areas in Php, and by simply using columns etc in the Text mode in WordPress?

And if not - how much would an above-average Genesis designer charge (estimate range) to create one page like that out of text that I provide?

Thanks!

[Regev]

:O

Can I?! I know HTML, but no CSS unforunately.

Let's say something like that:

https://sofiahotelzanzibar.com

My most recent sales page, built with Divi.

How easily is it to replicate under Genesis?

I'd like to create a multiple-column sales page for my book on my website, and I don't want to use Divi just for this one page. Any already-made layout/template I can use to just insert the words or anything?

[Regev]

Thanks Victor!

I'm not talking about regular landing pages. I'm talking about designs with multiple columns and full-width pictures etc etc, the way I create with Divi. Colourful sales pages that spark with creativity. I'd like to create something like that without shortcakes and plugins, even if it means hiring someone to create the page and put the text in there. How expensive will a page like this be, or how easy will it be to learn to create?

[Regev]

Still can't align them properly. The problem is that I reached a number that works very beautifully for *most images*, but anything smaller (images that can't scale up to 1024) get pulled to the left too much. Isn't there some CSS trickery to solve this?

[Regev]

Ok, but what negative margins exactly would you use to keep the images (can be anything from 600px to 1024px wide, which is also the containing div's width) centered nicely?

Thanks again, Victor.

[Regev]

Very interesting. I still don't understand why not just call up a bold version of the font in the Functions.php when possible?

[Regev]

Thanks Victor! I tried the code but it doesn't work - the image is enlarged, yes, but it isn't centered at all and messes some other elements.

I did find a simpler solution, which is just changing the max-width value here to a higher number:

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

To allow it to spread nicely and evenly, I then removed the 15% paddings from:

.entry-content {	
	padding-left: 15%;
	padding-right: 15%;
	clear: both;
}

But the problem is that the text now also extends to 1024 pixels (the 15% from each side brought it down to 717px). Any chance to apply the 15% paddings to the text only so that it gets narrower back to 717px? Even better, to simply remove the 15% paddings to everything media related (images, videos, etc)

Any idea much appreciated.
Thanks

[Regev]

p.s what do you mean you're not using bold? why don't you simply call up the bold version of the font?

[Regev]

Thanks a lot mate.

Now what happens if I call up Myriad Pro? Where would I put my license?

[Regev]

Hmmm isn't that a bit too complex? Somebody asked the same question on a non-Genesis theme's forum, somebody replied to him:

The image isn’t wide enough to naturally fill the area you have positioned it within, but you can force the image to fill the space by making it 100% wide, like so:

.post_content img { width: 100%; }

Isn't there a similarly simple solution to simply force all content images in Genesis (specifically No Sidebar) to show at certain width?

[Regev]

But if I call up the extra light or extra bold and all those that aren't the usual normal/bold/italic, how do I use them in the copy? Do they automatically render when I use font-weight that is too light or too bold?

[Regev]

Thank you so much.

Does it matter if I include the font weight in the code? For example the default No Sidebar code for fonts is this (full of numbers of font weights):

wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Lato:400,400italic,700|Oswald:300|Playfair+Display:400,400italic,700', array(), CHILD_THEME_VERSION );

If I simply change it to:

wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Source+Sans+Pro', array(), CHILD_THEME_VERSION );

[Regev]

Awesome, thank you so much.

Managed to enlarge the content area, but now how do I call the adobe fonts onto my theme? I see this in my functions file:

wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Lato:400,400italic,700|Oswald:300|Playfair+Display:400,400italic,700', array(), CHILD_THEME_VERSION );

What do I replace it with?

And how bout PT Sans as a replacement for Myriad? http://joelcrawfordsmith.com/closest-font/font/myriad-pro

[Regev]

1. Are Adobe fonts considered premium in quality compared to free ones, like Google fonts? In other words, could I replicate that look with a free one without compromising on quality?

2. How do I adjust the sizes, weights and line spacings to match it exactly? Just trial and error? Because No Sidebar is built around % and not absolute amounts like my inspector shows.

3. How do I make the content area a lot wider, for example 890 instead of the default 717? I found no mention of it in the function/stylesheet files.

Thanks a lot pal, appreciate it.

[Regev]

We're talking about the big image the is shown by default above every post, right?

[Regev]

Oh, then it's not what I was looking for. The whole idea is to eliminate that sense of "obsoleteness" that old dates give ("3.5 years ago" etc doesn't solve that). If I could change any 1y/o+ comment to "Over a year ago.", or maybe even better - "Over 10 months ago.", that would make the posts much livelier in perception. Anybody has any idea how to do that?

Victor thanks again for the generous willingness to help out.

[Author]

Posts