phplist 3.5: Instalación

wget https://sourceforge.net/projects/phplist/files/phplist/3.5.6/phplist-3.5.6.tgz
  • lo descomplimimos
tar -xvzf phplist-3.5.6.tgz
  • Renombramos la carpeta
mv phplist-3.5.6 comunicados.siua.ac.cr
  • Le damos permisos
chmod 777 -R /var/www/html/Sistemas/comunicados.siua.ac.cr
DirectoryIndex index.php index.html
  • Creamos el archivo
nano /etc/apache2/sites-available/comunicados.siua.ac.cr.conf
  • Agregamos
<VirtualHost *:80>

    #************************************************************************
    #******************* DATOS DEL SITIO WEB ********************************
    #************************************************************************
    ServerName comunicados.siua.ac.cr
    ServerAlias www.comunicados.siua.ac.cr
    ErrorLog /var/log/apache2/comunicados_80.siua.ac.cr-error.log
    CustomLog /var/log/apache2/comunicados_80.siua.ac.cr-access.log common

    #************************************************************************
    #********************** DATOS DEL WEBMASTER *****************************
    #************************************************************************
    ServerAdmin interuniversitariadealajuela@gmail.com
    Header add Author "Unidad de Gestion e Innovacion Tecnologica"

    #************************************************************************
    #********************* DATOS DEL REDIRECIONAMIENTO **********************
    #************************************************************************
    RedirectMatch permanent ^/(.*) https://comunicados.siua.ac.cr/$1


    #************************************************************************
    #************************* DATOS DEL SITIO WEB **************************
    #************************************************************************
    DocumentRoot /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/
    DirectoryIndex index.php index.html

</VirtualHost>
  • Creamos el host virtual SSL
nano /etc/apache2/sites-available/comunicados.siua.ac.cr-le-ssl.conf
  • Agregamos
<IfModule mod_ssl.c>

   #************************************************************************
   #HTTPS://www.comunicados.siua.ac.cr
   #************************************************************************
   <VirtualHost *:443>
        ServerName www.comunicados.siua.ac.cr
        RedirectMatch permanent ^/(.*) https://comunicados.siua.ac.cr/$1
        #************************************************************************
        #*************************** DATOS DEL CERTIFICADO **********************
        #************************************************************************
        SSLEngine on
        SSLCertificateFile /etc/apache2/certificados/comunicados.siua.ac.cr/fullchain.pem
        SSLCertificateKeyFile /etc/apache2/certificados/comunicados.siua.ac.cr/privkey.pem
   </VirtualHost>

   #************************************************************************
   #HTTPS://comunicados.siua.ac.cr
   #************************************************************************
   <VirtualHost *:443>

        #************************************************************************
        #******************* DATOS DEL SITIO WEB ********************************
        #************************************************************************
        ServerName comunicados.siua.ac.cr
        ErrorLog /var/log/apache2/comunicados_443.siua.ac.cr-error.log
        CustomLog /var/log/apache2/comunicados_443.siua.ac.cr-access.log common

        #************************************************************************
        #********************** DATOS DEL WEBMASTER *****************************
        #************************************************************************
        ServerAdmin interuniversitariadealajuela@gmail.com
        Header add Author "Unidad de Gestion e Innovacion Tecnologica"


        #************************************************************************
        #************************** DATOS DEL CERTIFICADO ***********************
        #************************************************************************
        SSLEngine on
        SSLCertificateFile /etc/apache2/certificados/comunicados.siua.ac.cr/fullchain.pem
        SSLCertificateKeyFile /etc/apache2/certificados/comunicados.siua.ac.cr/privkey.pem
 #************************************************************************
        #************************** DATOS DEL SITIO WEB *************************
        #************************************************************************
        DocumentRoot /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/
        DirectoryIndex index.php index.html

  </VirtualHost>
</IfModule>
  • Notar la línea
DirectoryIndex index.php index.html
  • habilitamos los sitios
a2ensite comunicados.siua.ac.cr.conf
a2ensite comunicados.siua.ac.cr-le-ssl.conf
systemctl reload apache2
  • Creamos una base de datos en Workbench
  • Modificamos el archivos de configuración
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/config/config.php
  • Modificamos
