I have converted a SWF banner to HTML5 using Swiffy.
How can I embed it in a post? Moreover, I have several banner sizes, how can I make it responsive?
Go to https://developers.google.com/swiffy/convert/upload Then upload swf file . You can download by pressing "ctrl + S"
You can use javascript or media queries (css) for checking device width.
When using the HTML Swiffy Insert Plugin you might want to check out this post:
http://itekblog.com/fix-wordpress-plugin-html5-swiffy-insert/
However, I haven't tried the steps mentioned there went with their own plugin instead:
ER Swiffy Insert
Plugin: http://wordpress.org/extend/plugins/er-swiffy-insert/
Documentation: http://itekblog.com/wordpress-plugins/er-swiffy-insert/
I used the online Swiffy converter and downloaded the output, which included a runtime.js. Make sure to open it and check the version on line 4, mine was Swiffy runtime version 7.4.1.
Use that version in the shortcode as described in the documentation linked above. I'm on wordpress 4.5 and using the shortcode [swiffy n="1" w="700" h="300" v="7.4.1"] worked for me. Using a version that's different from the one in the runtime.js you downloaded may result in nothing being displayed.
Paste your Swiffy code into a custom field named swiffy_1.
Minor caveat: contrary to the documentation – which obviously was written for Swiffy 5.x, not 7.x – my Swiffy code starts with swiffyobject = {"as3":false,"frameRate":25,"frameCount":1...
Related
Inserting an iframe into TinyMCE with HTML contents rather than a src attribute encodes everything and breaks the contents.
Eg: inserting this via the View Source or Embed plugin:
<iframe><p>hello</p></iframe>
Will result in this when you view the Source again:
<iframe width="300" height="150" data-mce-fragment="1"><P>hello</p></iframe>
Is there any way to stop this or a setting in the init which causes this?
If anyone wonders why I would need this over using a src, it's because I'm trying to format articles for Facebooks's new Instant Article thing which requires embedded posts/tweets etc to be wrapped in a <figure><iframe>[code]</iframe></figure> format.
I figured out why this happened as I was trying to narrow down the problem by testing it out on fiddle.tinymce.com. This encoding issue didn't happen on the fiddle, so I stripped back my own init thinking it was maybe the codemirror plugin, but it turned out to be the fontawesome 2.0.6 plugin (it's now on 2.0.8 but I couldn't get that version to work so am unsure if it has changed the way it works since 2.0.6).
The plugin does a var content = parser.parseFromString(e.content, 'text/html'); on BeforeSetContent and GetContent to do some nonEditable class changes. This caused certain HTML elements to become encoded in the source code.
Long story short, I removed the parser and modified the plugin and my problem is solved!
I just installed a theme I bought for wordpress and I installed dummy data.
The istructions said I should install the visual composer plugin so I am assuming that is was built that way.
But when I open pages that it came with, it doesn't parse nicely.
i have 1 page, that when I open it in visual composer the entire page shows up in 1 box that says raw html data.
But when i try to view it in classic mode, all I saw is gibberish letters and numbers
There is another page, that looks like the rows are split properly. But all the boxes say 'text box' instead it should be a bannervideo editing box.
when I view it in classic mode , it looks more like visual composer code
[vc_row][vc_column][bannervideo title="Atena Excellence in teaching" desc="College / University / Campus"
text1="Take a tour" link1="#" text2="View courses" link2="#"
play="Play video" image="184" link="https://vimeo.com/20370747" linkmp4="/intro.mp4" linkogv="huploads/2016/01/intro.ogv"]
[/vc_column][/vc_row]
Did I do something wrong when importing dummy data, or is it a problem with my visual composer?
or am I supposed to be using a different rendering plugin
Because your theme miss map for 'bannervideo' shortcode. You should contact to theme author to fix that or provide plugin define the map for that element.
Other option for page builder is King Composer. It is works well with any website https://wordpress.org/plugins/kingcomposer/
I am building a blog, and one of the category is based on images.
Yet I haven't found the solution to this simple question :
How do I import pictures in my media library via a simple copy paste in my post editor?
So far I've tested OnePress ImageElevator & ImagePaste but both of them simply paste an image from the website source and do not import it in my media library.
I would be eternally grateful if someone has the solution.
Thanks
The easiest and free way I've found is to install OnePress Image Elevator and then use Firefox. Using the WP editor in Firefox, you can add images in the following three easy ways:
1) drag a file from desktop and drop it in the editor,
2) clip an image to clipboard and paste it in the editor, and
3) drag an image from an open Firefox browser and drop it in the editor
Also, you can view the step in this brief video
https://drive.google.com/file/d/0BynQ_XEBrB4zWWRyWFVmSmZJcDg/view?usp=sharing
I've read some of the topics here but did not found a solution for me. When I try to set a feature image to the post/portfolio the media upload window gets frozen(cant even close it down - pressing esc does the trick) and also can't set the feature image, upload an image, ..
If trying this in IE 8 I get a pop up error when opening the media upload(pressing set feature image) with this content "Out of memory at line 2!"
I am using the Wordpress version 3.5.1, thanks in advance for a posibble solution.
TNX!
May add that the IE8 also gives errors for:
wp-admin/js/media-upload.min.js?ver=3.5.1 and
wp-includes/js/tinymce/tiny_mce.js?ver=358-23224,
if switching to themeeleven the upload works ok, but not in my theme.
If uploading works fine in a default Wordpress theme like twentyeleven or twentytwelve, that means there is a javascript conflict with your theme, esp. indicated by the IE8 errors. Possibly a plugin, but most likely the theme.
Look at http://wordpress.org/support/topic/troubleshooting-wordpress-35-master-list?replies=4 to see if your theme (or a plugin) is listed as problematic and to learn how to check for javascript errors that will impact the Wordpress admin area.
Use Firebug with Firefox, or use the developer tools in Chrome or Safari or IE to see what javascript is loading on your site and see any errors and conflicts.
I am very new to drupal. As I have seen many of drupal free theme can show image in the recent post on the first page of drupal
I tried searching some ways to do but seem my keyword search was mismatched.
If you don't want to install any modules, you can simply use a standard HTML <img> tag to put an image in your node body (make sure your selected Input Format allows for the use of that tag). You can then use FTP to upload the linked images to your /sites/default/files directory.
The modules mentioned by Nikit (especially IMCE) can ease this process greatly. A the very minimum, IMCE allows you to upload files to your server without using FTP and adds a handy "insert image" link after your "body" input fields. Clicking that link uploads your image and then generates the <img> code for you.
You can simply style it in node body (wysiwyg + imce can help to quickly upload image and style it).
But recommend to you use image or cck + imagefield, and theme it via node-{CONTENTTYPE}.tpl.php
Little help here: http://www.hankpalan.com/blog/drupal-themes/theming-node-drupalthe-easy-way
But recommend to learn theming in drupal.
If you don't want to use HTML or change any PHP files then use the admin console.
http://drupal.org/node/1047760