Joomla
Joomla es mi CMS preferido, que permite desarrollar todo sitios web dinámicos e interactivos, una simple web , un blog, una tienda online, lo que se te ocurra se puede hacer con Joomla.
Su nombre es una pronunciación fonética para anglófonos de la palabra swahili jumla, que significa "todos juntos" o "como un todo". Se escogió como una reflexión del compromiso del grupo de desarrolladores Joomla y la comunidad del proyecto.
Es desarrollado principalmente en PHP ,puede ver en este link Requisitos software para cada versión Joomla de la pagina Oficial
Mas información y descarga de la Pagina Oficial.
- Olalla
- Componentes
Joomla - Formulario de Contacto
Joomla trae por defecto el componente de contacto, en el cual podemos crear contactos, clasificarlos por categorias y incluso crear campo para añadir.
Este componente tiene bastante opciones y cosas interesantes con mucho potencial, pero ahora nos vamos centrar en el formulario que podemos mostrar en el Front-End. Un formulario que simplemente configurando en el componente sa se muestra.
Recuerda que el campo de email en un contacto debe tener datos sino el formulario de contacto no se mostrara. No tiene porque mostrarlo, ya que sin él la web no te puede mandar un email diciendo que cubrieron el formulario.. :-)
Los campos que muestrar el formulario son:
- Nombre
- Correo electronico
- Asunto
- Mensaje.
Estos campo por defecto suelen ser suficientes para muchas webs, pero a veces queremos tener mas campos.
Desde la version 3.5 Joomla permite crear campos a mayores en la mayoria de los componentes nativos, por ello en el componente contactos también.
De momento la pruebas que realice creando algún campo en este componente no fui capaz de añadirlos al formulario de forma interactiva.
Necesidad de crear un campo a mayores en el formulario.
Seguramente muchas veces os hizo falta añadir campos a mayores al formulario de contacto que trae joomla por defecto, como por ejemlo : Pedir el telefono a la hora cubrir el formulario.
Hay varios sitios interesantes donde nos indican como hacerlos si tenemos conocimiento de php y html, donde podremos hacer overwrite del componente contactos y ahi empezar desarrollar nuestra imaginacion:
- Añadir mas campos ( Consultoria Innova)
- Añadir campo de telefono a formulario (Foro de Joomla )
- ...
Los ficheros que debemos utilizar ( recuerda hacer overwrite en tu plantilla )
- components\com_contact\views\contact\tmpl\default_form.php ( overwrite plantilla )
- components\com_contact\models\forms\contact.xml ( overwrite plantilla )
- language\es-Es\es-ES.com_contact ( No lo tocaría nunca)
- components\com_contact\controllers\contact.php ( No lo tocaría nunca)
Otras maneras añadir mas campos:
Utilizando extensiones , modulos o plugins de terceros. Os recomiendo que provéis nuestro modulo formulario, desarrollado por nosotros y gratuito, el cual consiste un modulo sencillo con algunos campos mas.
Este modulo lo tenemos operativo en varias web en produccion, donde lo tenemos testeado y con filtros de spam. Cualquier duda o necesidad en este modulo (formulario) comentalo y veremos lo que puede hacer.
Los editores de Joomla nos da la opción de poner Leer Más con facilidad, simplemente pulsando en el icono leer mas que traen por defecto.
Este icono lo que hace realmente es generar el sigiente código:
<hr id="system-readmore"/>
Está facilidad puede ser a veces un problema por los errores que nos puede generar, influyendo el editor que utilicemos en la instalación Joomla, pueden producirse más o menos errores.
Nosotros utilizamos casi siempre el editor JCE , y al utilizar <<leer más >> nos produce errores igualmente, pero aun no encontramos un editor WYSIWYG por eso seguimos utilizandolo.
La cuestión es que casi todos los editores que probamos al introducir el <<leer mas>> si estamos dentro de una etiqueta, esté elimina esa etiqueta, pero si tenemos varias etiquetas anidadas entonces es cuando surge los problemas.
Con esto quiero decir, que no se puede dar a leer mas (introducir el código), cuando estamos dentro de una etiqueta, si lo hacemos y nos queda una etiqueta abierta, el editor continua perfectamente, pero puede hacernos presentaciones estrañas nuestra web.
<< Me imagino que el editor JCE y otros tiene formas de configurar para evitar esto, pero no las conozco >>
Más información sobre <hr>
Está etiqueta de html indica en:
HMTL5 : Ruptura de temática
HMTL 4.01: Representa una regla horizontal...
Ver más info en w3school
Busqué en GOOGLE este error pero no encuentro nada, debe ser por que es muy obvio.
- Olalla
- Joomla
Para recibir formulario de contacto en nuestro email debemos ir a:
Configuracion Global --> Servidores --> Configuracion email (lado derecho abajo)
**En contraseña SMTP , es la contraseña que usas con el correo que pones en Usuario SMTP.
**El servidor de SMTP siempre es mail.xxxx.es , si tubieses un subdominio no lo utilizarias aqui porque con el dominio principal basta!
ej. olalla.svigo.es --> Servidor de SMTP: mail.svigo.es
Si tu página esta en un subdominio:
La configuracion es la misma, tanto si eligen la funcion SMTP como la de mail PHP.
-SMTP: Simple Mail Transfer Protocol, Protocolo para la transferencia simple de correo electrónico. Protocolo de red basado en texto, utilizado para el intercambio de mensajes de correo electrónico entre computadoras u otros dispositivos.
- Olalla
- Editor JCE
JceMediaBox es un plugin del editor JCE que es mi preferido para Joomla, con este plugin podemos generar un ventana emergente estilo "caja de luz". Tanto se puede utilizar con o sin el Editor JCE. Se instala desde el instalador oficial de Joomla.
JCE MediaBox tiene la capacidad de mostrar imágenes, vídeos, en línea y el contenido de iframe en un popup, cargando el contenido y dejando de fondo el anterior. Este plugin incluye 4 temas que emulan los scripts populares tales como la mesa de luz, ShadowBox y Squeezebox y tambien temas personalizados también.
Una vez instalado - Habiilitar y configurar plugin
Una vez instalado en tu joomla no te olvides habilitarlo/publicarlo para que funcione correctamente. ( plugins --> system --> jce mediabox)
Ahí podras configurar el tema, la velocidad desvanecimiento y la velocidad carga, el ancho y el alto del popup, que componente no debe utilizarlo, que puede cargar y monton configuraciones mas.
Para maquetar el popup
Muchas veces utilizamos este plugin para cargar algun articulo o contenido propio de la web, es lo normal.
Muchas veces no pilla el css que tenemos en nuestra plantilla, el motivo que encuentro y creo es que solo carga el contenido y no carga los estilos de css, por lo que suelo forzar la carga de nuestro css.
Ejemplo de usos de JCEMediabox en override virtuemart de detalles de productos.
En nuestro proyecto de superoliva.es que tiene virtuemart en la vista detalle de un producto tiene un link para hacer una pregunta sobre el producto.
En el override de productsdetails/default.php se monta el link:
<?php
$askquestion_url = JRoute::_('index.php?option=com_virtuemart&view=productdetails&task=askquestion&virtuemart_product_id=' . $this->product->virtuemart_product_id . '&virtuemart_category_id=' . $this->product->virtuemart_category_id . '&tmpl=component', FALSE);
?>
<a class="comentario jcepopup noicon" href="/<?php echo $askquestion_url ?>" rel="nofollow" rev="stylesheet1" data-mediabox-width="550" data-mediabox-height="500" data-mediabox-group="stylesheet1"><?php echo vmText::_('COM_VIRTUEMART_PRODUCT_ENQUIRY_LBL') ?></a>
<?php
Los data-mediabox-width="550" y data-meidabox-height="500" indica las medidas del popup.
En el override de askquestion/form.php , que el que carga en popup tenemos que añadirle:
$doc = JFactory::getDocument();
$doc->addStyleSheet(JURI::base(true). '/templates/nuestraplantilla/css/bootstrap.min.css');
$doc->addStyleSheet(JURI::base(true). '/templates/nuestraplantilla/css/custom.css');
Asi de esa forma cargamos el css de nuestra plantilla.
En este mismo ejemplo, una vez cubierto el formulario no carga otro vista de virtuemart, indicando que es correcto: askquestion/mail_confirmed.php, por lo que tenemos que hacer lo mismo en ese fichero, ademas este fichero tiene un button para cerrar el popup, por lo que tuve que crear un script que llame a la funcion del objeto javascript de jcemediabos:
<script>
function cerrar(){
//~ console.log(window.top.jcepopup);
var objeto = window.top.jcepopup;
objeto.closelink.click('Close');
}
</script>
Y el evento de button llamar a la funcion cerrar.
JCE mediabox en item menu
Si necesitada de hacer cambios de codido podemos añadir un item de menu y este se abrá en un popup con JCEMediabox.
Ir a Menu Principal --> item menu deseado y en opciones (derecha)
Debes poner en estilo css enlace: jcepopup como en la imagen siguiente:
Para usarlo en articulos:
Solo debes linkar la palabra o palabras que quieras, con lo que quieras que aparezca.
1. Indicarle url.
2. Ventanas Emergentes:
-
- Tipo de ventana Emergente --> Sistema JCE MediaBox
- Escribes las dimensiones
- Escojes tipo de multimedia: ej. enlaces internos/ajax.
Referencias:
Phoca Gallery es una de las extensiones más populares de Joomla. Es un componente que nos crea Galerias de imagenes y nos permite gestionar facilmente desde el administrador.
Es una extensión GRATUITA, por ello se debería mantener en el pie del componente el Powered by Phoca Gallery, este es motivo por el que los creadores NO nos facilitan de una forma sencilla ( parametros del componente) que podamos quitarlo.
En Soluciones Vigo nos parece muy correcta esa actuación, lo que pasa que no todos los clientes que tenemos tiene la misma forma de pensar, por ello creamos es post para facilitar un método para quitar del pie del componente "Powered by Phoca Gallery ".
Debemos saber que está explicación es para phocagellery 4.xx , para otras versiones puede variar, aunque no mucho, ya que llevamos años trabajando con phocagallery y es muy similar.
QUITANDO "Powered by Phoca Gallery"
Lo primero recomendar hacerlo en overwrite de tu plantilla, no en el componente, ya que cada vez que actualices el componente puede que tengas volver hacerlo.
Hay que quitar una línea en 3 ficheros.
FICHERO 1:
/components/com_phocagallery/views/category/tmpl/default.php
Lo único que debemos hacer es comentar la siguiente línea de código:
echo $ this-> tmpl ['emm'];
Este se eliminará el " Powered by Phoca Gallery "de la categoría imagen página de vista.
En la versión anterior 3.2.1 este código era
"echo $ this-> tmpl ['dsf"];
FICHERO 2:
/components/com_phocagallery/views/categories/tmpl/defaul.php
Volvemos a comentar o eliminar la siguiente línea.
echo PhocaGalleryUtils::footer();
Esto eliminará el " Powered by Phoca Gallery " de la página de lista de categorías.
FICHERO 3:
/components/com_phocagallery/views/cooliris3dwall/tmpl/default.php
El código siguiente lo eliminamos o comentamos:
PhocaGalleryUtils::footer();
Esto eliminará la phoca galería pie vínculo de retroceso de página Cooliris 3D Wall.
Sugiero que si les gusta el componente Phoca Gallery y van quitar sus CREDITOS pues vaya a la pagina del componente y haga una donación.
Joomla nos facilita una capa extracción de la base de datos. En la plataforma de la Api puedes ver muchas funcionalidades. Si los programadores de extensiones utilizan esta capa extracción se aseguran una mayo compatibilidad, ya que joomla permite utilizar distintos sistemas de Base de datos.
Pruebas de consultas ya realizadas en versiones joomla 1.5
Esta pruebas son anotaciones que hicimos ya hace mucho tiempo, utilizando JFactory::getDBO() haciamos una consulta a una tabla de la base de datos Joomla 1.5, pienso que sigue funcionando versiones actuales.
El siguiente ejemplo lo prove en una WEB con Joomla 1.5 :
$db =& JFactory::getDBO();
$query = 'SELECT * FROM `#__nombretable` WHERE nombrecampo = "buscar";
$db->setQuery($query);
$result = $db->loadObjectList();
$cuenta = count($result);
nombretable: es el nombre de la table sin el prefijo que genera automáticamente joomla a la hora instalarlo.
nombrecampo: el nombre del campo queremos hacer comparación de búsqueda..
$result es un array de objetos con campos que tiene la consulta.
Cuento y recorro todo el resultado, un poco así a mi modo.. :-)
for ($i = 0; $i <= count($result); $i++)
{
if ($result[$i]->position = 1)
{
$id2 = $result[0]->campo;
break;
}
}
Bueno , no es lo mas sofisticado pero puede valer.
Bueno, espero que os valga de ejemplo. Lo mas complejo sera hacer la consulta correcta. :-)
Fuentes:
Insertar y modificar datos utilizando JDatabase
- Olalla
- Plantillas
Si estás buscando un PLANTILLA PARA JOOMLA, nosotros te informamos sin compromiso. CONTACTAR con SOLUCIONES VIGO
Visión :
El objetivo es conseguir mostrar el funcionamiento de las plantillas en Joomla. Este manual usuario es para versiones de Joomla 1.6 hasta 3.0, aunque esta ultima cambia la estetica bastante en comparación con las anterires.
La versiones de Joomla 1.5 no tienen todas las fucionalidades de que mostramos.
Hay varios MANUALES DE USUARIO de Joomla:
Hay muchas webs con manuales de uso de Joomla donde explican y muy bien todo el funcionamiento de las plantillas de Joomla, como instalarlas y que funcionalidad tienen, también desde la parte administrativa podras encontrar un icono de ayuda donde nos lleva a a siguiente link, lo explica en ingles , bastante bien.
Pero el principal objetivo de esta entrada es apuntar y aclarar algunas punto que pensamos que son importantes entender.
Duplicar plantilla en el nuevo gestor de plantillas de Joomla.
Como indica en la imagen , el icono que tenemos de duplicar, lo que hace realmente es darnos la opción a tener la misma plantilla pero con selecciones distintas de sus parametros, para poder utilizarlos en alguna de nuestras secciones de la web.
Es algo interesante , y sobre todo muy util sin nuestra plantilla tienes parametros que pueden gustarnos varias opciones para distintas secciones de nuestra plantilla.
Claro esta que la plantilla tiene que tener parametros creandos, sino no tiene sentido está opción de duplicar esa plantilla.
La opción de duplicar plantalla no duplica codigo de plantilla.
Realmente para aquellos usuarios que ya se atreven a cambiar algo de código en las plantillas, pueden llegar a pensar que así tendrían una copia de su plantilla , le recordamos y advertir que está opción no duplica la plantilla realmente, solo duplica el registro en la tabla de la base de datos.
Vea la entrada que tenemos "Crear una version de una plantilla" donde explicamos como duplicar una plantilla en código.
Fuentes y Referencias sobre Joomla 2.5:
Post de Captus: En este post un poco novedades de Joomla 2.5
Otras Referencias de lugares donde puedes descargar plantillas gratis de 2.5
Joomla24.com: Puedes encontrar plantillas para varias versiones joomla.
Joomlaos.com: Donde tanto puedes encontrar plantillas, como extensiones para varias versiones de Joomla
Taringa: Un post donde lista plantillas para joomla 2.5 gratis.
- Olalla
- Componentes
Los componentes Nativos de Joomla:
Nosotros llamamos componentes nativos aquellos componentes que trae por defecto las versiones Joomla, ya que en algunos sitios también llaman nativos a los componentes de terceros que son compatibles en modo legacy, nosotros los llamamos componentes de terceros.
Lista de componentes Nativos para Joomla 1.56
- Olalla
- Joomla
Una de las preguntas frecuentes de clientes es:
¿Como cambiar el texto de "Leer más" en los articulos (com_content) de Joomla?
El texto de "Leer Más.. " en Joomla puede variar en cada articulo según convenga al autor del articulo, ya que es en la "opciones avanzadas" de cada articulo donde se pueden cambiar.