--------------------------------------------------
CONEXION BD
--------------------------------------------------
// what is your Mysql database server hostname
$database_host = 'mysqlp.siua.ac.cr';
// what is the name of the database we are using
$database_name = 'bd_sis_phplist_siua';
// what user has access to this database
$database_user = 'remoto';
// and what is the password to login to control the database
$database_password = 'RB0';

--------------------------------------------------
DATOS DE CORREO SMTP
--------------------------------------------------
define('PHPMAILERHOST', 'correo.siua.ac.cr');

$phpmailer_smtpuser = 'comunicados@siua.ac.cr';
$phpmailer_smtppassword = 'CoA2';
define("PHPMAILERPORT",'25');
define("PHPMAILER_SECURE",'tls');

$phpmailer_smtpoptions = array(
    'ssl' => array(
        'verify_peer' => false,
        'verify_peer_name' => false,
        'allow_self_signed' => true
    )
);

--------------------------------------------------
QUITAR PRUEBA
--------------------------------------------------
define('TEST', 0);

--------------------------------------------------
IDIOMA
--------------------------------------------------
$default_system_language = "es";

--------------------------------------------------
RUTA
--------------------------------------------------
$pageroot = '/';
  • Completamos
  • Para corregir el error (esto se corrigio al agregar $pageroot = ‘/’; en ela archivo de configuración )
The pageroot in your config "/lists" does not match the current location "". Check your config file. 
  • Esto es por que en el archivo config_extended.php la variable $pageroot = ‘/lists’; a punta a /list, pero en nuestro hostvirtual ya le dimo esta ruta por tanto abrimos el archivo config.php y agregamos
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/config/config.php
  • Agregamos
$pageroot = '/';
  • ahora para que se envíen 450 por hora
  • Abrimos
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/config/config_extended.php
  • Modificamos
define('MAILQUEUE_THROTTLE', 0);
X
define('MAILQUEUE_THROTTLE', 8);         // cada 8 segundos enviará 1 email

Actualizamos el idioma

Configurar cron

  • Instalamos
apt install php7.4-cli
  • Ahora agregamos el cron
crontab -e
  • Agregamos un cron para que corra cada minuto
* * * * * /usr/bin/php /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/admin/index.php -c /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/config/config.php -p processqueue
  • Ahora le indicamos a phplist que unos links desapareceran
  • Abra el archivo
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/config/config.php
  • Y agregue
define ("MANUALLY_PROCESS_BOUNCES",0);
define ("MANUALLY_PROCESS_QUEUE",0);

Configuración

  • Logotipo y url de la empresa config->Configuración

  • Modificamos configuración de reportes
  • Modificamos la configuración de la campaña
  • Pie de página por defecto para el envío de una campaña
--

    <div class="footer" style="text-align:left; font-size: 75%;">
      <p>This message was sent to [EMAIL] by [FROMEMAIL].</p>
      <p>To forward this message, please do not use the forward button of your email application, because this message was made specifically for you only. Instead use the <a href="[FORWARDURL]">forward page</a> in our newsletter system.<br/>
      To change your details and to choose which lists to be subscribed to, visit your personal <a href="[PREFERENCESURL]">preferences page</a>.<br/>
      Or you can <a href="[UNSUBSCRIBEURL]">opt-out completely</a> from all future mailings.</p>
    </div>


X


<div class="footer" style="text-align:center; font-size: 14px;background-color:#007cc3; color:#FFF; padding:10px;">
   <p style="color:#FFF">Este mensaje fue enviado a <a style="color:#ffff00; text-decoration: none; " href="mailto:[EMAIL]" target="_blank">[EMAIL]</a> por <a style="color:#ffff00; text-decoration: none; " href="mailto:[FROMEMAIL]"  target="_blank">[FROMEMAIL]</a>.</p>
   <p style="color:#FFF">Para reenviar este mensaje, no use el botón de reenvío de su aplicación de correo electrónico, porque este mensaje fue creado específicamente para usted. En su lugar, utilice la <a  style="color:#ffff00; text-decoration: none; "  href="[FORWARDURL]">página de reenvío</a> de nuestro sistema de boletines.
   <br/>
   Para cambiar sus datos y elegir a qué listas suscribirse, visite su <a  style="color:#ffff00; text-decoration: none; "  href="[PREFERENCESURL]">página de preferencias personal</a>.
   <br/>
   O puede <a  style="color:#ffff00; text-decoration: none; "  href="[UNSUBSCRIBEURL]">excluirse completamente</a> de todos los envíos futuros</p>
   <div style="text-aling:center;">
      <img src="[LOGO]" />
   </div>
