Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : giovanninobike 03 May 2012, 08:58:52
-
Buongiorno a tutti, una domanda probabilmente banale:
Da quale URL del nostro sito, i social network tipo Facebook recuperano la miniatura di anteprima della home page del nostro sito? E' un "percorso" che si può definire?
Quando condivido un articolo non ho dubbi, mi vengono chiaramente proposte le immagini contenute in esso.
http://www.orobicando.it (http://www.orobicando.it)
Grazie.
-
aggiungi questo codice nel template prima del body:
<link rel="image_src" href="http://www.xxxxxxxxxxxxxxxxxxxx" />
dove al posto delle varie x metti il percorso di un immagine che hai nel tuo sito, puoi replicare questo codice più volte con immagini diverse.
solitamente usando un modulo come sharethis o simile te lo fà in automatico ma se uno copia l'indirizzo del tuo sito in fb no quindi torna utile!
-
Grazie, ho provato, ma linkando la home su Facebook per esempio, ottengo 4 miniature selezionabili (ovvero quelle dei miei 4 articoli in home page) ma non questa quinta forzata da template... Ho indicato il percorso comprensivo di nome ed estensione della mia immagine...
-
Solo una domanda, io ho aggiunto la stringa prima di "body" all'interno del file template.css
E' corretto?
-
no devi metterla nel template.php o index.php all'interno della cartella del template da te selezionato all'interno del tag <head> prima del tag body (dovresti accorgetene subito aprendo il file con un editor perchè solitamente ci sono altre diciture link rel...)
una nota, non usare i file png ma solo jpg, non so perchè non li legge!
-
Grazie, scusa ma devi avere molta pazienza:
Ho modificato il file index.php ma apparentemente nulla è cambiato...
<head>
<jdoc:include type="head" />
<link rel="image_src" href="http://www.orobicando.it/images/stories/test.jpg" />
<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 rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/grey.css" type="text/css" />
<!--[if IE 6]>
-
a scusa la formula giusta è questa
<link href="http://www.xxxxxxxxxxxxxx" rel="image_src">
e vanno bene anche i png... -_-' epic fail mio!
-
grazie mille per il tuo aiuto, ma a me non succede nulla agendo sul file index.php...
<head>
<jdoc:include type="head" />
<link href="http://www.orobicando.it/images/stories/test.jpg" rel="image_src">
<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 rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/grey.css" type="text/css" />
-
ma quindi il risolto perchè?
-
ah, comunque per forza così non ti vede niente non c'è niente a questo indirizzo
http://www.orobicando.it/images/stories/test.jpg (http://www.orobicando.it/images/stories/test.jpg)
-
Si, ora non c'è nulla poichè ho fatto alcune prove e quindi cambiato anche il percorso dell'immagine.
Mi sono poi documentato e aggiunto il seguente codice all'interno del file index.php:
</head>
<link href='http://www.orobicando.it/templates/a4joomla-stream-free/orobicando.jpg' rel='image_src' /><body>
Boh, mi è capitato di vedere l'anteprima durante la condivisione, che poi sparisce quando pubblico l'effettivo link...
-
Altra nota: ad ogni modo per vedere almeno la miniatura corretta devo forzare il link così http://www.orobicando.it/index.php
-
Oddio, l'immagine viene forzata ma al contrario: per gli articoli prende quella da me forzata, per la home page no, mi fa scegliere in base al contenuto...
Almeno ho visto che funziona...
-
Ecco il mio codice intero:
<?php // no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$showLeftColumn = (bool) $this->countModules('position-7');
$showRightColumn = (bool) $this->countModules('position-6');
$showRightColumn &= JRequest::getCmd('layout') != 'edit';
$headerType = $this->params->get("headerType","1");
$myimage = $this->params->get("myimage","stream1.jpg");
$myfolder = $this->params->get("myfolder","sampledata");
$duration = $this->params->get("duration","800");
$delay = $this->params->get("delay","4000");
$imageWidth = $this->params->get("imageWidth","950");
$imageHeight = $this->params->get("imageHeight","450");
$forceresize = $this->params->get("forceresize","0");
$showControl = $this->params->get("showControl", "true");
$display = $this->params->get("display","sequence");
$arrowColor = $this->params->get("arrowColor","white");
$frontpagediv="0";
if ($headerType == "0" || $headerType == "1") {
$lang =& JFactory::getLanguage();
$locale = $lang->getTag();
$menu = JSite::getMenu();
if ($menu->getActive() == $menu->getDefault($locale)) {
$frontpagediv="1";
}
} elseif ($headerType == "2" || $headerType == "3") {
$frontpagediv="1";
}
$margin = 30;
$outermargin = 10;
$logoText = $this->params->get("logoText","STREAM");
$slogan = $this->params->get("slogan","Template from a4joomla.com");
$pageWidth = $this->params->get("pageWidth", "980");
$pageWidth = $pageWidth - $outermargin;
$rightColumnWidth = $this->params->get("rightColumnWidth", "190");
$leftColumnWidth = $this->params->get("leftColumnWidth", "190");
$logoWidth = $this->params->get("logoWidth", "300");
$removeBanner = $this->params->get("removeBanner", "No");
$widthdiff = 30;
if ($forceresize == "1") {
$imageHeight = round($imageHeight * ($pageWidth + $outermargin - $widthdiff) / $imageWidth);
$imageWidth = $pageWidth + $outermargin - $widthdiff;
}
$controlPosition = 50 - 2500/$imageHeight;
if($this->countModules('position-0')){
$searchWidth = 170;
} else {
$searchWidth = 0;
}
$searchHeight = 38;
$headerrightWidth = $pageWidth + $outermargin - $logoWidth - 20;
if ($showLeftColumn && $showRightColumn) {
$contentWidth = $pageWidth - $leftColumnWidth - $rightColumnWidth - 3*$margin;
} elseif (!$showLeftColumn && $showRightColumn) {
$contentWidth = $pageWidth - $rightColumnWidth - 2*$margin ;
} elseif ($showLeftColumn && !$showRightColumn) {
$contentWidth = $pageWidth - $leftColumnWidth - 2*$margin ;
} else {
$contentWidth = $pageWidth - $margin ;
}
JHTML::_('behavior.framework', true);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<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 rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/grey.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />
<style type="text/css">
img, div, a, input { behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/iepngfix.htc) }
#search input.inputbox { behavior:none;}
</style>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/iepngfix_tilebg.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie67.css" type="text/css" />
<![endif]-->
<!--[if lte IE 8]>
<style type="text/css">
#search input.inputbox { behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/PIE.php) }
</style>
<![endif]-->
<style type="text/css">
#logo {
width:<?php echo $logoWidth; ?>px;
}
#headerright {
width:<?php echo $headerrightWidth; ?>px;
<?php if($this->countModules('banner') || $removeBanner == "Yes") : ?>
background: none;
<?php endif; ?>
}
#search {
width:<?php echo $searchWidth; ?>px;
height:<?php echo $searchHeight; ?>px;
}
#slideshow-container {
width:<?php echo $pageWidth + $outermargin - $widthdiff; ?>px;
height:<?php echo $imageHeight; ?>px;
}
#slideshow-container img {
width:<?php echo $imageWidth; ?>px;
height:<?php echo $imageHeight; ?>px;
}
#slcontrol {
width:<?php echo $imageWidth; ?>px;
top:<?php echo $controlPosition; ?>%;
}
a#slprev {
background: url("<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/previous-<?php echo $arrowColor; ?>.png") no-repeat scroll left center transparent;
}
a#slnext {
background: url("<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/next-<?php echo $arrowColor; ?>.png") no-repeat scroll right center transparent;
}
</style>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/verysimpleslideshow.js" type="text/javascript"></script>
<?php if (($headerType == "1" || $headerType == "3") && $frontpagediv == "1") : ?>
<script type="text/javascript">
window.addEvent('domready',function() {
var slideshow = new VerySimpleSlideshow({
container: 'slideshow-container',
elements: '#slideshow-container img',
showControls: <?php echo $showControl; ?>,
transDelay: <?php echo $delay; ?>,
transDuration: <?php echo $duration; ?>
});
slideshow.start();
});
</script>
<?php endif; ?>
</head>
<link href='http://www.orobicando.it/templates/a4joomla-stream-free/orobicando.jpg' rel='image_src' />
<body>
<div id="headerwrap" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;">
<div id="header" class="gainlayout">
<div id="logo" class="gainlayout">
<h2><a href="<?php echo JURI::base(); ?>" title="<?php echo htmlspecialchars($logoText); ?>"><?php echo htmlspecialchars($logoText); ?></a></h2>
<h3><?php echo htmlspecialchars($slogan); ?></h3>
<>
<div id="headerright" class="gainlayout">
<?php if($this->countModules('banner')) : ?>
<div id="banner">
<jdoc:include type="modules" name="banner" style="xhtml" />
<>
<?php endif; ?>
<div class="clr"><>
<>
<div class="clr"><>
<>
<>
<div id="allwrap" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;">
<div id="topmenuwrap" class="gainlayout">
<?php if($this->countModules('position-1')) : ?>
<div id="topmenu" class="gainlayout">
<jdoc:include type="modules" name="position-1" style="xhtml" />
<div class="clr"><>
<>
<?php endif; ?>
<?php if($this->countModules('position-0')) : ?>
<div id="search" class="gainlayout">
<jdoc:include type="modules" name="position-0" style="xhtml" />
<div class="clr"><>
<>
<?php endif; ?>
<div class="clr"><>
<>
<?php if ($frontpagediv == "1" && $headerType != "4") {?>
<div id="slideshow-container">
<?php
$imgrootdir = "templates/".$this->template."/images/";
if ($headerType == "0" || $headerType == "2") {
echo '<img src="'.$imgrootdir.$myimage.'" alt="" />';
} elseif ($headerType == "1" || $headerType == "3") {
$picDir= $imgrootdir.$myfolder;
$picDir .="/";
if (file_exists($picDir) && is_readable($picDir)) {
$folder = opendir($picDir);
} else {
echo '<div class="message">Error! Please check the parameter settings and make sure you have entered a valid image folder path!<>';
return;
}
$allowed_types = array("jpg","JPG","jpeg","JPEG","gif","GIF","png","PNG","bmp","BMP");
$index = array();
while ($file = readdir ($folder)) {
if(in_array(substr(strtolower($file), strrpos($file,".") + 1),$allowed_types)) {array_push($index,$file);}
}
closedir($folder);
if($display == 'random') {shuffle($index);} else {sort($index);}
foreach ($index as $file) {
$finalpath = $picDir.$file;
// output
echo '<img src="'.$finalpath.'" alt="'.$file.'" />';
}
if ($showControl) echo '<div id="slcontrol"> <>';
}
?>
<>
<?php } ?>
<div id="wrap" class="gainlayout">
<?php if($this->countModules('position-2')) : ?>
<div id="pathway" class="gainlayout">
<jdoc:include type="modules" name="position-2" />
<div class="clr"><>
<>
<?php endif; ?>
<div id="cbody" class="gainlayout">
<?php if($showLeftColumn) : ?>
<div id="sidebar" style="width:<?php echo $leftColumnWidth; ?>px;">
<jdoc:include type="modules" name="position-7" style="xhtml" />
<>
<?php endif; ?>
<div id="content60" style="width:<?php echo $contentWidth; ?>px;">
<div id="content" class="gainlayout">
<jdoc:include type="message" />
<jdoc:include type="component" />
<>
<>
<?php if($showRightColumn) : ?>
<div id="sidebar-2" style="width:<?php echo $rightColumnWidth; ?>px;">
<jdoc:include type="modules" name="position-6" style="xhtml" />
<>
<?php endif; ?>
<div class="clr"><>
<>
<!--end of wrap-->
<>
<!--end of allwrap-->
<>
<div id="footerwrap" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;">
<div id="footer" class="gainlayout">
<?php if($this->countModules('position-14')) : ?>
<jdoc:include type="modules" name="position-14" style="xhtml" />
<?php endif; ?>
<>
<div id="a4j"><a href="http://a4joomla.com/"><?php echo JText::_('TPL_A4JOOMLA-STREAM-FREE_FOOTER_LINK_TEXT');?></a><>
<>
</body>
</html>
-
il link img src mettilo dentro l'head!
-
ci ho gia provato, come mi avevi detto in origine...
<head>
<jdoc:include type="head" />
<link href='http://www.orobicando.it/templates/a4joomla-stream-free/orobicando.jpg' rel='image_src' />
<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 rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/grey.css" type="text/css" />
-
Mettendolo così la miniatura funziona, ma per tutte le pagine dei contenuti e non per la home page, le cui miniature selezionabili sono 4 poiché la home contiene 4 contenuti con immagine... Vorrei ottenere l'esatto contrario: home immagine forzata, altre pagine dei contenuiti la relativa...
-
Ciao Orobico, complimenti per il sito, mi tornerà molto utile. ;)
Io però aprendo il tuo sito vedo l'immagine per una frazione di secondo e poi viene nascosta dall'immagine (slide).
Però secondo me deve essere previsto un modulo apposta nel body, più che nell'head.
Non so se ho capito bene la tua esigenza, ma sembra la mia che prevedeva un'immagine diversa per pagina e che ho risolto come mi hanno consigliato a questo link
http://forum.joomla.it/index.php/topic,156877.msg701262.html#msg701262
Ciao
-
grazie per il complimento, no la mia esigenza è quella di definire una miniatura predefinita sul link condiviso su facebook, questo però solo per la home page... magari sono io che non ho capito la tua risposta ;)
-
Scusami, ho capito meglio ora la tua necessità. E' cosa diversa dalla mia.
Purtroppo non ti posso essere d'aiuto.
-
guarda se ti può essere utile:
http://fasterindesign.altervista.org/joomla-inserire-il-like-button-ed-ottimizzare-limmagine-per-lanteprima-in-bacheca.html (http://fasterindesign.altervista.org/joomla-inserire-il-like-button-ed-ottimizzare-limmagine-per-lanteprima-in-bacheca.html)
-
domanda, ma non posso fare un tarocco inserendo in home page la mia immagine default senza che nessuno la veda? se lo share va a prendersi le miniature dei contenuti, dovrebbe prendersi anche quella...?
-
mmmm apparte che non credo lo share funzioni esattamente così cmq puoi provare!
-
insomma non ne esco... >:(
-
devo metterlo anchio in alcuni siti, quando procedo ti dico se e come funziona, per ora non posso aiutarti in altro modo!
-
sei stato fin troppo disponibile! grazie