| 1 |
<?php |
| 2 |
include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/headView.php"; |
| 3 |
include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/headerView.php"; |
| 4 |
wp_enqueue_script('__script-display-js', TAGEMBED_PLUGIN_URL . '/assets/js/display/tagembed.display.script.js', ['jquery'], TAGEMBED_PLUGIN_VERSION, true); |
| 5 |
if (!empty($__tagembed__widgets)) : |
| 6 |
?> |
| 7 |
<div id="__tagembed__displayfeed" class="__tagembed__tabcontent"> |
| 8 |
<div class="__tagembed___displayfeedrow"> |
| 9 |
<div class="__tagembed__displayleft"> |
| 10 |
<!--Start-- Accordion --> |
| 11 |
<div class="__tagembed__accordionItem __tagembed__open"> |
| 12 |
<h2 class="__tagembed__accordionItemHeading">Short Code</h2> |
| 13 |
<div class="__tagembed__accordionItemContent"> |
| 14 |
<div class="__tagembed__dispsteps"> |
| 15 |
<ol> |
| 16 |
<li>Copy Short Code to Embed feed on Page or Posts</li> |
| 17 |
<li>Go to Page/Posts and add new block (+), search "<strong>tagembed</strong>"to select the plugin</li> |
| 18 |
<li>Paste the code and click on "<strong>Embed</strong>" to preview.</li> |
| 19 |
<li>For more details, visit <a href="https://tagembed.com/support/social-media-feed-plugin-for-wordpress/" target="_blank">Installation Guide</a></li> |
| 20 |
<li><strong>Note : </strong> Are you not able to find tagembed Block ? Don't worry, simply paste the short code under code |
| 21 |
< /> block. |
| 22 |
</li> |
| 23 |
</ol> |
| 24 |
</div> |
| 25 |
<div class="__tagembed__copycode"> |
| 26 |
<div class="__tabembed__fromrow"> |
| 27 |
<span><i class="fa fa-code" aria-hidden="true"></i></span> |
| 28 |
<div onclick="__tagembed__copyCodeEmbed('shortCode', '__tagembed__shortCode');" id="__tagembed__shortCode" class="__tagembed__copyvalue"></div> |
| 29 |
</div> |
| 30 |
<div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('shortCode', '__tagembed__shortCode');" class="__tagembed__btn">Copy Code</button></div> |
| 31 |
</div> |
| 32 |
</div> |
| 33 |
</div> |
| 34 |
<div class="__tagembed__accordionItem __tagembed__close"> |
| 35 |
<h2 class="__tagembed__accordionItemHeading">HTML/JS Code</h2> |
| 36 |
<div class="__tagembed__accordionItemContent"> |
| 37 |
<div class="__tagembed__htmlcode"> |
| 38 |
<div class="__tabembed__fromrow" style="flex-wrap:wrap;"> |
| 39 |
<p>Your web embed code to be placed under custom HTML block.</p> |
| 40 |
<p style="margin-top:0;">You can set Height in Pixels (px) like 800px or in Percentage ( % ) like 100%</p> |
| 41 |
<textarea onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__html_embed_code');" id="__tagembed__html_embed_code" rows="4" readonly="readonly"></textarea> |
| 42 |
</div> |
| 43 |
<div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__html_embed_code');" class="__tagembed__btn">Copy Code</button></div> |
| 44 |
</div> |
| 45 |
</div> |
| 46 |
</div> |
| 47 |
<div class="__tagembed__accordionItem __tagembed__close"> |
| 48 |
<h2 class="__tagembed__accordionItemHeading">Iframe Code</h2> |
| 49 |
<div class="__tagembed__accordionItemContent"> |
| 50 |
<div class="__tagembed__iframecode"> |
| 51 |
<p>Your web embed code to be placed under the code block.</p> |
| 52 |
<p style="margin-top:0;">You can set Height in Pixels (px) like 800px or in Percentage ( % ) like 100%</p> |
| 53 |
<textarea onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__iframe_embed_code');" id="__tagembed__iframe_embed_code" rows="6" readonly="readonly"></textarea> |
| 54 |
</div> |
| 55 |
<div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__iframe_embed_code');" class="__tagembed__btn">Copy Code</button></div> |
| 56 |
</div> |
| 57 |
</div> |
| 58 |
<!--End-- Accordion --> |
| 59 |
</div> |
| 60 |
<div class="__tagembed__displayright"> |
| 61 |
<div class="__tagembed__previewarea"> |
| 62 |
<div class="__tagembed__previewation"> |
| 63 |
<ul> |
| 64 |
<li> |
| 65 |
<a id="__tagembed__previewdesk" class="__tagembed__tabcommpreivew __tagembed__previewactive" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewdesk')"> |
| 66 |
<svg xmlns="http://www.w3.org/2000/svg" width="26.85" height="24.165" viewBox="0 0 26.85 24.165"> |
| 67 |
<g id="Group_5409" data-name="Group 5409" transform="translate(-1742.575 -95)"> |
| 68 |
<path id="Path_5610" data-name="Path 5610" d="M24.823,3H6.028A4.028,4.028,0,0,0,2,7.028v10.74A4.028,4.028,0,0,0,6.028,21.8h8.055V24.48H8.713a1.343,1.343,0,1,0,0,2.685H22.138a1.343,1.343,0,0,0,0-2.685h-5.37V21.8h8.055a4.028,4.028,0,0,0,4.028-4.028V7.028A4.028,4.028,0,0,0,24.823,3Zm1.343,14.768a1.343,1.343,0,0,1-1.343,1.343H6.028a1.343,1.343,0,0,1-1.343-1.343V7.028A1.343,1.343,0,0,1,6.028,5.685h18.8a1.343,1.343,0,0,1,1.343,1.343Z" transform="translate(1740.575 92)" fill="#626262"></path> |
| 69 |
</g> |
| 70 |
</svg> |
| 71 |
</a> |
| 72 |
</li> |
| 73 |
<li> |
| 74 |
<a id="__tagembed__previewtab" class="__tagembed__tabcommpreivew" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewtab')"> |
| 75 |
<svg xmlns="http://www.w3.org/2000/svg" width="20.388" height="24.33" viewBox="0 0 20.388 24.33"> |
| 76 |
<path id="Path_5618" data-name="Path 5618" d="M7.65,2H20.739a3.65,3.65,0,0,1,3.65,3.65V22.681a3.65,3.65,0,0,1-3.65,3.65H7.65A3.65,3.65,0,0,1,4,22.681V5.65A3.65,3.65,0,0,1,7.65,2Zm0,2.433A1.217,1.217,0,0,0,6.433,5.65V22.681A1.217,1.217,0,0,0,7.65,23.9H20.739a1.217,1.217,0,0,0,1.217-1.217V5.65a1.217,1.217,0,0,0-1.217-1.217Zm7.007,18.248a1.217,1.217,0,1,1,1.217-1.217A1.217,1.217,0,0,1,14.656,22.681Z" transform="translate(-4 -2)" fill="#626262"></path> |
| 77 |
</svg> |
| 78 |
</a> |
| 79 |
</li> |
| 80 |
<li> |
| 81 |
<a id="__tagembed__previewmob" class="__tagembed__tabcommpreivew" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewmob')"> |
| 82 |
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="30" viewBox="0 0 26 30"> |
| 83 |
<path id="Path_5616" data-name="Path 5616" d="M19.22,2H7.162A2.414,2.414,0,0,0,4.75,4.412V23.705a2.414,2.414,0,0,0,2.412,2.412H19.22a2.414,2.414,0,0,0,2.412-2.412V4.412A2.414,2.414,0,0,0,19.22,2ZM7.162,23.705V4.412H19.22l0,19.294Z" transform="translate(0)" fill="#626262"></path> |
| 84 |
<circle id="Ellipse_169" data-name="Ellipse 169" cx="1" cy="1" r="1" transform="translate(12.191 20.059)" fill="#626262"></circle> |
| 85 |
</svg> |
| 86 |
</a> |
| 87 |
</li> |
| 88 |
</ul> |
| 89 |
<span onclick="__tagembed__openFullscreen();" class="__tagembed_expand"> |
| 90 |
<i class="fas fa-expand-arrows-alt"></i> |
| 91 |
</span> |
| 92 |
</div> |
| 93 |
<div class="__tagembed__viewofpreview"> |
| 94 |
<div class="__tagembed__previewdesk" id="__tagembed__widget_display_preview_id"></div> |
| 95 |
</div> |
| 96 |
</div> |
| 97 |
</div> |
| 98 |
</div> |
| 99 |
</div> |
| 100 |
<?php endif; ?> |
| 101 |
<?php include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/footerView.php"; ?> |