</div>
  • Pie de página usado cuando un mensaje ha sido reenviado
     <div class="footer" style="text-align:left; font-size: 75%;">
      <p>This message has been forwarded to you by [FORWARDEDBY].</p>
      <p>You have not been automatically subscribed to this newsletter.</p>
      <p>If you think this newsletter may interest you, you can <a href="[SUBSCRIBEURL]">Subscribe</a> and you will receive our next newsletter directly to your inbox.</p>
      <p>You can also <a href="[BLACKLISTURL]">opt out completely</a> from receiving any further email from our newsletter application, phpList.</p>
    </div>
  

X

<div class="footer" style="text-align:center; font-size: 14px;background-color:#007cc3; color:#FFF; padding:10px;">
<p style="color:#FFF">Este mensaje le ha sido reenviado por  <a style="color:#ffff00; text-decoration: none; " href="mailto:[FORWARDEDBY]" target="_blank">[FORWARDEDBY]</a>.</p>
<p style="color:#FFF">Usted no se encuentra suscritos automáticamente a este boletín.</p>
<p>Si cree que este boletín puede interesarle, puede <a style="color:#ffff00; text-decoration: none; "  href="[SUBSCRIBEURL]"  target="_blank">suscribirse</a> y recibirá nuestro próximo boletín directamente en su bandeja de entrada de su correo.</p>
<p>También puede <a style="color:#ffff00; text-decoration: none; "     target="_blank" href="[BLACKLISTURL]">excluirse completamente</a> de recibir más correos electrónicos de nuestra aplicación de boletín, SIUA.</p>
</div>
  
  • En la configuracion transaccional
  • Asunto del mensajes que recibirán los suscriptores cuando se inscriban 
Solicitud de confirmación Comunicados-SIUA
  • En Mensaje recibirán los suscriptores cuando se inscriban
 You have been subscribed to the following newsletters:

[LISTS]


Please click the following link to confirm it's really you:

[CONFIRMATIONURL]


In order to provide you with this service we'll need to

Transfer your contact information to phplist.siua.ac.cr
Store your contact information in your phplist.siua.ac.cr account
Send you emails from phplist.siua.ac.cr
Track your interactions with these emails for marketing purposes

If this is not correct, or you do not agree, simply take no action and delete this message.


X

Muchas gracias por su interés en la Sede Interuniversitaria de Alajuela

Usted se ha suscrito a los siguientes listas de correo Comunicados-SIUA:

[LISTS]


Haga clic en el siguiente enlace para confirmar que realmente es usted:

[CONFIRMATIONURL]


Para poder brindarle este servicio, necesitaremos que actualice su información de contacto en su cuenta https://comunicados.siua.ac.cr. Si esto no es correcto o no está de acuerdo, simplemente no realice ninguna acción y elimine este mensaje.


  • Asunto del mensajes que recibirán los suscriptores cuando se den de baja
Goodbye from our Newsletter

X

Hasta luego, Comunicados-SIUA
  • Mensajes que recibirán los suscriptores cuando se den de baja
Goodbye from our Newsletter, sorry to see you go.

You have been unsubscribed from our newsletters.

This is the last email you will receive from us. Our newsletter system, phpList,
will refuse to send you any further messages, without manual intervention by our administrator.

If there is an error in this information, you can re-subscribe:
please go to [SUBSCRIBEURL] and follow the steps.

Thank you


X


Adiós de nuestro boletín Comunicados-SIUA, sentimos que te vayas.

Se ha cancelado su suscripción a nuestros comunicados.

Este es el último correo electrónico que recibirá de nosotros. Nuestro sistema de boletines Comunicados-SIUA, se configurará para negar enviarle más mensajes sin la intervención manual de nuestro administrador.

Si hay un error en esta información, puede volver a suscribirse:
Para esto vaya a [SUBSCRIBEURL] y siga los pasos.

Muchas Gracias, SIUA.
  • Asunto del mensaje que recibe el suscriptor tras confirmar su dirección de correo
