説明なし

header-default.php 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  1. <?php
  2. /**
  3. * Email Header
  4. *
  5. * @since 1.1.3
  6. */
  7. // Exit if accessed directly.
  8. if ( ! defined( 'ABSPATH' ) ) exit;
  9. $header_image = wpforms_setting( 'email-header-image', false );
  10. $background_color = wpforms_setting( 'email-background-color', '#e9eaec' );
  11. $text_direction = is_rtl() ? 'rtl' : 'ltr';
  12. ?>
  13. <!doctype html>
  14. <html dir="<?php echo $text_direction; ?>" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  15. <head>
  16. <!--[if gte mso 15]>
  17. <xml>
  18. <o:OfficeDocumentSettings>
  19. <o:AllowPNG/>
  20. <o:PixelsPerInch>96</o:PixelsPerInch>
  21. </o:OfficeDocumentSettings>
  22. </xml>
  23. <![endif]-->
  24. <meta charset="UTF-8">
  25. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  26. <meta name="viewport" content="width=device-width, initial-scale=1">
  27. <title><?php echo get_bloginfo( 'name' ); ?></title>
  28. <style type="text/css">
  29. p{
  30. margin:10px 0;
  31. padding:0;
  32. }
  33. table{
  34. border-collapse:collapse;
  35. }
  36. h1,h2,h3,h4,h5,h6{
  37. display:block;
  38. margin:0;
  39. padding:0;
  40. }
  41. img,a img{
  42. border:0;
  43. height:auto;
  44. outline:none;
  45. text-decoration:none;
  46. }
  47. body,#bodyTable,#bodyCell{
  48. height:100%;
  49. margin:0;
  50. padding:0;
  51. width:100%;
  52. }
  53. #outlook a{
  54. padding:0;
  55. }
  56. img{
  57. -ms-interpolation-mode:bicubic;
  58. }
  59. table{
  60. mso-table-lspace:0pt;
  61. mso-table-rspace:0pt;
  62. }
  63. .ReadMsgBody{
  64. width:100%;
  65. }
  66. .ExternalClass{
  67. width:100%;
  68. }
  69. p,a,li,td,blockquote{
  70. mso-line-height-rule:exactly;
  71. }
  72. a[href^=tel],a[href^=sms]{
  73. color:inherit;
  74. cursor:default;
  75. text-decoration:none;
  76. }
  77. p,a,li,td,body,table,blockquote{
  78. -ms-text-size-adjust:100%;
  79. -webkit-text-size-adjust:100%;
  80. }
  81. .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
  82. line-height:100%;
  83. }
  84. a[x-apple-data-detectors]{
  85. color:inherit !important;
  86. text-decoration:none !important;
  87. font-size:inherit !important;
  88. font-family:inherit !important;
  89. font-weight:inherit !important;
  90. line-height:inherit !important;
  91. }
  92. #bodyCell{
  93. padding:50px 50px;
  94. }
  95. .templateContainer{
  96. max-width:600px !important;
  97. border:0;
  98. }
  99. a.mcnButton{
  100. display:block;
  101. }
  102. .mcnTextContent{
  103. word-break:break-word;
  104. }
  105. .mcnTextContent img{
  106. height:auto !important;
  107. }
  108. .mcnDividerBlock{
  109. table-layout:fixed !important;
  110. }
  111. /***** Make theme edits below if needed *****/
  112. /* Page - Background Style */
  113. body,#bodyTable{
  114. background-color:<?php echo $background_color; ?>;
  115. }
  116. /* Page - Heading 1 */
  117. h1{
  118. color:#202020;
  119. font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  120. font-size:26px;
  121. font-style:normal;
  122. font-weight:bold;
  123. line-height:125%;
  124. letter-spacing:normal;
  125. }
  126. /* Page - Heading 2 */
  127. h2{
  128. color:#202020;
  129. font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  130. font-size:22px;
  131. font-style:normal;
  132. font-weight:bold;
  133. line-height:125%;
  134. letter-spacing:normal;
  135. }
  136. /* Page - Heading 3 */
  137. h3{
  138. color:#202020;
  139. font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  140. font-size:20px;
  141. font-style:normal;
  142. font-weight:bold;
  143. line-height:125%;
  144. letter-spacing:normal;
  145. }
  146. /* Page - Heading 4 */
  147. h4{
  148. color:#202020;
  149. font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  150. font-size:18px;
  151. font-style:normal;
  152. font-weight:bold;
  153. line-height:125%;
  154. letter-spacing:normal;
  155. }
  156. /* Header - Header Style */
  157. #templateHeader{
  158. border-top:0;
  159. border-bottom:0;
  160. padding-top:0;
  161. padding-bottom:20px;
  162. text-align: center;
  163. }
  164. /* Body - Body Style */
  165. #templateBody{
  166. background-color:#FFFFFF;
  167. border-top:0;
  168. border: 1px solid #c1c1c1;
  169. padding-top:0;
  170. padding-bottom:0px;
  171. }
  172. /* Body -Body Text */
  173. #templateBody .mcnTextContent,
  174. #templateBody .mcnTextContent p{
  175. color:#555555;
  176. font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  177. font-size:14px;
  178. line-height:150%;
  179. }
  180. /* Body - Body Link */
  181. #templateBody .mcnTextContent a,
  182. #templateBody .mcnTextContent p a{
  183. color:#ff7f50;
  184. font-weight:normal;
  185. text-decoration:underline;
  186. }
  187. /* Footer - Footer Style */
  188. #templateFooter{
  189. background-color:<?php echo $background_color; ?>;
  190. border-top:0;
  191. border-bottom:0;
  192. padding-top:12px;
  193. padding-bottom:12px;
  194. }
  195. /* Footer - Footer Text */
  196. #templateFooter .mcnTextContent,
  197. #templateFooter .mcnTextContent p{
  198. color:#cccccc;
  199. font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  200. font-size:12px;
  201. line-height:150%;
  202. text-align:center;
  203. }
  204. /* Footer - Footer Link */
  205. #templateFooter .mcnTextContent a,
  206. #templateFooter .mcnTextContent p a{
  207. color:#cccccc;
  208. font-weight:normal;
  209. text-decoration:underline;
  210. }
  211. @media only screen and (min-width:768px){
  212. .templateContainer{
  213. width:600px !important;
  214. }
  215. }
  216. @media only screen and (max-width: 480px){
  217. body,table,td,p,a,li,blockquote{
  218. -webkit-text-size-adjust:none !important;
  219. }
  220. }
  221. @media only screen and (max-width: 480px){
  222. body{
  223. width:100% !important;
  224. min-width:100% !important;
  225. }
  226. }
  227. @media only screen and (max-width: 680px){
  228. #bodyCell{
  229. padding:20px 20px !important;
  230. }
  231. }
  232. @media only screen and (max-width: 480px){
  233. .mcnTextContentContainer{
  234. max-width:100% !important;
  235. width:100% !important;
  236. }
  237. }
  238. </style>
  239. </head>
  240. <body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: <?php echo $background_color; ?>;">
  241. <!-- Don't forget to run final template through http://templates.mailchimp.com/resources/inline-css/ -->
  242. <center>
  243. <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: <?php echo $background_color; ?>;">
  244. <tr>
  245. <td align="center" valign="top" id="bodyCell" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 50px 50px;width: 100%;">
  246. <!-- BEGIN TEMPLATE // -->
  247. <!--[if gte mso 9]>
  248. <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
  249. <tr>
  250. <td align="center" valign="top" width="600" style="width:600px;">
  251. <![endif]-->
  252. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;max-width: 600px !important;">
  253. <?php
  254. if ( ! empty( $header_image ) ) {
  255. echo '<tr><td valign="top" align="center" id="templateHeader" style="padding-bottom:20px;text-align:center;">';
  256. echo '<img src="' . esc_url( $header_image ) . '" alt="' . esc_attr( get_bloginfo( 'name' ) ) . '" />';
  257. echo '</td></tr>';
  258. }
  259. ?>
  260. <tr>
  261. <td valign="top" id="templateBody" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;border-top: 0;border: 1px solid #c1c1c1;padding-top: 0;padding-bottom: 0px;">
  262. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
  263. <tbody class="mcnTextBlockOuter">
  264. <tr>
  265. <td valign="top" class="mcnTextBlockInner" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
  266. <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnTextContentContainer">
  267. <tbody>
  268. <tr>
  269. <td valign="top" style="padding-top: 30px;padding-right: 30px;padding-bottom: 30px;padding-left: 30px;" class="mcnTextContent">