harry_ord

Members
  • Content count

    63
  • Joined

  • Last visited

Community Reputation

0 Neutral

About harry_ord

  • Rank
    Newbie
  1. Hello When i use a facebook share url on my site on Wordpress, it picks the title of my site, the sub-title and then it picks the first image of the site. How can i choose the pic to be displayed, what if i want to show a special picture like a logo or something whenever i want to share my site on Facebook? How can i do it?
  2. Where you can see the last crawl's date?
  3. I wrote a long lorem ipsum last night for the description last night and still doesn't appear. Should i wait more?
  4. I did this like a month ago and it haven't changed yet.
  5. Hello I have a WordPress site and i'm using the YOAST plugin to change the description that appears on Google. Yoast give me the option to change this on every page, but it doesn't seem to work. Here's a picture where you can see what i'm talking about: Is something missing? do i need to do something else?
  6. I have the following responsive site and i'm having an issue with the mobile nav menu: http://www.endeavor.cl/ When you resize the window or load it in a mobile device, you have a menu with sub-menu items with a slide-down effect that show you the sub-menu items everytime you click on them and, if you click them again or click somewhere else, the sub-menu item will hide itself with a slide-up effect. The problem is when you resize the window again and click again the sub-menu items, they will now show and inmediately hide, like they execute the 2 steps without waiting for a second clicking. Here's the code: $(window).on('load resize', function () { if ($(window).width() >= 1000){ $("#menu-top").removeClass(); $("#menu-top").addClass("desktop"); }else{ $("#menu-top").removeClass(); $("#menu-top").addClass("touch"); $("#menu-top.touch .menu-item-has-children a").addClass("primer-boton").css('cursor','pointer'); $("#menu-top.touch .sub-menu a").removeClass(); $("#menu-top.touch .primer-boton").removeAttr("href"); $('#menu-top.touch .menu-item-has-children > .sub-menu').parent().click(function() { var submenu = $(this).children('.sub-menu'); if ( $(submenu).is(':hidden') ) { $(submenu).slideDown(200); } else { $(submenu).slideUp(900); } }); } });
  7. I added <?php wp_head(); ?> at the begining of the header.php file and now i can load some plugins, i tried with 3 different popup plugins and neither of them worked.
  8. Can't i just ignore those error? i'm not trying to load those stuff, i don't care. Does it affect what i'm trying to do? Also that video i see it loading.
  9. Ok, done, but that doesn't solve the problem. <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  10. Hello This is my site made on Wordpress, the theme was made by other people: http://www.endeavor.cl/ I need to add a popup in the home section, so i installed some popup plugins and neither of them worked, i even tried using the echo do_shortcode[''] function of Wordpress and it doesn't work either. The i tried to use bootstrap modals, i just copied the example we have on w3schools and the button doesn't respond, the popup won't appear. So i decided to use jquery-ui: https://jqueryui.com/dialog/ It doesn't work either, it's like something in the theme is preventing to have anything poping-up in the page. At the end i tried a Javascript alert() and only that worked. Well, how can i make jquery-ui work on this page? Here is my header.php where i included the script: <!DOCTYPE html> <!--[if IE 6]> <html id="ie6" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 7]> <html id="ie7" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 8]> <html id="ie8" <?php language_attributes(); ?>> <![endif]--> <!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!--> <html <?php language_attributes(); ?>> <!--<![endif]--> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?> <!-- the default values --> <meta property="fb:app_id" content="570150036476648" /> <!-- if page is content page --> <?php if (in_category('categoria-videos')) { ?> <meta property="og:url" content="<?php the_permalink() ?>"/> <meta property="og:title" content="<?php single_post_title(''); ?> | <?php bloginfo('name'); ?>" /> <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" /> <meta property="og:type" content="article" /> <meta property="og:image" content="http://i.ytimg.com/vi/<?php the_field('video-youtube-id'); ?>/hqdefault.jpg" /> <meta property="og:image:width" content="300"/> <meta property="og:image:height" content="300"/> <?php } elseif (is_single()) { ?> <meta property="og:url" content="<?php the_permalink() ?>"/> <meta property="og:title" content="<?php single_post_title(''); ?> | <?php bloginfo('name'); ?>" /> <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" /> <meta property="og:type" content="article" /> <?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'medium' ); ?> <meta property="og:image" content="<?php echo $feat_image;?>" /> <meta property="og:image:width" content="300"/> <meta property="og:image:height" content="300"/> <?php } elseif (is_page()) { ?> <meta property="og:url" content="<?php the_permalink() ?>"/> <meta property="og:title" content="<?php single_post_title(''); ?> | <?php bloginfo('name'); ?>" /> <meta property="og:description" content="Endeavor lidera el movimiento global que busca impulsar el crecimiento económico sostenible, a través de la selección de Emprendedores de Alto Impacto" /> <meta property="og:type" content="article" /> <?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?> <meta property="og:image" content="<?php bloginfo('template_directory'); ?>/template/FotoShare.jpg" /> <meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/> <?php } elseif(is_home()) { ?> <meta property="og:site_name" content="<?php bloginfo('name'); ?>" /> <meta property="og:title" content="Endeavor Chile | www.endeavor.cl" /> <meta property="og:description" content="Endeavor lidera el movimiento global que busca impulsar el crecimiento económico sostenible, a través de la selección de Emprendedores de Alto Impacto" /> <meta property="og:type" content="website" /> <meta property="og:image" content="<?php bloginfo('template_directory'); ?>/template/FotoShare.jpg" /> <meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/> <?php } else { ?> <meta property="og:site_name" content="<?php bloginfo('name'); ?>" /> <meta property="og:description" content="Endeavor lidera el movimiento global que busca impulsar el crecimiento económico sostenible, a través de la selección de Emprendedores de Alto Impacto" /> <meta property="og:type" content="website" /> <meta property="og:image" content="<?php bloginfo('template_directory'); ?>/template/FotoShare.jpg" /> <meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/> <?php } ?> <title> <?php // Print the <title> tag based on what is being viewed. global $page, $paged; wp_title( '|', true, 'right' ); // Add the blog name. bloginfo( 'name' ); // Add the blog description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; // Add a page number if necessary: if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) ); ?> </title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#dialog" ).dialog(); } ); </script> <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/template/favicon.ico" type="image/x-icon" /> <!-- Fancybox --> <?php include(TEMPLATEPATH . '/fancybox/lib/fancyincludes.php'); ?> <!-- Nicescroll --> <script src="<?php bloginfo('template_directory'); ?>/nicescroll/jquery.nicescroll.js"></script> <!-- Masonry --> <script src="<?php bloginfo('template_directory'); ?>/isotope/isotope.pkgd.js"></script> <!-- PARALLAX --> <script src="<?php bloginfo('template_directory'); ?>/parallax/parallax.js"></script> <script src="<?php bloginfo('template_directory'); ?>/popup/jquery.modal.min.js"></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" /> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/popup/jquery.modal.min.css" type="text/css" /> <script> $(window).load(function() { <!---- MASONRY ---> var $container = $('.grid'); // initialize $container.isotope({ itemSelector: '.grid-item', layoutMode: 'fitRows' }); <!---- MASONRY ---> }); $(window).scroll( function(){ /* Check the location of each desired element */ $('.show').each( function(i){ var bottom_of_object = $(this).offset().top + $(this).outerHeight(); var bottom_of_window = $(window).scrollTop() + $(window).height()+100; /* If the object is completely visible in the window, fade it in */ if( bottom_of_window > bottom_of_object ){ $(this).animate({'opacity':'1'},300); } }); }); $(window).on('load resize', function () { if ($(window).width() >= 1000){ $("#menu-top").removeClass(); $("#menu-top").addClass("desktop"); }else{ $("#menu-top").removeClass(); $("#menu-top").addClass("touch"); $("#menu-top.touch .menu-item-has-children a").addClass("primer-boton").css('cursor','pointer'); $("#menu-top.touch .sub-menu a").removeClass(); $("#menu-top.touch .primer-boton").removeAttr("href"); $('#menu-top.touch .menu-item-has-children > .sub-menu').parent().click(function() { var submenu = $(this).children('.sub-menu'); if ( $(submenu).is(':hidden') ) { $(submenu).slideDown(200); } else { $(submenu).slideUp(200); } }); } }); <!---- NICESCROLL ---> var nice = false; $(document).ready( function() { nice = $("html").niceScroll(); } ); <!---- NICESCROLL ---> <!---- MENU ---> $(document).ready(function(){ $("#nav-mobile-hold").click(function(){ $("#menu-top").slideToggle(); $("#nav-mobile").toggleClass('active'); }); }); <!---- MENU ---> jQuery(document).ready(function($) { $('#post-content a[href$="jpg"], #post-content a[href$="png"], #post-content a[href$="jpeg"]').fancybox(); }); </script> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#dialog" ).dialog(); } ); </script> </head> <body> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-45413975-1', 'auto'); ga('send', 'pageview'); </script> <script> window.fbAsyncInit = function() { FB.init({ appId : '570150036476648', xfbml : true, version : 'v2.5' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <?php include('includes/preload.php'); ?> <div id="header"> <div id="menu-top" class="menu-top"> <?php wp_nav_menu( array( 'theme_location' => 'menu_sup', 'menu_class' => 'primary', 'fallback_cb' => '') ); ?> </div> <div class="barra-menu"> <div id="nav-mobile-hold"> <div class="texto">menu</div> <div id="nav-mobile"> <span class="ln-one"></span> <span class="ln-two"></span> <span class="ln-three"></span> </div> </div> <a href="<?php echo get_settings('home'); ?>"><img id="logo-top" src="<?php bloginfo('template_directory'); ?>/template/logo-top.svg"></a> <div id="redes-top"> <div id="searchbox" > <form class="search" method="get" action="<?php echo home_url(); ?>" role="search"> <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Buscar…', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" /> <button type="submit" role="button" class="btn btn-default right"/><span class="glyphicon glyphicon-search white">></span></button> </form> </div> <a href="https://www.facebook.com/Endeavor-Chile-343478338971/?fref=ts" target="_blank"><img id="facebook-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/facebook-blanco.svg"></a> <a href="https://twitter.com/endeavorchile" target="_blank"><img id="twitter-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/twitter-blanco.svg"></a> <a href="https://www.youtube.com/user/endeavorCL" target="_blank"><img id="youtube-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/youtube-blanco.svg"></a> <a href="https://cl.linkedin.com/in/endeavorchile" target="_blank"><img id="linkedin-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/linkedin-blanco.svg"></a> </div> </div> <?php include('includes/prox-evento.php'); ?> </div> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div>
  11. I'm aiming to address all the different devices screens that appear here, that's why i'm using all these specific queries: http://quirktools.com/screenfly/#u=http%3A//feriapixel.cl/cleanway/&w=1920&h=1080&a=4&s=1 What can i do? :c
  12. Now i'm trying to do this, but it won't allow me, the element with class .video doesn't move: @media screen and (width: 900px) and (height: 600px) { .video { top: 200%; } } This is my whole media queries section: @media screen and (max-width: 960px) { .contacto { top: 20%; } } @media screen and (min-width: 1024px) { .lafrase { background-size: cover; } } @media screen and (max-width: 700px) { .contacto { top: 0%; } } @media screen and (width: 900px) and (height: 600px) { .video { top: 200%; } } @media screen and (width: 1024px) and (height: 600px) { .video { top: 100%; } } @media screen and (width: 1024px) and (height: 768px) { .video { top: 80%; } } @media screen and (min-width: 1400px) { .video { top: 70%; } .lafrase { background-repeat: no-repeat; background-size: cover; } }
  13. I leave it like that and now it's working. Thanks. @media screen and (width: 1024px) and (height: 600px) { .video { top: 100%; } } @media screen and (width: 1024px) and (height: 768px) { .video { top: 80%; } }
  14. I'm using the following online tool to test my website responsiveness: http://quirktools.com/screenfly/#u=http%3A//feriapixel.cl/cleanway/&w=1920&h=1080&a=4&s=1 I need to put the video in different positions according to the screen resolution. If the screen resolution is 1024 x 768, i need the video with a top position of 100%. If the screen resolution is 1024 x 600, i need the video with a top position of 80%. The problem is i can't do both things at the same time with media queries. I do this: @media screen and (width: 1024px) , screen and (height: 600px) { .video { top: 100%; } } @media screen and (width: 1024px) , screen and (height: 768px) { .video { top: 80%; } } Both of this rules work individually, but if i try to combine them like in the example above, only the one that is in the bottom is applied. What can i do?
  15. This is my site: http://feriapixel.cl/cleanway/index.php As you can see, if you are using Chrome, it has a video background at the beginning, but when i view it with Firefox, the video doesn't appear at all. This is the HTML and javascript of my video: <video id="my-video" class="video" muted loop> <source src="videos/Clean_Way.mp4" type="video/mp4"> <source src="videos/Clean_Way.webm" type="video/webm"> </video><!-- /video --> <script> (function() { /** * Video element * @type {HTMLElement} */ var video = document.getElementById("my-video"); /** * Check if video can play, and play it */ video.addEventListener( "canplay", function() { video.play(); }); })(); </script> I need to add something for Firefox?