Forum Replies Created
-
AuthorPosts
-
paaljoachimMember
Hi
Adjust your CSS code and see if it helps. Keep the sticky code in the functions file in place.
(I got it working on my screen and I also tested it full screen on my 24″ monitor connected to my Macbook Pro.)html {
height: 95.5%;
}body {
height: 100%;
}.site-container {
height: 97.3%;
}.page-wrap {
min-height: 89%;
margin-bottom: 3px;
}.site-footer {
position: absolute;
width: 100%;
height: 100px;
}Inspired by: http://9seeds.com/tech/sticky-footer-genesis as well as http://jsfiddle.net/juroto/HL6Ad/
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberHi
Adjust your CSS code and see if it helps. Keep the sticky code in the functions file in place.
(I got it working on my screen and I also tested it full screen on my 24" monitor connected to my Macbook Pro.)html {
height: 95.5%;
}body {
height: 100%;
}.site-container {
height: 97.3%;
}.page-wrap {
min-height: 89%;
margin-bottom: 3px;
}.site-footer {
position: absolute;
width: 100%;
height: 100px;
}Inspired by: http://9seeds.com/tech/sticky-footer-genesis as well as http://jsfiddle.net/juroto/HL6Ad/
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberBtw
For anyone who comes across this post:Conditional menu. Showing menu depending on certain conditions.
The following: One menu is the primary. Another is not connected with any menu location.Options
&& is_page();
&& is_page (‘id of page’)
&& is_page ('about-me')
&& ( is_archive() || is_singular('page') ) ) —> II brings two options together.
&& is_page_template( ‘name of page template’ )I am using this for the Maguti.com web page.
Is not page then use the menu I named "Sub menu". (Does not use any of the menu locations.)
This means that clicking a post preview on the main page goes directly to the post and shows the sub menu instead of the primary menu "top menu"./* http://genesisdeveloper.me/different-primary-menu-on-pages-using-altitude-pro-theme/ and http://victorfont.com/conditional-secondary-menus-genesis-themes/ */
function gd_nav_menu_args( $args ){
if( ( 'primary' == $args['theme_location'] ) && !is_page() ) {
$args['menu'] = 'Sub menu'; // Add your menu name here. My case it is "Menu for Page"
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'gd_nav_menu_args' );https://codex.wordpress.org/Function_Reference/is_page
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberWIth the help of Nick who contributed the code. There is now a code that functions that adds the video before the entry.
https://github.com/ahoereth/featured-video-plus/issues/5#issuecomment-134304999
Add the following to the functions.php for the featured video to show up before the entry.
add_action( ‘genesis_before_entry’, ‘prefix_add_featured_video_plus’ );
function prefix_add_featured_video_plus(){
echo do_shortcode(‘[featured-video-plus]’);
}
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberWIth the help of Nick who contributed the code. There is now a code that functions that adds the video before the entry.
https://github.com/ahoereth/featured-video-plus/issues/5#issuecomment-134304999Add the following to the functions.php for the featured video to show up before the entry.
add_action( 'genesis_before_entry', 'prefix_add_featured_video_plus' );
function prefix_add_featured_video_plus(){
echo do_shortcode('[featured-video-plus]');
}
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberI figured it out and am working on a tutorial I will post within a few days on my site.
The result:
Three images in a row. Hover over the images and on a white background see gravatar image and post excerpt.
(Since I did not need meta tag such as post date or author name did not display it.)The basis of it follows:
NB! I added a few more images sizes to the functions.php file.
//* Add new image sizes
add_image_size( 'featured-page', 1140, 400, TRUE );
add_image_size( 'featured-page2', 330, 150, TRUE );
add_image_size( 'featured-page3', 380, 380, TRUE );
add_image_size( 'featured-page4', 290, 300, TRUE );Then installed and activated Regenerate Thumbnails so WordPress could pick up the new image sizes.
I made a new post category covering three posts called methods.
Went to the three posts I was going to use went to screen options and selected to click Excerpt. Added a text within the excerpt box below the content creation area.In the Genesis - Post widget
Category: Methods
Number of Posts to Show: 3
Show Author Gravatar: small
Show featured image. I selected featured-page4 (290x300)
Show Post Title
Skipped (did not click Show Post Info)
Content Type: Show Excerpt.
Click - Save -CSS code placed into style.css
/********* Featured post widget ********/ /* The full featured post 4 section */ #featured-post-4 .widget-wrap { margin: 0 auto; width: 80%; } /* The image */ #featured-post-4 img.entry-image { position: absolute; border: 10px solid #fff; } /* Entry content */ #featured-post-4 .entry { max-height: 320px; max-width: 310px; float: left; padding: 0 20px 0 0; margin: 20px; height: 320px; /* Covers area behind image */ width: 320px; /* Covers area behind image */ background: white; } #featured-post-4 .entry-title a { color: #fff; font-size: 22px; padding-left: 25px; font-weight: bold; font-family: 'Dosis', sans-serif; } /* Featured post widget more link */ #featured-post-4 .more-link { color: #f89a16; font-weight: bold; } #featured-post-4 .entry-header::after { content: ""; display: block; margin: 0 auto 60px; padding-bottom: 30px; width: 25%; } /* post date and author name */ #featured-post-4 .entry-meta { color: #fff; font-size: 16px; padding-top: 15px; display: none; /* Does not display post date and author name */ } /* post content */ #featured-post-4 .entry-content { max-width: 300px; max-height: 320px; float: left; text-align: left; margin: -70px 0 0 50px; } #front-page-3 img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: 0.15; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } /********* END Featured post widget test ********/
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberThank you Victor!
...and thank you for the link to your tutorial on inner secondary menu. I have not looked at it yet but look forward to doing so.
I figured out that the post featured thumbnails go to zero opacity it shows the post content behind it. As it is there all the time but not seen before the images in front become transparent. It is all adjusted with CSS. Very interesting!
Thanks again.
I will experiment with this.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberRegarding the link to itsabhik web site article on display image captions only on hover.
This is working for me:
The CSS:
.wp-caption { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F0F0F0; display: block; max-width: 96%; padding: 3px; position: relative; text-align: center; } .wp-caption-text { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 8px; color: #FFFFFF; display: block; filter: alpha(opacity=0); font-family: "Open Sans",sans-serif; font-size: 13px; left: 8px; margin: 0; max-width: 100%; opacity: 0; padding: 5px 10px !important; position: absolute; right: 8px; } /* Changed from article to */ .wp-caption:hover .wp-caption-text { filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -ms-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; }
I plan on creating an article on my web site. I'll add a link here when it is finished.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberHey Tussle
That is Interesting I will need to check more into this.
Much of the stylesheet code is generel though but it is interesting knowing about this plugin.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberThanks Gandt!
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberHey Gandt
Thanks for the reminder!
I spent a feature request to MacRabbit makers of Espresso.
http://macrabbit.com/espresso/As Espresso have a limited collapsing of code. It would be nice to select the section of code that I want to collapse and then just hide it.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberKinda thought so....
I just do not like having such a long file. Scrolling up and down or searching in the file in relation to what I need to change.
I have earlier split it up into smaller CSS files but have lately just left it alone.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberYeah, I saw that as well.
How would I do something similar with the Metro theme?
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberI am going to pick up the thread on this...
What I do believe we need are various types of ways to show previews of posts in our blog page.
I thought I would check out the various Genesis themes and see what ways are available there.
I am myself working on getting previews of thumbnails and different length excerpts play nicely with each other. Having them fit nicely and snugly up toward each other.The site http://aiscripts.com/ has too much space below the first square....
Another step would be to have a really cool looking archive page similar to a blog page.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberI have made adjustments based on your tutorial Ren. It is starting to look pretty good.
Here is my own tutorial:
http://easywebdesigntutorials.com/creating-a-movie-custom-post-type/
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberHei Gerda
If I understand you correctly:
What about trying something like this: https://wordpress.org/plugins/featured-image/
If you want to use different sidebars for different pages there are a few plugins for this. I use this:
http://easywebdesigntutorials.com/content-aware-sidebar-plugin/There are a few out there.
Have a great evening.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberHey Ren
I have been testing it out and the code works really well. I have a bit more to do and will also slowly make my own tutorial based on your code. I'll let you know. Awesome work Ren!
Btw
Adjusting the code you wrote will also make an awesome regular archive page. Sorted by year or by category (showing the user how to make this change). It would be so much better then the regular archive template page we have today.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberHey Ren
Yeah. As I have been looking around for advice on how to create this archive page I found http://vimodesigns.com/wordpress/how-to-list-all-posts-in-a-custom-taxonomy-separated-by-terms/ that seems to help a little bit, but the coding for this archive page is a bit over my head so I am still looking for additional resources.
It seems very natural to have an archive page showing year titles and thumbnails/featured images though so I am surprised I am not finding any tutorial for this. If your able to share some code for how I can do this then that would be great. I am working on creating a tutorial once I have actually managed to create the archive page, so that others who look for similar archives with an overview over year and featured images will have a tutorial for it.
coearlseait thank you for the links! I have looked at a bunch of tutorials and am just stuck on the:
Main title
- year-
Featured images- year -
featured imagesetc
part.Hopefully other coders/developers with a better coder mind then what I have for the moment can step in and share so we together can create this really useful archive page tutorial.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberI did some research and changing the rewrite slug one has to go to the Settings -> Permalinks and resave the Permalinks. Clicking the Archive Settings - View the movie archive text links will then work. If I change the rewrite slug again I have to go back and resave the Permalinks again.
Next up is customizing the CSS of the archive page and learning about how to use Custom Meta Boxes to customize the movie pages (posts). Since I plan on creating a standard for all the movie pages that have a poster image, synopsis, technical info, an embed of a trailer, a few images from the movie etc it will I believe be fitting to use meta boxes.
Since I got this thread going I'll use to to share what I learn along the way.
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
paaljoachimMemberGreat!
Thank you very much Davinder!Collapsing Categories look really close to what I am looking for. I am guessing I can probably exchange the sideway and down arrows with + and - symbols.
Have a great day!
I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com
-
AuthorPosts