• Resolved Doug

    (@nicoblog)


    Hello i liked the theme but i’d ike some things changed. for example, some posts have the continue reading buttom, some don’t, i’d like to see it on all posts. This cause some posts have more height than others on the home, i wished all had the same height. is this possible?

    Also if you have many items on the menubar, you get a 2 line menu bar, that’s fine but then the site name falls under it and becomes unreadable.

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author ThemesMatic

    (@themesmatic)

    Glad you like the theme.
    The reason some posts may have the Continue Reading button and some don’t isn’t because of the theme… if there isn’t more content to load a Continue Reading button doesn’t load.

    In the demo: https://wordpress.org/themes/social-magazine/ You’ll see the posts that don’t have the button, don’t have any more content beyond what is shown.
    The posts that do, have more content. (Actual articles/posts and not single sentence posts will naturally have the button.)
    So for the button to show up just add more content.

    Height is based on content. So by having full content with featured image and titles relatively the same length… the posts will be almost identical in size due a “max cap” on size that is built in.
    So simply make posts with paragraphs + titles + featured images = you’ll see what I mean.

    Try to keep the menu to a single line across or make dropdown menus.
    Bootstrap fixed navs aren’t meant to have double lined menus.

    Thread Starter Doug

    (@nicoblog)

    That is not how it behaves for me, even if there’s more content the continue reading button doesn’t show up for some posts, i’m testing here:
    http://nicoblog.org/snes-rom/

    Also the excerpt has lost the line breaks.
    And the author should probably link to the author’s page.

    Theme Author ThemesMatic

    (@themesmatic)

    Delete the Insert Read More Tag on the posts that don’t have buttons.
    Social Magazine does this for you automatically (its less work + makes posts appear the same size on blog page)
    That will solve that problem.

    The reason the author names don’t link to the author pages on the Blog Page is that there are already so many links created by one post. Google doesn’t like a ton of links so its for SEO purposes. Less links on that page the better.
    You’ll notice that on the post itself the author names do link to the author pages (since there are less links on these pages). It also makes more sense for the post that author is responsible for linking to his/her page.

    Menu Solution:
    There are 2 things you could do.
    Option 1 (easy option). The menu can actually be widened.
    Find style.css in the social-magazine folder.
    Open style.css. On line 90 you’ll see this line

    .container,
    .fluid-container {
    	max-width: 1000px;
    	margin: 0 auto;
    }

    change max-width: 1000px: to max-width: 1500px;
    so it should look like this

    .container,
    .fluid-container {
    	max-width: 1500px;
    	margin: 0 auto;
    }

    save it, reload your page and see how that looks.
    If its still not wide enough try 1600px or 1700px.

    Options 2. Edit your menu and remove links like FAQ, Guides, Forums, and place them in one of the widget spaces in the sidebar or bottom widgets and save the menu.

    Remove the HOME link either way.
    Your logo already links home.

    Also on many of your posts like this one:
    http://nicoblog.org/snes-rom/tales-of-phantasia-english/
    There are 2 copies of the same image at the top of the post because you have set a featured image and inserted the same image in the top of your post.

    What is awesome about featured images is that WordPress sets the featured image on the blog page and sets the image for your post page.
    WordPress does both of those for you.

    That should take care of any issues.
    Let me know if you have any other questions.

    Thread Starter Doug

    (@nicoblog)

    Hi thanks for the answer.
    I run a search and replace on the more tag removing it from all posts.
    Now the automated more feature works for all posts.

    The menu width is ok as it is. i will move things to a submenu so it only uses 1 line.
    But on a closer look i have other more important issues with the menu:
    1. the main buttons are not clickable, they just expand the submenu. This seem to be useful on mobile but not on desktop, it makes the main sections not accessible.
    And for the mobile version maybe the submenus could be already expanded by default, so people could access the main sections even on a phone.

    2. The menu doesn’t display third level items.

    -Maybe i’m blind but i can’t find a search feature.
    -On the index is it possible to use cropped thumbnails? i know wordpress has this feature it can crop the featured image to a certain width and height it would be perfect to make all posts the same height on the index.

    I’ve tried to make some changes but no matter what i did the changes didn’t show up (i even removed everything on index.php and content.php) i cleared w3 total cache, cloudflare cache, and the browser cache, still no changes shown, very weird!

    and as a note the functions.php finish kinda weird:
    <?php }

    Theme Author ThemesMatic

    (@themesmatic)

    Social Magazine uses Bootstrap.
    To get familiar with Bootstrap navbars check it out here.
    Bootstrap doesn’t really support active links on drop down links because of how the drop downs menus work.

    For your particular solution:
    Create a top level menu item called “Games” under “Games” place “PC Games” and “PC List” as dropdown items.
    That way both your links are clickable and they are organized.

    For 3rd level menu items there is some hacking that can be done to Bootstrap but I don’t recommend it. example shown here.
    http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3
    Combining that with WordPress menus is fairly complicated (I tried.)

    For search: Drag the search widget to any widget area.
    For Thumbnail: (WordPress may need to update how this works. I just figured it out a way to do it.)

    The cropped image on the home page + full image on post was not a feature in WordPress I developed for but the instructions below will fix it.

    Keep in mind that once you do this it is up to you to make sure that all the cropped images are the same size.
    The only thing that needs to be changed on Social Magazine is 2 files.
    On home.php
    change this
    the_post_thumbnail( array(300, 300) );
    on line 30 to
    the_post_thumbnail( 'full' );

    On content-page.php
    change
    the_post_thumbnail();
    on line 11 to
    the_post_thumbnail( 'large' );

    Creating a cropped featured image in WordPress (with full size on post).
    Click Featured Image and set the image you wish to use.
    Then click the Featured Image you chose in the sidebar.
    On the right sidebar click Edit Image above where it says “Delete Permanently”.
    Where it says Apply changes to: click Thumbnail.
    On the left where the image is, drag a box around the area you wish to crop.
    Click the Crop button on top left when your done.
    Click Save under the image.
    Click “Set Featured Image”.
    Then click update on your post.
    so that is way too much work to do that so maybe WordPress needs to update this.

    The image that shows on the home page is now the cropped image and the regular image show on the post.

    I will add this to the next update and hopefully WordPress will fix how cropped thumbnails get implemented.

    <?php } That was done intentionally. functions.php is fine. Trust me.
    I don’t recommend altering that file because everything has a purpose.
    So unless your a developer, please don’t alter that.

    Thread Starter Doug

    (@nicoblog)

    Wow thanks so much for your help.

    Theme Author ThemesMatic

    (@themesmatic)

    @nicoblog

    No problem.
    If you could leave a review it would be greatly appreciated.
    https://wordpress.org/support/view/theme-reviews/social-magazine
    Have fun + any questions just ask.

    Also to change the logo go to:
    Appearance > Customize > Header Image
    and from there you can add your logo to the header.

    Thread Starter Doug

    (@nicoblog)

    Thanks done!

    Theme Author ThemesMatic

    (@themesmatic)

    @nicoblog

    Thanks. I appreciate it.
    3 days ago a new update went live that allows you to change the accent color from blue to any color you want.
    Appearance > Customize > Colors > Accent Color

    Enjoy the theme.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘suggestions’ is closed to new replies.