75bad97b10
Redesigned the template selection screen to look like the WordPress theme selector. The main changes relate to: * style changes, to achieve the new look * jsx templates, to work with new css changes * template, removed the description field [MAILPOET-1306]
489 lines
18 KiB
PHP
489 lines
18 KiB
PHP
<?php
|
|
|
|
namespace MailPoet\Config\PopulatorData\Templates;
|
|
|
|
class Faith {
|
|
|
|
private $template_image_url;
|
|
private $social_icon_url;
|
|
|
|
function __construct($assets_url) {
|
|
$this->template_image_url = 'https://ps.w.org/mailpoet/assets/newsletter-templates/faith';
|
|
$this->social_icon_url = $assets_url . '/img/newsletter_editor/social-icons';
|
|
}
|
|
|
|
function get() {
|
|
return array(
|
|
'name' => __("Faith", 'mailpoet'),
|
|
'categories' => json_encode(array('standard', 'sample')),
|
|
'readonly' => 1,
|
|
'thumbnail' => $this->getThumbnail(),
|
|
'body' => json_encode($this->getBody()),
|
|
);
|
|
}
|
|
|
|
private function getBody() {
|
|
return array(
|
|
'content' => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'horizontal',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'image',
|
|
'link' => '',
|
|
'src' => $this->template_image_url . '/church-header.jpg',
|
|
'alt' => 'church-header',
|
|
'fullWidth' => true,
|
|
'width' => '1036px',
|
|
'height' => '563px',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'textAlign' => 'center',
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
2 => array(
|
|
'type' => 'text',
|
|
'text' => '<h1 style="text-align: center;">Spreading Love & Hope...</h1><p>Duis id molestie ex. Quisque finibus magna in justo tristique pellentesque. Nulla sed leo facilisis arcu malesuada molestie vel quis dolor. Donec imperdiet condimentum odio ut elementum. Aenean nisl massa, rutrum a ullamcorper eget, molestie non erat. </p>',
|
|
),
|
|
3 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'horizontal',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => '#f3f4f4',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'text',
|
|
'text' => '<h2 style="text-align: left;">Family Faith Events</h2>',
|
|
),
|
|
2 => array(
|
|
'type' => 'image',
|
|
'link' => '',
|
|
'src' => $this->template_image_url . '/family.jpg',
|
|
'alt' => 'family',
|
|
'fullWidth' => false,
|
|
'width' => '660px',
|
|
'height' => '880px',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'textAlign' => 'center',
|
|
),
|
|
),
|
|
),
|
|
3 => array(
|
|
'type' => 'text',
|
|
'text' => '<p>In maximus tempus pellentesque. Nunc scelerisque ante odio, vel placerat dui fermentum efficitur. Integer vitae ex suscipit, aliquet eros vitae, ornare est. <a href="http://www.example.com">Aenean vel dapibus nisi</a>.</p>',
|
|
),
|
|
4 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'text',
|
|
'text' => '<h2>Thoughts & Prayers</h2>',
|
|
),
|
|
2 => array(
|
|
'type' => 'image',
|
|
'link' => '',
|
|
'src' => $this->template_image_url . '/pray.jpg',
|
|
'alt' => 'pray',
|
|
'fullWidth' => false,
|
|
'width' => '660px',
|
|
'height' => '880px',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'textAlign' => 'center',
|
|
),
|
|
),
|
|
),
|
|
3 => array(
|
|
'type' => 'text',
|
|
'text' => '<p>Donec sed vulputate ipsum. In scelerisque rutrum interdum. Donec imperdiet dignissim erat, in dictum lectus accumsan ut. <a href="http://www.example.com">Aliquam erat volutpat.</a></p>',
|
|
),
|
|
4 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
2 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'horizontal',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'text',
|
|
'text' => '<h1 style="text-align: center;">Latest News</h1>',
|
|
),
|
|
2 => array(
|
|
'type' => 'divider',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'padding' => '7px',
|
|
'borderStyle' => 'dotted',
|
|
'borderWidth' => '1px',
|
|
'borderColor' => '#dcdcdc',
|
|
),
|
|
),
|
|
),
|
|
3 => array(
|
|
'type' => 'automatedLatestContent',
|
|
'amount' => '3',
|
|
'contentType' => 'post',
|
|
'terms' => array(),
|
|
'inclusionType' => 'include',
|
|
'displayType' => 'excerpt',
|
|
'titleFormat' => 'h3',
|
|
'titleAlignment' => 'left',
|
|
'titleIsLink' => false,
|
|
'imageFullWidth' => false,
|
|
'featuredImagePosition' => 'belowTitle',
|
|
'showAuthor' => 'no',
|
|
'authorPrecededBy' => 'Author:',
|
|
'showCategories' => 'no',
|
|
'categoriesPrecededBy' => 'Categories:',
|
|
'readMoreType' => 'button',
|
|
'readMoreText' => 'Read more',
|
|
'readMoreButton' => array(
|
|
'type' => 'button',
|
|
'text' => 'Read more',
|
|
'url' => '[postLink]',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => '#dfeaf3',
|
|
'borderColor' => '#00ddff',
|
|
'borderWidth' => '0px',
|
|
'borderRadius' => '5px',
|
|
'borderStyle' => 'solid',
|
|
'width' => '160px',
|
|
'lineHeight' => '45px',
|
|
'fontColor' => '#597890',
|
|
'fontFamily' => 'Tahoma',
|
|
'fontSize' => '16px',
|
|
'fontWeight' => 'normal',
|
|
'textAlign' => 'center',
|
|
),
|
|
),
|
|
),
|
|
'sortBy' => 'newest',
|
|
'showDivider' => true,
|
|
'divider' => array(
|
|
'type' => 'divider',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'padding' => '13px',
|
|
'borderStyle' => 'dotted',
|
|
'borderWidth' => '2px',
|
|
'borderColor' => '#dfeaf3',
|
|
),
|
|
),
|
|
),
|
|
'backgroundColor' => '#ffffff',
|
|
'backgroundColorAlternate' => '#eeeeee',
|
|
),
|
|
4 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
5 => array(
|
|
'type' => 'divider',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => '#e7eff6',
|
|
'padding' => '13px',
|
|
'borderStyle' => 'ridge',
|
|
'borderWidth' => '6px',
|
|
'borderColor' => '#597890',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
3 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'horizontal',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => '#e7eff6',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'footer',
|
|
'text' => '<a href="[link:subscription_unsubscribe_url]">Unsubscribe</a> | <a href="[link:subscription_manage_url]">Manage subscription</a><br /><b>Add your postal address here!</b>',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => '#e7eff6',
|
|
),
|
|
'text' => array(
|
|
'fontColor' => '#787878',
|
|
'fontFamily' => 'Tahoma',
|
|
'fontSize' => '14px',
|
|
'textAlign' => 'left',
|
|
),
|
|
'link' => array(
|
|
'fontColor' => '#787878',
|
|
'textDecoration' => 'none',
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
1 => array(
|
|
'type' => 'container',
|
|
'orientation' => 'vertical',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
),
|
|
),
|
|
'blocks' => array(
|
|
0 => array(
|
|
'type' => 'text',
|
|
'text' => '<p style="text-align: center;">Find us socially:</p>',
|
|
),
|
|
1 => array(
|
|
'type' => 'social',
|
|
'iconSet' => 'full-symbol-black',
|
|
'icons' => array(
|
|
0 => array(
|
|
'type' => 'socialIcon',
|
|
'iconType' => 'facebook',
|
|
'link' => 'http://www.facebook.com',
|
|
'image' => $this->social_icon_url . '/07-full-symbol-black/Facebook.png',
|
|
'height' => '32px',
|
|
'width' => '32px',
|
|
'text' => 'Facebook',
|
|
),
|
|
1 => array(
|
|
'type' => 'socialIcon',
|
|
'iconType' => 'twitter',
|
|
'link' => 'http://www.twitter.com',
|
|
'image' => $this->social_icon_url . '/07-full-symbol-black/Twitter.png',
|
|
'height' => '32px',
|
|
'width' => '32px',
|
|
'text' => 'Twitter',
|
|
),
|
|
2 => array(
|
|
'type' => 'socialIcon',
|
|
'iconType' => 'email',
|
|
'link' => '',
|
|
'image' => $this->social_icon_url . '/07-full-symbol-black/Email.png',
|
|
'height' => '32px',
|
|
'width' => '32px',
|
|
'text' => 'Email',
|
|
),
|
|
3 => array(
|
|
'type' => 'socialIcon',
|
|
'iconType' => 'website',
|
|
'link' => '',
|
|
'image' => $this->social_icon_url . '/07-full-symbol-black/Website.png',
|
|
'height' => '32px',
|
|
'width' => '32px',
|
|
'text' => 'Website',
|
|
),
|
|
),
|
|
),
|
|
2 => array(
|
|
'type' => 'spacer',
|
|
'styles' => array(
|
|
'block' => array(
|
|
'backgroundColor' => 'transparent',
|
|
'height' => '20px',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
'globalStyles' => array(
|
|
'text' => array(
|
|
'fontColor' => '#787878',
|
|
'fontFamily' => 'Tahoma',
|
|
'fontSize' => '16px',
|
|
),
|
|
'h1' => array(
|
|
'fontColor' => '#597890',
|
|
'fontFamily' => 'Comic Sans MS',
|
|
'fontSize' => '26px',
|
|
),
|
|
'h2' => array(
|
|
'fontColor' => '#597890',
|
|
'fontFamily' => 'Comic Sans MS',
|
|
'fontSize' => '18px',
|
|
),
|
|
'h3' => array(
|
|
'fontColor' => '#787878',
|
|
'fontFamily' => 'Tahoma',
|
|
'fontSize' => '18px',
|
|
),
|
|
'link' => array(
|
|
'fontColor' => '#597890',
|
|
'textDecoration' => 'underline',
|
|
),
|
|
'wrapper' => array(
|
|
'backgroundColor' => '#ffffff',
|
|
),
|
|
'body' => array(
|
|
'backgroundColor' => '#e7eff6',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
private function getThumbnail() {
|
|
return $this->template_image_url . '/faith.jpg';
|
|
}
|
|
|
|
}
|