Language: javascript

18 posts
code snippets javascript php Featured pages tc_fp_single_display wp_footer add_action() add_filter() append() attr() detach() filter() find() html() preg_replace() tc__f() text()

Make Featured Pages titles linkable

If you want your featured pages titles be a link to the featured pages, this snippet is what you need. You do not need to copy both versions, choose the one you like best!   1) Javascript version Compatible with FPU plugin, FP plugin, Customizr, Customizr-Pro add_action(‘wp_footer’, ‘fp_titles_linkizr’, 200); function […]

code snippets javascript php Slider embed_oembed_html oembed_fetch_url oembed_result tc_slide_background tc_slide_text tc_slide_title add_filter() apply_filters() css() remove_filter() remove() tc__f()

Embedding a YouTube or Vimeo video in your slider

Updated August 2015: Added an option to automatically loop youtube videos (default true) and code updated to work with Customizr-Pro 1.2+ and Customizr 3.4+ Updated April 2015: Added an option to prevent the related videos showing (youtube). Updated March 2015: Added unmute on hover. This snippet works also with Customizr-Pro […]

code snippets javascript php Headings Posts Titles wp_head add_action() each() prepend()

Removing the title links in post lists

The Customizr theme displays by default your post titles as links pointing to the single post. Here’s a simple way (using some javascript) to remove those links if you ever need to. Paste the following code in your functions.php : add_action(‘wp_head’ , ‘remove_post_list_title_links’); function remove_post_list_title_links() { ?> <script id=”remove-links-in-title” type=”text/javascript”> […]

code snippets css javascript php Navbar tc_add_menuclass tc_body_attributes add_action() add_filter() apply_filters() preg_replace() str_replace()

Add Scrollspy to the Navbar

If you need to add Scrollspy to the Navbar: Where to copy/paste this code? We strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here. /* START OF Add Scrollspy to the Navbar (Needs additional php code in Child Theme […]

facebook-like-box-in-place-of-customizr-featured-page
code snippets html javascript php Featured pages __before_header __is_home add_action() add_filter() ob_end_clean() ob_get_contents() ob_start()

Adding a Facebook Like Box in place of a featured page in the Customizr theme

Let’s say you need to feature your Facebook fans on your home page, and display it like one of your featured pages.   I am assuming that you have generated your Facebook code for the lite box here : https://developers.facebook.com/docs/plugins/like-box-for-pages.   Now, here’s a quick snippet to replace one of your […]

code snippets javascript php thumbnails wp_footer each() hasClass() is() next() not() parent() prependTo() resize() setTimeout() toggleClass() width()

Post list thumbnails reordering in small viewports

3.1.* 3.2.* Nov 2014 update: Tested with Wordpress 4.0 and Customizr 3.2.5 . Still works if you choose to display thumbnails on the left/right. Will not do anything if you display them on top/bottom. Basically ’cause the aim of this script, as you can see in the example pictures, is […]

code snippets css html javascript php Body Footer __before_footer __before_header tc_user_options_style wp_footer add_action() css() hasClass() resize() setTimeout() width()

Make the Footer ‘Sticky‘

Notice:: Since Customizr 3.4.6 and Customizr-Pro 1.2.0 a new option has been added to make the footer sticky. Navigate through Appearance -> Customize -> Footer and you’ll find it 😉 3.1.* 3.2.* Cutomizr-Pro* June 2015 update: CSS moved from child-theme style.css (or custom-css box) to inline style through tc_user_options_style filter, […]

code snippets javascript php Featured pages Front page thumbnails wp_footer attr() each() filter() remove() wrap()

Allow thumbnails links for IE10 and below

You’ve probably noticed that some features of Customizr are not well interpreted by some outdated versions of Internet Explorer. The beloved zoom effects on the thumbnails for the featured pages and posts lists, for example, are not supported by them.  Unfortunately, thumbnails links does not work either.  Add this snippet […]

code snippets javascript php Slider __get_option __is_home wp_footer addClass() after() each() get_post_meta() get_the_ID() removeClass()

Customizr Slider : Randomize your slides

Here is a useful snippet for those who need to display their slides in a random order. The random display is handled in javascript but I might come with an even simplier solution with a WordPress hook in a future release of the theme.   add_action (‘wp_footer’,’tc_randomize_slides’ ); function tc_randomize_slides() […]

code snippets javascript php Slider __get_option __is_home wp_footer add_action() addClass() css() each() find() get_post_meta() get_queried_object_id get_the_ID() hasClass() removeClass()

Customizr slider : centering your slides vertically in full width mode

May 2014 update: Now added in the core code of Customizr since v3.1.11 When the sliders are displayed in full width, you might encounter some frustrating cropping effect for your slides, especially on very large screen devices. This snippet automatically keeps the slides vertically centered on any devices.   add_action […]