Sarah Frisk
Forum Replies Created
-
AuthorPosts
-
Sarah FriskParticipant
Do you want everything in your archive to be oldest to newset? or just those tags?
If everything, you might be able to set reverse order in the ComicPress theme options under “Archive Display Order”
If not everything, I can poke around in code for a bit and come up with an example for how to do it for specific tags.
Sarah FriskParticipantAre you using tags for anything other than years on that site?
Sarah FriskParticipantIf you have archive.php in your child theme – put that in there. Otherwise, copy archive.php into your child theme, and then make the additions detailed above.
Sarah FriskParticipantAh wait, I see you’re using Comic Press
In archive.php, try adding
<?php if ( is_tag() ) { $tag_description = tag_description(); if ( ! empty( $tag_description ) ) echo '<div class="tag-description">' . $tag_description . '</div>'; }?>
somewhere right after
<h2 class="page-title"><?php echo $title_string; ?></h2>
*Note – didn’t actually run this code, so it’s a bit of a guess*
Sarah FriskParticipantWhich theme are you using for your website?
August 16, 2016 at 2:22 pm in reply to: Having an image that automatically displays the latest comic? #17241Sarah FriskParticipantSorry, I haven’t forgotten about this, working on getting some time to set up everything on my computer.
August 1, 2016 at 10:14 am in reply to: Having an image that automatically displays the latest comic? #17151Sarah FriskParticipantNo problem. I have some time later this week, so I can write up the code then, once I get a testing environment up and running on my computer.
July 29, 2016 at 10:11 am in reply to: Having an image that automatically displays the latest comic? #17141Sarah FriskParticipantYou’ll have to edit the php code for your theme to change parts of the home page. You’ll probably want to make it so that the home page is basically treated like an archive, that shows only 1 post, then grab the thumbnail of the featured image and link from that.
For wordpress documentation on how to display 1 post on a static page try:
https://wordpress.org/support/topic/how-to-show-the-last-post-on-a-static-wordpress-page
https://codex.wordpress.org/Function_Reference/wp_get_recent_postsTake the one post from the above section, but instead of showing post title/content/etc, show the thumbnail instead.
To display the thumbnail:
If you get stuck, let me know, and I can help you write up the code for it.
Sarah FriskParticipantShould I suggest the user save to homescreen and go borderless when opened from homescreen?
* Not quite sure what you mean by thisDo you force/suggest orientation?
* I tend not to force it, mostly because window screens come at a variety of different sizes along with different orientations.Are you resizing your comic in the page for mobile / table site?
* My current website I’m just scaling down the image for mobile/tablet, but I find that runs into issues where the text can become too small to read, thus allowing for zooming is important. To prevent zooming for the whole page you can allow for side scrolling in smaller browsers for the comic only, or even switch out the comic image for a horizontal mobile friendly one. The same could be applied for a long vertical comic for mobile view as well, I just didn’t do an example of that.Do you do Push Notifications (desktop chrome as well)
* I haven’t.Should I have the comic controls (prev,next etc) above, below or both above and below your comic
* Honestly depends on the height of your comic and personal preferences. On my site I hide the top nav in tablet view.Should I making the visitor scroll their phone horizontally/vertically to read your comic?
*In general, I think this is personal preference and what works best for your comic. Personally I think for reading the comic on a phone – the user should only have to scroll in one direction (like the last example, where to read the entire comic in mobile, you only had to scroll right, rather than the 2nd example which involved scrolling horizontally and vertically).Is your entire comic above the fold?(ie it’s not taller than the screen)
*Depends on the comic – some are longer than other. In general the rule is “Make sure some part of the comic appears above the fold.Do you allow zooming, if so do you start zoomed out or in?
* ALWAYS ALLOW ZOOMING. Not everyone has perfect eyesight, and zooming can help many people read your comic in mobile sizes that might not otherwise able to do so. For mobile devices, I normally zoom level at default level, and then allow users to zoom in if they need to.Sarah FriskParticipantThe archive button should have the class
.navi-archive
on it that makes it unique compared to your other navigational buttons (see “Navigation entities” on Frumph’s documentation for ComicPress’s Navigation Buttons). Just use the above code, only instead of.navi:hover
, use.navi-archive:hover
.- This reply was modified 7 years, 8 months ago by Sarah Frisk.
Sarah FriskParticipantYou’ll want to use the css background-position property. You can update the css for the
.navi:hover
to something like this:.navi:hover { background-position: -100px 0px; }
where the first number is where you’re moving the position on the X axis, and the second number is where you’re moving on the Y axis.
Hope that helps!
Sarah FriskParticipantLet me know if you want any other help with CSS stuff, I would be glad to help.
Sarah FriskParticipantHere is the CSS to make the background of the comic white, a make sure the nav is centered to the comic and not the whole page.
#sidebar-left-of-comic { padding-right: 20px !important; box-sizing: border-box; width: 225px !important; /* made this a little wider so that the social media buttons would fit*/ text-align: center; } .jetpack-image-container img { max-width: 100% !important; /* this makes sure the logo image fits the sidebar*/ height: auto; } #comic { background: #fff; } #sidebar-over-comic { background: #fff; margin-left: 225px; /* width of left sidebar - this is what centers the over comic nav */ padding: 10px; } #comic-foot { background: #fff; margin-left: 225px; /* width of left sidebar - this is what centers the under comic nav */ padding: 10px; margin-bottom: 20px; }
Sarah FriskParticipantSorry, I did see this, just working on getting the CSS together in an organized manner. Will post once I’ve cleaned it up!
Sarah FriskParticipantI like the look of the social media buttons, but didn’t like they were taking up two lines, when it seemed that there was plenty of space for them on one line. Also you have a lot of white space between the sidebar elements and the comic, and the navigational elements for the comic are centered on the page vs the comic. It might help to visually group the comic navigation elements with the comic, rather than the comic + the sidebar. Also I agree with Marlon – making custom comic nav buttons would look really nice!
On the notes of the logo, I think part of the readability issue lies in the fact that the background behind the text is a bit busy and contains a lot of white and other light colors – same as the logo text. Maybe try making a version of the logo where the background is the same as the BG of the website? (Or at least the background is a good contrasting color to the bg of the website to draw your eye to it.)
Because I’m obsessive with tweaking websites, I did play with the css of your website a little, to see how the sidebar would look with a smaller logo, grouping the comic nav with the comic, putting social media on one line (partly through shrinking button size), tried to match the upper and lower comic navs, and having a top of the page nav with a background color that I grabbed from the comic. With this layout, I think you still have plenty of space for another ad next to the comic to the left of the comic, and fixes some of the current whitespace issues between the sidebar nav and the comic.
-
AuthorPosts