Sarah Blackstock

Ah, okay. To repurpose the blog posts page to display pages instead is a pretty advanced theme re-work. You’d first need to create a Child Theme, then create a custom template, create a loop of pages, then style it all with CSS to get it looking the way you want.

If you decide to do all of that, here’s some information on Child Themes to get started:
https://codex.www.ads-software.com/Child_Themes
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

And this link has an example of the loop for displaying pages instead of posts:
https://stackoverflow.com/questions/14800126/wordpress-loop-to-include-pages-content-instead-of-posts

There are some themes out there with page templates that display child pages in a grid, like Edin, however the look is quite different from Dyad of course, so what you decide to do just depends on what you prefer/how much customization you want to handle. ??

Looks like you’ve changed the theme on that site, so no longer need to add the icon to it…

Just in case, there is a Twitch Genericon here if you need it: https://genericons.com/

You’re welcome! It looks great! ??

Hi there!

Have you activated Jetpack and connected it to WordPress.com? Once the plugin is setup, you should expect to see Featured Content in your Customize area.

For the Portfolio options, make sure the Custom Content Types module is activated in Jetpack. Once that’s on, you’ll see Portfolio listed along the left in your wp-admin (near Pages).

Let me know if you have any questions! (Please provide a link to your site so I can look for issues there if necessary.)

Hi!

You can use the Order box to arrange the child pages for a grid page in a specific order. It’s in Page Attributes near the page template dropdown, pictured here: https://cloudup.com/cuWaCnRB9UL

To add a border, but not have it go all the way around, you can use things like border-bottom, border-left, and so on to your .site-header (or whichever) CSS.

There’s an example of border-top here: https://www.w3schools.com/cssref/pr_border-top.asp

Hi there!

You could use CSS to adjust the color there. First, don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. Then go to Appearance > Edit CSS and paste it in there. (Alternatively, you could either install a standalone custom CSS plugin, or create a child theme.)

Once you have your CSS editor or child theme to add your CSS, try this:

#masthead, #masthead a {
	background-color: #fff;
	color: #000;
}

That will change the background color there to white (#fff) and the #000 makes the site title black, and can be changed to any color you’d like.

Let me know if you have any questions or it gives you any trouble. (Be sure to share a link to your site so I can check it out directly. I tested this CSS on the demo.)

Hi there!

You can adjust the number of posts shown on a blog page by adjusting the number next to “Blog pages show at most” under Settings > Reading.

Do you mean on the blog page you want the grid of posts to show there, but only show the titles/images, and no text from the post? Let me know, and provide a link to your site, and I’ll take a look! ??

Hi there!

First you’ll need to install and activate the Jetpack plugin, then in Appearance > Customize, you’ll see a Featured Content panel added where you can setup the slider.

Let me know if you have any questions!

Hi there!

Can you share a link to the site and explain where you’d like to add it? I can take a look and see what to suggest. ??

Exactly! I mess things up all of the time. It’s part of my process! ??

Great!

You could try out different CSS options to figure out the look you like there.

Target #masthead or .site-header and it’ll select the entire area up top as one block. (Or you can use your browser inspector to find other options for what to target if you want a different area.)

For example, if you add this CSS, you’ll see a solid, 20px, red box go around top section:

.site-header {
  border-style: solid;
  border-size: 20px;
  border-color: red;
}

There are border options listed here: https://www.w3schools.com/css/css_border.asp

Or if you mean you want to add some space to the bottom so your background can be seen there too, try this:

#page {
  padding-bottom: 100px;
}

Happy tinkering! ??

Hi there!

Do you mean the featured content slider near the top of the site, like on the demo?

If so, first you’ll need the Jetpack plugin installed and activated on the site, then when you go to Appearance > Customize, you’ll see a Featured Content panel added. Add a tag into the Tag Name box and save. Then add the same tag to posts you want to feature in the slider and publish/save.

Let me know if you have any questions!

Awesome! You’re welcome! ??

Yep, if you’re going to edit style.css, use the child theme one. If you have a plugin (like Jetpack) giving you a CSS editor, you should be able to use that like normal without a problem.

Hi there!

To change the Link format’s post title into the same link on the single (link) post page, that will require some changes to the theme’s code. However, you shouldn’t do that directly in the theme, since your changes would be lost anytime the theme is updated.

First, set up a child theme. If you’re not familiar with how to do that, these resources are helpful:
https://codex.www.ads-software.com/Child_Themes
https://vimeo.com/39023468
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

Once you have your Child Theme (with style.css & functions.php files), add a file called content-single.php.

Next copy the contents from Penscratch’s content-single.php file and paste into your Child Theme’s file of the same name.

In your new (child) content-single.php file, find everything in between <header> </header> on lines 8-16:

<header class="entry-header">
		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>

		<div class="entry-meta">
			<?php penscratch_post_format(); ?>
			<?php penscratch_posted_on(); ?>
			<?php edit_post_link( __( 'Edit', 'penscratch' ), '<span class="sep"> ~ </span><span class="edit-link">', '</span>' ); ?>
		</div><!-- .entry-meta -->
</header><!-- .entry-header -->

Remove and replace with this:

<header class="entry-header">
	<?php if ( 'link' == get_post_format() ) : ?>
		<?php the_title( sprintf( '<h1 class="entry-title"><a href="%s" rel="bookmark">', esc_url( penscratch_get_link_url() ) ), '</a></h1>' ); ?>
	<?php else : ?>
		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
	<?php endif; ?>
			<div class="entry-meta">
			<?php penscratch_post_format(); ?>
			<?php penscratch_posted_on(); ?>
			<?php edit_post_link( __( 'Edit', 'penscratch' ), '<span class="sep"> ~ </span><span class="edit-link">', '</span>' ); ?>
		</div><!-- .entry-meta -->
</header><!-- .entry-header -->

Save/upload the Child Theme to your site and activate, then you’ll see the single (Link format) post page now has a link as the title (the same as on the main blog page).

Let me know how it goes! ??