mayo 18, 2024

Documentación de Ofigas

Vistas: 437Vistas: 438
Tiempo de lectura:22 Minuto, 57 Segundo

Documentacion basica de la plantilla Magazin de Plantillas Plus en Blogger

PARA REALIZAR LA INSTALACIÓN, UTILICE EL METODO MANUAL PARA NO TENER PROBLEMAS

  1. Descargar archivos zip desde su cuenta de plantillasplus.com
  2. Decomprima usando la aplicación Winrar o Zip
  3. A continuación, seleccione la carpeta de la plantilla
  4. Seleccione un tipo de archivo para instalar, . xml para que se cargue directamente y el bloc de notas reemplace todo y péguelo en Editar HTML .
  5. Antes de instalar, es una buena idea hacer primero una copia de seguridad de la plantilla anterior.

Menu principal

Esta lista de menu se encuentra en la parte superior derecha del blog, sirve para categorizar o mostrar más opciones a los visitantes, para editar es fácil, Ingrese a la sección DISEÑO ubique el widget Menu Principal y pulse en el icono editar, luego podrá agregar una lista de vínculos con sus respectivos enlaces.

Sub Menu (Desplegable)

Para agregar un sub menu es facil, al igual que para agregar una lista de enlaces del menu principal, agregue una nueva lista y antes de colocar el nombre del menu, con ayuda de su teclado coloque dos guion bajo (_ _) y pulse en guardar.

 

Seccion social y perfil (Blog)

Esta sección sirve para colocar las redes sociales del administrador del blog y solo se va mostrar en la página del BLOG y en las ENTRADAS.

Para editar es fácil, vaya a la sección DISEÑO, ubique el Widget Social y perfil (Blog) y pulse en el icono de Editar, luego coloque el siguiente código modificando las partes esenciales como textos y enlaces.

<div class='mediatop'>
<nav id='menu'>
<ul>
<li><a href='/'><i class='fab fa-facebook-f'></i><span>facebook</span></a></li>
<li><a href='#'><i class='fab fa-twitter'></i><span>twitter</span></a></li>
<li><a href='#'><i class='fab fa-instagram'></i><span>instagram</span></a></li>
<li><a href='#'><i class='fab fa-whatsapp'></i><span>WhatsApp</span></a></li>
</ul>
</nav>
</div>
<div class='dropdown-button'>
      <div class='profilemg'><img alt='' class='lazyload gs-blur' data-src="https://plantillasplus.com/storage/avatars/929.png"/></div>

<span><span class='text'>Autor:</span> Pantillas Plus</span></div>
<div class='dropdown-container'><div class='dropdown-content'>
<nav>
<ul>
<li><a href='#' title=''><i class='fas fa-blog'></i><span>Mi Blog</span></a></li>
<li><a href='#' title='mediatop'><i class='fas fa-user-circle'></i><span>Mi Perfil</span></a></li>
<li><a href='#' title=''><i class='fas fa-sitemap'></i><span>Contacto</span></a></li>
</ul>
</nav>
</div>
<div class='medias'/>
</div></div>

 

Información web (Bienvenido)

Esta sección es una diapositiva dinámica que muestra a los usuarios sobre qué es lo que se ofrece en la página, lo puede modificar en la sección DISEÑO ubicando el Widget Información web, luego modifique los textos sin tocar ningun codigo.

<h2>Plataforma web <span class="bm-normal">para:</span>
<span class="word">Aplicaciones.</span>
<span class="word">Empresas.</span>
<span class="word">Digitales.</span>
<span class="word">Marketing.</span>
<span class="word">Servicios.</span></h2>
<p>Incluso en los momentos más inciertos,  lo mantiene conectado con los clientes.</p>
<div class='gs-btn'>
<a href='#'><i aria-hidden='true' class='fab fa-google-play'></i>Descargar App</a>
<a href='#'><i aria-hidden='true' class='fas fa-clipboard-list'></i>Conocer Mas</a>
</div>

Información de la imagen

Esta sección lo puede editar desde DISEÑO, ubicando el Widget Información de la imagen, donde tiene que ingresar el enlace de una imagen adecuada el cual aparecerá al principio del blog.

Tamaño recomendado para esta imagen (792 x 500)

Secciones de servicios

Esta sección detalla los servicios que la página web ofrece, el cual se conforma por 6 widgets que simplemente se pueden configurar desde la sección DISEÑO, el código a colocar es el siguiente.

