Forum Replies Created
-
AuthorPosts
-
WhiteleyDesignsMember
Hey Neilp,
I use The Events Calendar by Modern Tribe extensively on one of my projects (https://pondhole.com/). It is a wonderful asset and the support team is exceptional. I will caution you though, if you do want to make significant modification, they do have one of the more difficult frameworks to work with due to the complexity. If you want to allow front-end submissions to the calendar you would need their Community Events add-on as well (https://theeventscalendar.com/product/wordpress-community-events/).
Unfortunately, I can't speak much regarding other calendar options as I typically suggest TEC.
Cheers,
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberSite looks great - nicely done. Very professional and clean.
For the telephone number in the footer I would leave it as-is but add some CSS so there is no change on hover (as the only need for the href part is so it is a clickable phone number on mobile. Something like this would do the trick:
a[href^=tel] { color: #fff; text-decoration: none; }
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberA pure CSS approach (note that this hides, doesn't remove completely) would be this to hide the pagination on the home page:
.home .archive-pagination { display: none; }
And this for the post date on the home page (remove the .home to apply to all posts):
.home .post header.entry-header p.entry-meta { display: none; }
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberThis is completely untested but may work for you:
$user = wp_get_current_user(); $current_role = array( 'editor' ); if( array_intersect( $current_role, $user->roles ) ) { add_action( 'admin_head', 'custom_admin_css' ); } function custom_admin_css() { echo '<style> #adminmenu li.genesis-separator.wp-menu-separator , #adminmenu li.menu-top.toplevel_page_genesis { display: none; } </style>'; }
This should grab the current user's role and execute the css that will hide the Genesis menu if the user has the 'editor' role. Again, this is untested and only hides the menu, doesn't remove it completely.
Hope it helps!
EDIT: this goes in your functions.php.
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressApril 6, 2016 at 6:29 am in reply to: Max-width:100% makes my images blurry on mobile devices #183043WhiteleyDesignsMemberHey Nicolat,
I see they look a tiny bit blurry, but I don't think it's anything code-wise. My assumption would simply be because the pixel density on mobile devices is so much better that the images seem like they are a bit blurry. My suggestion would be to upload a larger image (maybe twice the size) and see if that resolves the issue. I know you want images to be to scale, but with retina devices that is tough.
I use SVGs for images whenever possible as they scale without losing quality, but in your case that wouldn't work.
Cheers,
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressApril 5, 2016 at 8:18 am in reply to: Max-width:100% makes my images blurry on mobile devices #182992WhiteleyDesignsMemberCan you provide a specific page/image where this is an issue?
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberIt is quite difficult to give a direct answer without seeing the site, but my initial thought would be to use CSS and the pseudo :before element to add the icon with CSS ( see Font Awesome ). Then you would use some more CSS ( like text-indent ) to move the text out of the visible area.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberSee my response in the other thread with the same question.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberYour simplest solution would be to go to the Genesis Theme settings and add it to the 'Header Scripts' section. That will add it just before the closing header tag.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberI think the most stable way to use favicon's is using the 'site identity' option in the WordPress customizer. It is relatively new, but in my limited use with it, it seems to be a more stable way to change/add a favicon.
http://wptavern.com/wordpress-4-3-beta-3-adds-site-icon-feature-to-the-customizer
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressMarch 25, 2016 at 9:03 am in reply to: Finally re-designed my site in Genesis, christinacreativedesign.com #182228WhiteleyDesignsMemberReally great work - nicely done!
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberHey Jason,
Thanks for the feedback. 1 & 2 will be addressed prior to go-live and were both on my list. #3 is new to me and a great tip - much appreciated.
Cheers,
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberAhh, yes, it is a Pro feature. Forgot to mention that. The Pro version is well worth the investment. The options page and repeater fields alone make it worth the money. That and it is a one-time fee.
The other option would have been to create a page template and use a repeater field instead of a CPT ... but again, that would mean you'd need the PRO version of ACF.
Cheers,
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberHey Doug,
In this case I just hard-coded it directly in to the archive-project.php file. All the other page headers/sub-headers are controlled with custom fields using Advanced Custom Fields.
Typically, I would create an options page using ACF - something like this in the functions.php:
// Add ACF Options Page if( function_exists('acf_add_options_page') ) { acf_add_options_page(array( 'page_title' => 'Theme Options', 'menu_title' => 'Theme Options', 'menu_slug' => 'theme-options', 'capability' => 'edit_posts', 'position' => '4.1', 'icon_url' => 'dashicons-list-view', 'redirect' => false )); }
And then I would call the fields created with ACF in the archive-project.php file - something like this:
<?php $variable1 = get_field( 'acf_field_name', 'option' ); echo $variable1; ?>
or
<?php the_field( 'acf_field_name', 'option' ); ?>
I decided to hard code it simply because it's quicker and since I'll manage the site myself I don't really need to make sure it is really simple to update like I normally would for a client.
Cheers,
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberThanks YapDesign - much appreciated.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressMarch 1, 2016 at 3:02 pm in reply to: Ass full width image before Events Calendar html output via genesis hook #180374WhiteleyDesignsMemberHey bisonbrah,
I have a site I built that is a heavily customized version of The Events Calendar and it is built-on Genesis (https://pondhole.com/) and the homepage customization was done to the default-template.php. Per their documentation I added it to my child theme in new directory called 'tribe-events'. I also had to wrap any code that I wanted only on the home page in:
<?php if( !is_single() ) : ?>
... to ensure it only showed on the home page.
Note - I also use the Event Rocket plugin to allow me to make the event page the home page (https://wordpress.org/plugins/event-rocket/) so my setup may differ from yours.
Hope this provides some help. The Events Calendar can be pretty tough to work with, but their support is absolutely spectacular so I would suggest getting on the forums there for some guidance. In my experience they offer one of, if not the best support out there.
Good luck!
Matt
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberThanks Doug - much appreciated.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberIs there a reason this is private? I can't read it.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberAnother option for you, especially if you're simply trying to edit margins on all WooCommerce pages would be to find the class you want to modify and just use a more specific declaration in your child them than is used in WooCommerce so it overrides it without needing to reorder the queing of the stylesheets.
So, for example, if you want to override a style that looks like this where the body has a class of woocommerce:
.woocommerce { margin: 0; }
You could simply use this in your child theme:
body.woocommerce { margin: 10px; }
Since that is a more specific CSS declaration it will take priority over the default one.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPressWhiteleyDesignsMemberACF is the best available plugin for what you're trying to accomplish - Victor is 100% spot on. It will not slow your site in any way as all the plugin does is essentially create custom fields on the backend and write the data to your DB. On the front end, where load time is important, it is simply calling the custom field - just like if you were using get_post_meta() (which you can use with the plugin if you'd like instead of get_field or the_field) using a standard WordPress custom field.
Go with ACF - you won't be disappointed. I've built a lot of sites, mainly with Genesis and ACF is use in 100% of them.
Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPress -
AuthorPosts