Joomla 3.6 | mobile responsive

Neděle, 20 Listopad 2016 00:00

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

Napsal uživatel Admin22

←Předchozí SSL pro vaše weby na hostingu wedosu		PrestaShop 1.6 \| vylepšení SEO generator Další→

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
- Edit Page Invalidate - Yes
- Mark Caching - Yes
- Autoclean Mode - Medium
- Clean Log - 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

PageSpeed Tools > Insights
https://developers.google.com/speed/pagespeed/insights - pragdj.com
- 99 / 100User Experience
- 69 / 100Speed
Mobile-Friendly Test
https://www.google.com/webmasters/tools/mobile-friendly - pragdj.com
- Awesome! This page is mobile-friendly.

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;    
}

Přidat komentář

JComments