<div class='service_content'>
<i aria-hidden='true' class='fab fa-sketch'></i>
<h4>Impresionante diseño</h4>
<p>Genere confianza con los clientes potenciales, deleite a los clientes existentes y aumente la eficiencia</p>
</div>

Seccion Texto y video

Esta seccion tambien es editable desde la sección DISEÑO, para insertar el video, simplemente coloque el ID de YouTube y la imagen que se va visualizar al inicio.

<div class='youtube' data-embed='2BIV949MdT8'>
 <div class='play-button'><i class="far fa-play"></i><div class="ripple"></div></div>
<img alt='' class='lazyload gs-blur' data-src='https://1.bp.blogspot.com/-M_csmWvc0Lo/YEgNW0O80gI/AAAAAAAAAuo/-N5Ep787XT4tHC3X4jwiLXEY-Fe1nDowwCLcBGAsYHQ/s16000/video-img.jpg'/>
 </div>

Características y lista de características

Esta sección muestra las características de la pagina, y tambien es modificable desde la sección DISEÑO

<div class='info-content'>
                <!-- /feature left content -->
                    <div class='gs-right'>
                      <div class='gs-feature-list slideone s2-grean wow fadeInUp' data-wow-delay='0s'>
                                    <div class='icon-list text-center relative-position'><i aria-hidden='true' class='fab fa-codepen'></i></div>
                                    <div class='gs-text headline-list content-list'>
                                        <h4>integraciones</h4>
                                        <p>Cree documentos de ventas sorprendentes y efectivos con un tema y una plantilla diseñados a medida.</p>
                                    </div>
                                </div>
                      <div class='gs-feature-list slidetwo s2-grean wow fadeInUp' data-wow-delay='0.2s'>
                                    <div class='icon-list text-center relative-position'><i aria-hidden='true' class='fas fa-pen-square'></i></div>
                                    <div class='gs-text headline-list content-list'>
                                        <h4>Marketing</h4>
                                        <p>Cree documentos de ventas sorprendentes y efectivos con un tema y una plantilla diseñados a medida.</p>
                                    </div>
                                </div>
                      <div class='gs-feature-list slidetree s2-grean wow fadeInUp' data-wow-delay='0.3s'>
                                    <div class='icon-list text-center relative-position'><i aria-hidden='true' class='fas fa-headphones'></i></div>
                                    <div class='gs-text headline-list content-list'>
                                        <h4>Soporte dedicado</h4>
                                        <p>Cree documentos de ventas sorprendentes y efectivos con un tema y una plantilla diseñados a medida.</p>
                                    </div>
                                </div>
          </div>
    </div>

Datos estadísticos

Aqui se muestra los datos estadísticos de la pagina web el cual también es editable desde la sección diseño.

<div class='section-title text-center'>
<p>Intentamos hacer un producto de muy alta calidad, por lo que nuestro código es muy limpio y ordenado. Cualquiera podría mejorar y modificar la plantilla a su gusto.</p>
</div>

<div class='box-counter text-center'>
  <div class='counter wow fadeInRight' data-wow-delay='0ms' data-wow-duration='1500ms'>
    <div class='counter-content'>
<i class='fas fa-user-graduate'></i>
<div class='counter-shadow'></div>
</div>
<h5 class='counter-number'>
      <span class='counter-timer' data-from='0' data-to='252'>252</span></h5>
    <h5 class='counter-title'>Usuarios</h5>
  </div>
   <div class='counter active wow fadeInRight' data-wow-delay='300ms' data-wow-duration='1500ms'>
    <div class='counter-content'>
<i class='fas fa-cloud-download-alt'></i>
<div class='counter-shadow'></div>
</div>
<h5 class='counter-number'>
      <span class='counter-timer' data-from='0' data-to='859'>859</span></h5>
    <h5 class='counter-title'>Descargas</h5>
  </div>
           
            <div class='counter wow fadeInRight' data-wow-delay='600ms' data-wow-duration='1500ms'>
    <div class='counter-content'>
<i class='fab fa-accusoft'></i>
<div class='counter-shadow'></div>
</div>
<h5 class='counter-number'>
      <span class='counter-timer' data-from='0' data-to='1203'>1203</span></h5>
    <h5 class='counter-title'>Sitios</h5>
  </div>
           
            <div class='counter wow fadeInRight' data-wow-delay='900ms' data-wow-duration='1500ms'>
    <div class='counter-content'>
