Home Blog SEO Joomla 3.6 | mobile responsive

Joomla 3.6 | mobile responsive

Popis: Joomla 3.6.4 Mobile frendly použité pluginy, moduly, template, komponenty a jejich nastavení, Google test
Klíčová slova: redponsive, pluginy, moduly, template, free
Hits: 1876
Hodnocení uživatelů: / 1
NejhoršíNejlepší 
Blog - SEO
Napsal uživatel Admin   
Neděle, 20 Listopad 2016 00:00

464-2016-11-19-ingights-praguedjcom-index

Joomla 3.6.4 Mobile frendly

použité pluginy, moduly, template, komponenty a jejich nastavení

  • plg_ mod_ tpl_ použito mobilní template (jianbo.zhu@gmail.com
    http://nhuang.com">nhuang
    ) 464-pkg_mobiletemplate1.2.zip
    • vytvořeno mobilní menu a modul mobilní nabídky
    • modul nabídky zavěšen na pozici mobile_nav
    • povolen plugin
  • plg_ JCH cache optimizer (Version 5.0.5), free
    • karta basic options - Combine CSS and javascript files
      • enable - Ano
      • Automatic - Ne
      • HTML minification level - Basic
      • Use url rerite - Yes - (withou Options + Foll...
      • Use try-catch - Ne
      • Litefime (days) - 1
    • karta basic options - Miscellaneous Settings
    • karta basic options - Automatic Settings Group -Automatic Basic Settings
      • Combine CSS Files - Ano
      • Combine JavaScript Files - Ne
      • GZip JavaScript and CSS - Ano
      •  Minify CSS - Ano
      • Defer javascript - Ne
      • Manage combined files - Place javascript at bottom
    • karta basic options - Automatic Settings Group - Automatic Exclude Settings
    • karta Exclude - nic
    • karta Free Feature
      • Sprite Generator - vše Ne
  • com_ JOT Cache 5.2.1, free
    • exclude URL
      • com_ajax
      • com_content - el_mcal_year=2015,el_mcal_year=2016,el_mcal_year=2014
      • com_jem - main_page=index,main_page=product_info,main_page=rss_feed,
        main_page=product_reviews_write,tmpl=component,print=1,
        el_mcal_year=2015,el_mcal_year=2016,el_mcal_year=2014,ui=mobile
      • com_redj
      • com_search
      • com_xmap
  • plg_jotcache
    • karta Plugin
      • Browser caching(see popup!) - Ne
      • Cache Lifetime - 180
      • Extra Cache Lifetimes - No
      • - Yes
      • Mark Caching - Yes
      • Autoclean Mode - Medium
      • -  No
      • Global URL Exclusion
        main_page=popup_image, main_page=popup_image_additional, main_page=featured_products,
        main_page=discount_coupon,main_page=conditions, main_page=products_all, main_page=contact_us,main_page=tell_a_friend, main_page=login,main_page=,
    • karta Cache Operation Modes
      • Chrome, Firexox, IE 6.0-11.0, Safari, Other Desktops - Common
      • Ipad, IPhone, Other Tablets, Other Phones - Individual
      • Bots Exclude - No
      •  JS & CSS Integration - JHC Optimize
      • systémové pluginy podle řazení - konec, Y-enable, N-disable
      • Y System - Mobile Template system mobiletemplate Public 10055
        Y Systém - SEF system sef Public 429
        Y System - JCH Optimize system jch_optimize Public 10074
        Y System - Google Analytics system GoogleAnalytics Public 10052
        N System - Mezipaměť system cache Public 424
        Y JotCache system jotcache Public 10068
      •  systém globální nastavení - systém - Mezipaměť - Vypnuto - ukládání je zakázáno
    • Google kontrola

      upravované soubory pro správnou funkci menu a javaskriptu

      • menu je generováno
        • /templates/mobiletemplate/index.php řádek 46 <a href="#menu"></a>
      • javaskript v Joomla mobile template je nahráván v /templates/mobiletemplate/blocks/head.php
        (defaultní template může přidání javaskriptu mít např v ř.204 /libraries/joomla/document/renderer/html/head.php

        // Generate stylesheet declarations
        foreach ($document->_style as $type => $content)
        

        nebo přímo zapsat v index.php template , např v /templates/protostar/index.php

        • linky na javaskrip se originálně generují v knihovně Joomla
          v souboru Joomla CMS /libraries/joomla/document/html/renderer/head.php
          v mobilnim template se tento soubor nenačítá načítá se naříklad /templates/mobiletemplate/blocks/head.php
          Soubor /libraries/joomla/document/html/renderer/head.php lze dodatečně přidat na řádku 9 <jdoc:include type="head" /> tím se načte většina tagů a skriptů, ale některé skripty potřebné pro vyskakovací menu mobilní template nějak (nevím jak) asi je blokovaný, proto
          přidat javaskript řádek 25,26,30,36 a a komentovat 39 a 41

      <?php
      // no direct access
      defined( '_JEXEC' ) or die( 'Restricted access' );
      $submenu_type = $this->params->get('submenu_type','0');
      ?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
        <!-- tcl add -->
        <jdoc:include type="head" />
      
        <link rel="stylesheet" href="/<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
      <link rel="stylesheet" href="/<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
      <link type="text/css" rel="stylesheet" href="/<?php echo $this->baseurl;?>/templates/mobiletemplate/css/docs.css" />
      <link type="text/css" rel="stylesheet" href="/<?php echo $this->baseurl;?>/templates/mobiletemplate/css/jquery.mmenu.css" />
      <style type="text/css">
        .mm-ismenu
        {
        background: <?php echo $this->params->get('tpl_color','#333');?>;
        }
        #header,.header, #footer{
        background: <?php echo $this->params->get('tpl_header_color','#555');?>;
        }
      </style>
      <!-- nove skripty v mobile template kvuli funkci menu a souhlasu s podminkami - cookies -->
          <script src="/components/com_jcomments/js/jcomments-v2.3.js?v=12" type="text/javascript" async="async"></script>
          <script src="/components/com_jcomments/libraries/joomlatune/ajax.js?v=4" type="text/javascript" async="async"></script>
      <!--     <script src="/media/system/js/mootools-core.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!--     <script src="/media/system/js/core.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!--     <script src="/media/system/js/mootools-more.js" type="text/javascript"></script> -->
          <script src="/media/system/js/modal.js" type="text/javascript" ></script>
      <!--     <script src="/media/jui/js/jquery.min.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!--     <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!--     <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!--     <script src="/media/jui/js/bootstrap.min.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!--     <script src="/templates/protostar/js/template.js" type="text/javascript" defer="defer" async="async"></script> -->
          <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
      <!--     <script src="/media/system/js/html5fallback.js" type="text/javascript" defer="defer" async="async"></script> -->
      <!-- puvodni scripty v moble template -->
      <!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> -->
      <script type="text/javascript" src="/<?php echo '<a href="http://'.$_SERVER">http://'.$_SERVER</a>['SERVER_NAME'].'/templates/mobiletemplate/js/jquery.mmenu.min.js';?>" ></script>
      <!-- <script language="javascript" type="text/javascript">jQuery.noConflict();</script> -->
      <!-- skript pro menu -->
      <script type="text/javascript">
      jQuery(function() {
        jQuery('nav').mmenu({
        <?php if($submenu_type ==1) echo 'slidingSubmenus: false';?>
        });
      });
      </script>
      </head><br style="margin-left: 30px;" />

      Adsense se nezobrazuje

      pokud se adsense nezobrazuje, vůbec - ani jako bílá či jiná plocha bez reklamy, nejspíš je nastaven styl v některém z místních souborů .css pro .adsbygoogle. Zakomentujte jej. /mobiletemplate/css/docs.css na řádku 104

      Zobrazení doplňujících informaci pro mod_cookiesaccept

      jde o bublinu co vyskočí po zmáčknutí - dozvědět se více při akceptaci podmínek weby
      níže původní #ca_info zakomentováno

      /*#ca_info {
          background: #fff;
          height: 304px;
          left: 50%;
          margin-left: -350px;
          margin-top: -182px;
          margin-bottom:20px;
          position: fixed;
          top: 50%;
          width: 700px;
          box-shadow:0 0 40px #444;
          z-index:16777271;
          padding:30px;
          box-sizing:border-box;
          display:none;
          border:1px solid #999999
          text-shadow:none;
      }*/
      
      /* tcl */
      #ca_info {
          background: #fff none repeat scroll 0 0;
          box-shadow: 0 0 40px #444;
          box-sizing: border-box;
          display: none;
          height: 100px;
          right: 10%;
          padding: 10px 20px;
          position: fixed;
          bottom: 10%;
          width: 250px;
          z-index: 16777271;    
      }

Aktualizováno Pondělí, 06 Únor 2017 20:18