meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
plugin:common [2023/12/11 18:17] – [Common Plugin] duncancplugin:common [2024/06/22 19:36] (current) – duncanc
Line 2: Line 2:
  
 ---- plugin ---- ---- plugin ----
 +
 description: Supporting classes required by some other plugins. description: Supporting classes required by some other plugins.
 author     : Duncan Cameron author     : Duncan Cameron
Line 32: Line 33:
  
 ====== Inline CSS styles ====== ====== Inline CSS styles ======
-The plugin provides an option to inline CSS styles when phplist builds the email content. This allows you to include <style> elements in the template for ease of maintenance, but those styles are added to the appropriate elements as style attributes when the email is built.+The plugin provides an option to inline CSS styles when phplist builds the email content. This allows you to include ''<style>'' elements in the template for ease of maintenance, but those styles are added to the appropriate elements as ''style'' attributes when the email is built.
  
-Some email clients have limited or no support for <style> elements in an HTML email, so inlining styles helps to ensure that the final email can be displayed properly on a wider range of clients.+Some email clients have limited or no support for ''<style>'' elements in an HTML email, so inlining styles helps to ensure that the final email can be displayed properly on a wider range of clients.
  
 For example, having a set of styles defined as For example, having a set of styles defined as
Line 49: Line 50:
 </code> </code>
 An h3 element in the template  An h3 element in the template 
-<HTML><h3>EPTUG public meeting</h3></HTML>+<code html> 
 +<h3>EPTUG public meeting</h3> 
 +</code>
 will be changed to will be changed to
-<HTML><h3 style="margin-bottom: 0.5em; font-size: 16px; line-height: 20px; color: rgb(0, 36, 75); font-family: Georgia,Times New Roman,Times,serif;">EPTUG public meeting</h3></HTML>+<code html> 
 +<h3 style="margin-bottom: 0.5em; font-size: 16px; line-height: 20px; color: rgb(0, 36, 75); font-family: Georgia,Times New Roman,Times,serif;">EPTUG public meeting</h3> 
 +</code>
  
 There are two packages to do the inlining that are included in the plugin - PreMailer (https://github.com/crossjoin/PreMailer), and Emogrifier (https://github.com/MyIntervals/emogrifier). You can choose which package to use, or select not to inline CSS styles, in the Campaigns group of the Settings page. There are two packages to do the inlining that are included in the plugin - PreMailer (https://github.com/crossjoin/PreMailer), and Emogrifier (https://github.com/MyIntervals/emogrifier). You can choose which package to use, or select not to inline CSS styles, in the Campaigns group of the Settings page.