<i class='fad fa-layer-group'></i>
<div class='counter-shadow'></div>
</div>
<h5 class='counter-number'>
      <span class='counter-timer' data-from='0' data-to='453'>453</span></h5>
    <h5 class='counter-title'>Apoyos</h5>
  </div>
           
           
</div>

Equipo de apoyo

Esta seccion tambien es editable desde la seccion DISEÑO, y muestra el equipo de apoyo de la pagina web el cual se presenta mediante un carrusel de contenido.

<div class='gs-team owl-carousel' id='gsnavi'>
<div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='0ms' data-wow-duration='1500ms'>
<div class='gsteam-img'>
<img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-4lIIPqSLlJ8/YEgPRAlcf_I/AAAAAAAAAvU/RTrMYtpeRQ8fiDXANWxP0ufNwUilJHl2wCLcBGAsYHQ/s0/team1.jpg"/>
</div>
<div class='gscontent-wrap'>
<div class='gs-name headline-list'>
<h4>Kathy Matthews</h4>
<span class='gs-position'>Desarrollador</span>
<div class='gs-contact'>
<span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
<span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
</div>
</div>

<div class='gsteam-media ul-li-block'>
<ul>
<li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
</ul>
<div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
</div>
</div>
</div>
  
<div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='300ms' data-wow-duration='1500ms'>
<div class='gsteam-img'>
<img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-jgFzsjuPY58/YEgPRHacOjI/AAAAAAAAAvQ/kvyF8arjKYsmQ3_QuTQ5fj5Humn6XKGbwCLcBGAsYHQ/s0/team2.jpg"/>
</div>
<div class='gscontent-wrap'>
<div class='gs-name headline-list'>
<h4>Joanne McCartney</h4>
<span class='gs-position'>Desarrollador</span>
<div class='gs-contact'>
<span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
<span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
</div>
</div>

<div class='gsteam-media ul-li-block'>
<ul>
<li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
</ul>
<div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
</div>
</div>
</div>
  
<div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='600ms' data-wow-duration='1500ms'>
<div class='gsteam-img'>
<img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-WFILOy3A8O8/YEgPRIsMvVI/AAAAAAAAAvM/dmnUQF2CvuwXMgwAU_UwQGhoPXVJ1o4pwCLcBGAsYHQ/s0/team3.jpg"/>
</div>
<div class='gscontent-wrap'>
<div class='gs-name headline-list'>
<h4>Lany Jheny</h4>
<span class='gs-position'>Desarrollador</span>
<div class='gs-contact'>
<span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
<span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
</div>
</div>

<div class='gsteam-media ul-li-block'>
<ul>
<li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
</ul>
<div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
</div>
</div>
</div>
  
<div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='900ms' data-wow-duration='1500ms'>
<div class='gsteam-img'>
<img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-3KUY_KGUId0/YEgPR3JNj5I/AAAAAAAAAvY/ezOAHQZe32wQIK3U6NnJ7TgnTdyD9zx4gCLcBGAsYHQ/s0/team4.jpg"/>
</div>
<div class='gscontent-wrap'>
<div class='gs-name headline-list'>
<h4>Niall Colling</h4>
<span class='gs-position'>Desarrollador</span>
<div class='gs-contact'>
<span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
<span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
</div>
</div>

<div class='gsteam-media ul-li-block'>
<ul>
<li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
</ul>
<div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
</div>
</div>
</div>
  
<div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='0ms' data-wow-duration='1500ms'>
<div class='gsteam-img'>
<img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-o8DPgHyUTVs/YEgPSKFGF3I/AAAAAAAAAvc/6lJLQg_22ictzsk6i9-qqhNi1XHmM4-7wCLcBGAsYHQ/s16000/team5.jpg"/>
</div>
<div class='gscontent-wrap'>
<div class='gs-name headline-list'>
<h4>Mark Anthony</h4>
<span class='gs-position'>Desarrollador</span>
<div class='gs-contact'>
<span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
<span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
</div>
</div>

<div class='gsteam-media ul-li-block'>
<ul>
<li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
<li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
</ul>
<div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
</div>
</div>
</div>
</div>

Preguntas y respuestas

En esta sección se va mostrar las preguntas y respuestas más frecuentes que tengan los usuarios sobre la página web, que tambien es modificable desde la sección DISEÑO.