Welcome to our Newsletter
X
Bienvenido a Comunicados-SIUA
  • Mensaje que los suscriptores reciben tras confirmar sus direcciones de correo
Welcome to our Newsletter

Please keep this message for later reference.

Your email address has been added to the following newsletter(s):
[LISTS]

To update your details and preferences please go to [PREFERENCESURL].
If you do not want to receive any more messages, please go to [UNSUBSCRIBEURL].

Thank you


X



Bienvenidos a Comunicados-SIUA

Guarde este mensaje para futuras consultas.

Su dirección de correo electrónico se ha agregado a los siguientes boletines:
[LISTS]

Para actualizar sus datos y preferencias, vaya a [PREFERENCESURL].
Si no desea recibir más mensajes, vaya a [UNSUBSCRIBEURL].

Gracias, SIUA.
  • Asunto del mensajes que recibirán los suscriptores cuando cambien su información
[notify] Change of List-Membership details
X
[Notificación] Cambio de información suscriptor
  • Mensaje que los suscriptores reciben cuando cambian sus detalles
This message is to inform you of a change of your details on our newsletter database

You are currently member of the following newsletters:

[LISTS]

[CONFIRMATIONINFO]

The information on our system for you is as follows:

[USERDATA]

If this is not correct, please update your information at the following location:

[PREFERENCESURL]

Thank you


X



Este mensaje es para informarle se realizó un cambio de sus datos personales en nuestra base de datos de Comunicados-SIUA.

Actualmente eres miembro de los siguientes boletines:

[LISTS]


[CONFIRMATIONINFO]

Su información personal en nuestro sistema es la siguiente:

[USERDATA]

Si esto no es correcto, actualice su información en el siguiente enlace:

[PREFERENCESURL]

Gracias, SIUA.
  • Parte del mensaje que se envía a la nueva dirección de correo cuando los suscriptores cambian su información, y la dirección de correo ha cambiado
When updating your details, your email address has changed.
Please confirm your new email address by visiting this webpage:

[CONFIRMATIONURL]


X


Al actualizar sus datos, su dirección de correo electrónico ha cambiado.
Confirme su nueva dirección de correo electrónico visitando esta página web:

[CONFIRMATIONURL]
  • Parte del mensaje que se envía a la anterior dirección de correo cuando los suscriptores cambian su información, y la dirección de correo ha cambiado
Please Note: when updating your details, your email address has changed.

A message has been sent to your new email address with a URL
to confirm this change. Please visit this website to activate
your membership.


X

Tenga en cuenta: al actualizar sus datos, su dirección de correo electrónico ha cambiado.

Se ha enviado un mensaje a su nueva dirección de correo electrónico con una URL.
para confirmar este cambio. Visite este sitio web para activar su membresía.
  • Asunto del mensaje cuando los suscriptores solicitan su localización personal
Your personal location
X
Enlace datos personales
  • Mensaje a enviar cuando requieran su localización personal
You have requested your personal location to update your details from our website.
The location is below. Please make sure that you use the full line as mentioned below.
Sometimes email programmes can wrap the line into multiple lines.

Your personal location is:
[PREFERENCESURL]

Thank you.

X

Usted ha solicitado crear un enlace temporal para modificar sus datos personales en nuestro sitio.

Tu enlace es:
[PREFERENCESURL]

Gracias, SIUA.
  • Encabezado de las páginas públicas.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="theme-color" content="#2C2C2C"/>
<link rel="apple-touch-icon" href="./images/phplist-touch-icon.png" />
<link rel="apple-touch-icon-precomposed" href="./images/phplist-touch-icon.png" />
<link rel="stylesheet" href="admin/ui/phplist-ui-bootlist/css/style.css" />
</head>

<body class="fixed invisible">

<div id="container">

<div id="header" class="navbar navbar-inverse">
<div id="rack-functions" class="container">
	<h1 id="logo"><a href="http://phplist.siua.ac.cr" title="Visit our website">[ORGANISATION_NAME]</a></h1>
</div>
</div>
<div id="wrapper" class="container">
<div id="mainContent">

<div class="panel">
<br />
<div class="content  well">


X


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="theme-color" content="#2C2C2C"/>
<link rel="apple-touch-icon" href="./images/phplist-touch-icon.png" />
<link rel="apple-touch-icon-precomposed" href="./images/phplist-touch-icon.png" />
<link rel="stylesheet" href="admin/ui/phplist-ui-bootlist/css/style.css" />
<link rel="stylesheet" href="/styles/ugit.css" type="text/css" /> 
</head>

<body class="fixed invisible">

<div id="container">

<div id="header" class="navbar navbar-inverse">
<div id="rack-functions" class="container">
	<h1 id="logo"><a href="http://comunicados.siua.ac.cr" title="Visite nuestro sitio">[ORGANISATION_NAME]</a></h1>
</div>
</div>
<div id="wrapper" class="container">
<div id="mainContent">

<div class="panel">
<br />
<div class="content  well">
  • Pie de página de las páginas públicas
</div>
</div>
</div><!-- ENDOF #mainContent-->
</div><!-- ENDOF .wrapper -->
</div><!-- ENDOF #container -->

<div id="footer">
<div id="footerframe">
<ul class="list-unstyled">
<li>&nbsp;</li>
</ul>
</div>
</div>

<script type="text/javascript" src="admin/ui/phplist-ui-bootlist/js/jquery.min.js"></script>
<script type="text/javascript" src="admin/js/phplistapp.js"></script>
<script type="text/javascript" src="admin/ui/phplist-ui-bootlist/js/dist/phpList_ui_bootlist.min.js"></script>
<script>
/* do not remove this from here */
$(document).ready(function(){
    if ( $('body').hasClass('invisible') ){
        applyCustomFormatting(); applyJqueryUiTabMigration();
    }
	$('#edit_list_categories input.form-control').tagsinput('refresh');

});
</script>
</body>

</html>




X


PENDIENTE
  • Categorías para listas. Separado con comas.
siua,una,ucr,tec,uned
  •  Mostrar la lista de categorías en la página de suscripción
  • Si
  • Configuración de suscripción
  • Texto a mostrar cuando la suscripción con una petición AJAX sea satisfactoria
<h3>Thanks, you have been added to our newsletter</h3><p>You will receive an email to confirm your subscription. Please click the link in the email to confirm</p>

X

<h3> Gracias, ha sido agregado a nuestro boletín Comunicados-SIUA </h3> <p> Usted recibirá un correo electrónico para confirmar su suscripción. Haga clic en el enlace del correo electrónico para confirmar </p>

Personalización

  • Abrimos el archivo
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/admin/css/app.css 

  • Agregamos al final
/**********************************************/
/**************  UGIT   ***********************/
/**********************************************/

#navigation {
    background-color: #172439 !important;
}

.sidebar {
    background-color: #1c4c74 !important;
}
.sidebar .menu #menuTop > ul li.open ul {
    background-color: #133652 !important;
}
.btn-primary {
    background-color: #172439 !important;
    border-color: #172439 !important;
    color: #FFF !important;
}
  • Descargamos el logo aqui
  • Y remplazamos en la dirección
/var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/admin/ui/phplist-ui-bootlist
  • Descargamos Aqui
  • Y remplazamos en la dirección
/var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/images

Usuarios

  • Creamos un usuario administrador
  • Creamos 2 atributos para los administradores «Universidad» y «Teléfono»

Cambios adicionales

  • Abrir
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/admin/locale/es/phplist.po
  • Modificar
#: public_html/lists/admin/lib.php:376
msgid "You have requested a new password for phpList."
msgstr "Usted ha solicitado una nueva contraseña para phpList."
X
msgstr "Usted ha solicitado una nueva contraseña para Comunicados-SIUA."



msgstr "Para fijar una nueva contraseña, pulse el siguiente enlace:"
X
msgstr "Para crear la nueva contraseña, haga clic en el siguiente enlace:"


msgstr "Suscríbase a nuestro boletín"
X
msgstr "Suscríbase a Comunicados-SIUA"

Pagina de suscripción

  • Para crear una página de suscripción

Subscripción SIUA

  • Título
Subscripción Comunicados-SIUA
  • Idioma
  • Introducción
<h3 class="ps_titulo_siua" >
Bienvenido a Comunicados-SIUA gracias por su interés.
</h3>
<p class="mb20">
Este es un canal de comunicación electrónico entre la Sede Interuniversitaria de Alajuela y cualquier persona que desee recibir por medio de correo electrónico; importante información como noticias, actividades, invitaciones y otros de parte de la SIUA.
</p>
<p class="mb40">
Para suscribirse en una o más de nuestras listas disponibles por favor siga los siguientes pasos:
<ol  class="mb40">
<li>Digite su correo electrónico.</li>
<li>Digite la confirmación del  correo electrónico.</li>
<li>Marque todas las listas a las que desea suscribirse.</li>
<li>Y haga clic en el botón <b>"Registrar"</b></li>
</ol>
</p>
  • Cabecera Igual (No es necvesario modificaer)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="theme-color" content="#2C2C2C"/>
<link rel="apple-touch-icon" href="./images/phplist-touch-icon.png" />
<link rel="apple-touch-icon-precomposed" href="./images/phplist-touch-icon.png" />
<link rel="stylesheet" href="admin/ui/phplist-ui-bootlist/css/style.css" />
<link rel="stylesheet" href="/styles/estilo_siua.css" type="text/css" /> 
</head>

<body class="fixed invisible">

<div id="container">

<div id="header" class="navbar navbar-inverse">
<div id="rack-functions" class="container">
	<h1 id="logo"><a href="http://[WEBSITE]" title="Visite nuestro sitio">[ORGANISATION_NAME]</a></h1>
</div>
</div>
<div id="wrapper" class="container">
<div id="mainContent">

<div class="panel">
<br />
<div class="content  well">
  • pie de página (No es necvesario modificaer)
</div>
</div>
</div><!-- ENDOF #mainContent-->
</div><!-- ENDOF .wrapper -->
</div><!-- ENDOF #container -->

<div id="footer">
<div id="footerframe">
<ul class="list-unstyled">
<li>&nbsp;</li>
</ul>
</div>
</div>

<script type="text/javascript" src="admin/ui/phplist-ui-bootlist/js/jquery.min.js"></script>
<script type="text/javascript" src="admin/js/phplistapp.js"></script>
<script type="text/javascript" src="admin/ui/phplist-ui-bootlist/js/dist/phpList_ui_bootlist.min.js"></script>
<script>
/* do not remove this from here */
$(document).ready(function(){
    if ( $('body').hasClass('invisible') ){
        applyCustomFormatting(); applyJqueryUiTabMigration();
    }
	$('#edit_list_categories input.form-control').tagsinput('refresh');

});
</script>
</body>

</html>
  • Página de agradecimiento
<h3 class="ps_titulo_siua" >
Gracias por suscribirse a nuestras listas.
</h3>
<p class="mt40 mb40">
Su correo electrónico ha sido agregado a nuestro sistema  (Comunicados-SIUA). En breve recibirá un correo electrónico solicitando confirmación. Por favor, haga clic en el link de ese mensaje para confirmar la suscripción.
</p>
  • Texto a mostrar cuando la suscripción con una petición AJAX sea satisfactoria
<h3 class="ps_titulo_siua" >
Gracias por suscribirse a nuestras listas.
</h3>
<p class="mt40 mb40">
Su correo electrónico ha sido agregado a nuestro sistema  (Comunicados-SIUA). En breve recibirá un correo electrónico solicitando confirmación. Por favor, haga clic en el link de ese mensaje para confirmar la suscripción.
</p>
  • Botón y opciones
  • Aquí podriamos escoger cuales listas públicar
  • Ahora creamos el archivo
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/styles/estilo_siua.css
  • Y le agregamos

Subscripción UNA

  • Creamos una nueva página de subscripción
  • Título
Subscripción Comunicados-SIUA-UNA
  • Introducción
<h3 class="ps_titulo_una" >
Bienvenido a Comunicados-SIUA-UNA gracias por su interés.
</h3>
<p class="mb20">
Este es un canal de comunicación electrónico entre la Universidad Nacional de Costa Rica de la Sede Interuniversitaria de Alajuela y cualquier persona que desee recibir por medio de correo electrónico; importante información como noticias, actividades, invitaciones y otros de parte de la SIUA-UNA.
</p>
<p class="mb40">
Para suscribirse en una o más de nuestras listas disponibles por favor siga los siguientes pasos:
<ol  class="mb40">
<li>Digite su correo electrónico.</li>
<li>Digite la confirmación del  correo electrónico.</li>
<li>Marque todas las listas a las que desea suscribirse.</li>
<li>Y haga clic en el botón <b>"Registrar"</b></li>
</ol>
</p>
  • Cabecera (Es igual solo hay que cambiar estilo_una.css)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="theme-color" content="#2C2C2C"/>
<link rel="apple-touch-icon" href="./images/phplist-touch-icon.png" />
<link rel="apple-touch-icon-precomposed" href="./images/phplist-touch-icon.png" />
<link rel="stylesheet" href="admin/ui/phplist-ui-bootlist/css/style.css" />
<link rel="stylesheet" href="/styles/estilo_siua.css" type="text/css" /> 
</head>

<body class="fixed invisible">

<div id="container">

<div id="header" class="navbar navbar-inverse">
<div id="rack-functions" class="container">
	<h1 id="logo"><a href="http://comunicados.siua.ac.cr" title="Visite nuestro sitio">[ORGANISATION_NAME]</a></h1>
</div>
</div>
<div id="wrapper" class="container">
<div id="mainContent">

<div class="panel">
<br />
<div class="content  well">
  • Pie de página igual
  • Página de agradecimiento y Texto a mostrar cuando la suscripción con una petición AJAX sea satisfactoria
<h3 class="ps_titulo_una" >
Gracias por suscribirse a nuestras listas.
</h3>
<p class="mt40 mb40">
Su correo electrónico ha sido agregado a nuestro sistema  (Comunicados-SIUA-UNA). En breve recibirá un correo electrónico solicitando confirmación. Por favor, haga clic en el link de ese mensaje para confirmar la suscripción.
</p>
  • En la selección de las listas
  • Y en Mensajes de transacciones modificar todo a SIUA-UNA
  • Y creamos el archivo estilo_una.css
nano /var/www/html/Sistemas/comunicados.siua.ac.cr/public_html/lists/styles/estilo_siua.css
  • Agregamos
/*Generales*/

:root {
  --color_banner_principal: #133652;
  --color_banner_siua: #277ac1;
  --color_banner_una: #c80023;
  --color_enlaces: #04124B;
  --color_enlaces_hover: #277ac1;
}


.mt20{
	margin-top: 20px;
}

.mb20{
	margin-bottom: 20px;
}

.mb40{
	margin-bottom: 40px;
}


/*Color de la barra de navegación*/
.navbar-inverse {
    background-color: var(--color_banner_principal);
    border: 0;
    border-radius: 0;
}

/*Formato del nombre de empresa*/
.navbar-inverse h1#logo a{
    color: #FFF;
 }
.navbar-inverse h1#logo a:hover {
    text-decoration: none !important;
}

/*Contenedor*/
.content{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
	background: #FFF;
}

/*Ocultar powerby*/
.poweredby{
	display: none;
}


/*Titulo nombre empresa*/
h1 a {
	color: #FFF !important;
}
h1 a:hover {
	color: #FFF !important;
}
/*Subscripción Pagina*/
.ps_titulo_siua{
	background-color: var(--color_banner_siua); 
	color:#FFF; 
	text-align:center; 
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding:10px;
	margin-bottom: 20px;
}
.ps_titulo_una{
	background-color: var(--color_banner_una); 
	color:#FFF; 
	text-align:center; 
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding:10px;
	margin-bottom: 20px;
}

.error{
	margin-top: 20px;
}

.text-danger {
    color: #c80023;
}

.text-info {
    color: #333;
}
p{
	color: #333;	
	padding-left: 20px;
	padding-right: 20px;
}

p.information.text-info{
	background-color: var(--color_banner_siua);
	color: #FFF;
	padding: 10px;
}

.btn-primary {
    background-color: var(--color_banner_principal);
    border-color: var(--color_banner_principal);
    color: #FFF !important;
}

.btn-primary:hover {
    background-color: var(--color_banner_siua);
    border-color: var(--color_banner_siua);
    color: #FFF !important;
}

a{
    color: var(--color_enlaces) !important;
    padding: 10px;
    margin-bottom: 13px !important;
    font-weight: 900;
}

a:hover{
    color: var(--color_enlaces_hover) !important;
    text-decoration: none;
}