<div class='accordion animation1 wow fadeInUp' data-wow-delay='0s'>
<div class='accordion-item active'>
<div class='accordion-header'>01. ¿Cómo puedo descargar la aplicación?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
<div class='accordion-item'>
<div class='accordion-header'>02. ¿Cómo puedo instalar la aplicación?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
<div class='accordion-item'>
<div class='accordion-header'>03. ¿Cómo puedo actualizar mi plan actual?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
<div class='accordion-item'>
<div class='accordion-header'>04. ¿Cómo puedo activar las funciones de la aplicación?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
   
<div class='accordion animation2 wow fadeInUp' data-wow-delay='0.2s'>
<div class='accordion-item active'>
<div class='accordion-header'>05. ¿Cómo puedo descargar la aplicación?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
<div class='accordion-item'>
<div class='accordion-header'>06. ¿Cómo puedo instalar la aplicación?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
<div class='accordion-item'>
<div class='accordion-header'>07. ¿Cómo puedo actualizar mi plan actual?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
<div class='accordion-item'>
<div class='accordion-header'>08. ¿Cómo puedo activar las funciones de la aplicación?</div>
<div class='accordion-body'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>

Planes de precios

En esta sección se muestra los precios sobre el o los servicios que la pagina web ofrezca a sus clientes, que también es editable desde la sección DISEÑO.

<div class='pricing-list'>
<p>Cree plantillas de correo electrónico para usted.</p>
<ul>
<li><i class='far fa-check'></i>Aplicación moderna</li>
<li><i class='far fa-check'></i>Aplicación moderna</li>
<li><i class='far fa-check'></i>Aplicación moderna</li>
<li><i class='fal times fa-times'></i>Aplicación moderna</li>
<li><i class='fal times fa-times'></i>Aplicación moderna</li>
<li><i class='fal times fa-times'></i>Aplicación moderna</li>
<li><i class='fal times fa-times'></i>Aplicación moderna</li>
</ul>
  <div class="id-price">
    <span class="bold-price">$5</span>
    <span class="supsub">
      <sup>Por usuario</sup>
      <sup>Por mes</sup>
    </span>
  </div>
  
  <div class="gs-btn text-center">
<a class="goom_btn1" href="#"><i aria-hidden="true" class="fas fa-cloud-download-alt"></i>Contratar</a>
</div>
  
  </div>

Anuncios de las entradas del Blog

La página web también tiene la sección de su propio Blog, este se crea al publicar una entrada, donde los anuncios de las entradas se mostrarán automáticamente dentro de cada dos o tres párrafos de los textos.

Tabla de contenidos de las entradas (títulos)

Para agregar esta tabla de contenido primero debe colocar títulos o subtítulos en la parte de redacción de la entrada de su blog, posteriormente debe colocar el código siguiente en el lugar donde desea que se muestre la tabla de contenido.

<div id="toc"><b class="toc"></b></div>

 

 

Seccion CHAT WHATSAPP

Esta sección sirve para enviar mensajes directamente a WhatsApp ya que esta creado con un script con la funcionalidad de que los usuarios puedan escribir a soporte de la plantilla con sus datos personales, para poder editar esta sección, vaya a DISEÑO y ubique el widget Configuración de la plantilla, donde debe modificar el número de WhatsApp, el asunto y el mensaje predeterminado.

<script>
//<![CDATA[
/* Configuración del formulario de WhatsApp */
var area_code =51,
wa_number =982109688,
gs_admin ='Plantillas Plus',
gs_email ='Correo:',
gs_name ='Mi Nombre es:',
gs_want= 'Quiero',
gs_asking='Consultar',
gs_message = 'Hola';
//]]>
</script>

Sugerencias

Algunos textos y encabezados son editables desde la sección TEMA HTML, por lo tanto será necesario ingresar al Editor HTML y buscar con textos para poder encontrar el código y modificar.

SOPORTE

El soporte está permitido sólo cuando adquiere la plantilla en su Versión Extendida, donde podemos ayudarle con la Instalación, Agregar más Widgets, Crear más secciones, Personalizar las colores, Crear códigos para las entradas como botones, cuadros, tablas, entre otros.

En el caso que si tiene alguna consulta sobre la plantilla, puede escribirnos enviando su un mensaje a soporte, donde encantados le ayudaremos con sus dudas y consultas

Si tiene algún reclamo o recomendación, no dude en escribirnos.

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
100 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *