From two days i am shocking and have surprize, if upload the jpg image in wordpress site via
media then its make my image pixelated. Even image fine. If i upload png image then its working fine. But any jpg upload in correct format but when see in browser then its come pixelated and blur check below link, first time you see this fine but when you refresh then you see its come blurred.
http://www.edarabia.com/wp-content/uploads/2014/11/prince-andrew-visits-british-school-al-khubairat2.jpg
IF you check here then its show fine
http://www.edarabia.com/102810/prince-andrew-visits-british-school-al-khubairat/
Even i done all plugin setting default restore and done many experiment but this problem not solved.
Thanks
General answer to "my Wordpress site has issue":
disable plugins - if problem gone, enable plugins one by and and test again.
check functions.php for extra functionality - try to remove all filters here.
test with some default theme. IF problem solved - issue was on theme.
Related
I've been using ckeditor4 for ages in my custom CMS and I've just integrated ckfinder3 so I can use drag & drop image uploading via ckeditor4. Everything is working properly and I have it resizing images upon upload (set in ckfinder/config.php) - all good.
My issue is I want it to create a thumbnail of the image too, as it did in the past (I've been using an earlier version of ckfinder). They used to be uploaded to userfiles/_thumbs/images/ but now it doesn't seem to do it.
I have a few custom bits set up for my editor such as a custom config file and custom contents.css but they shouldn't have any effect on this. My editor code from within my CMS is below, all pretty straightforward stuff and it all works except for the fact that uploading images using drag & drop doesn't create a thumbnail too.
A point to note that if clicking on the 'image' button on the ckeditor toolbar, then uploading the usual way - browse server/upload etc, the system does create a thumbnail and places it in the folder here: userfiles/.ckfinder/cache/thumbs/images/theUploadedImage/theUploadedImage.jpg
Any pointers would be gratefully received. I hope this makes sense!
Thanks
<textarea name="blog_text"></textarea>
<script>
CKEDITOR.replace( 'blog_text', {
customConfig: 'mycustomfolder/myconfig.js',
contentsCss: CKEDITOR.getUrl( 'mycustomfolder/mycontents.css' ),
filebrowserBrowseUrl: 'ckfinder3.4.5/ckfinder.html',
filebrowserImageBrowseUrl: 'ckfinder3.4.5/ckfinder.html?type=Images',
filebrowserUploadUrl: 'ckfinder3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl: 'ckfinder3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Images'
} );
</script>
The paths and the methods of creating them were chnaged in CKFinder 3. Assuming that you are using default configuration, all thumbnails are being created inside /userfiles/.ckfinder/cache/thumbs/ folder and are on CKFinder private use only. They actually were for private use in CKF 2.x as well but users liked to abuse that.
Thumbnails get also created if you use, available in Popup and CKEditor integrations, "Choose Scaled" option. In that case scaled image gets created inside /MainFilesFolder/resourceTypeFolder/__thumbs/NameOfImage.extension/NameOfImage__widthxheight.extension e.g. /userfiles/images/__thumbs/Students.jpg/Students__480x320.jpg.
You can somewhat change the location of private directory through https://ckeditor.com/docs/ckfinder/ckfinder3-php/configuration.html#configuration_options_privateDir but please note that end of path resourceTypeName/theUploadedImage/theUploadedImage.jpg will not change.
There is also a simple plugin available online which allows generating thumbs on file upload. Perhaps this is something that might suit you or something that can be used as a jump start to create your own custom plugin: https://gist.github.com/zaak/7bb61025bfd9d3a6633029b0b4b087f9.
In order to upload images to my server I need to post to a specific URL so that I can handle it on the back end. TinyMCE seems to provide support for such functionality, but it's not entirely clear or explicit about it.
I tried using JustBoil.Me to upload the image, but the way it's set up does not play nicely with my Laravel and URL setup.
Have any of you had to do this before?
I found this resource to be very helpful, but the lack of literature on this topic is shocking:
Direct Image Uploads in TinyMCE 4 (it would be amazing to see a PHP/Laravel server side code snippet on how to return something that TinyMCE can process)
I am using "D5 Socialia" theme Version 1.2.8, WordPress 3.7 and installed lumia-bxslider slider plugin to my site.
I encountered these issues:
- Height which I set from admin panel doesn't work.
- Now bullets or next previous button is appeared.
- I can not understand the functionality of.
->Prev Images Path
->Next Images Path
->Pager Images Path
->Pager Active Images Path
Above given options in lumia-bxslider plugin settings.
I think by this time you have already solved this issue. But probably somebody will come
across it in the future.
So just like most slider plugins, you may override the default css, images and etc.
Below is for your question.
->Prev Images Path : The path to the image icon. (i.e. /wp-content/themes/yourtheme/imagefolder/usual_left_arrow_icon.png)
->Next Images Path : The path to the image icon. (i.e. /wp-content/themes/yourtheme/imagefolder/usual_right_arrow_icon.png)
->Pager Images Path : The path to the image icon. (i.e. /wp-content/themes/yourtheme/imagefolder/bullets_inactive.png)
->Pager Active Images Path : The path to the image icon. (i.e. /wp-content/themes/yourtheme/imagefolder/bullets_active_usually_blue_or_black.png)
Regarding the height, the developer noted that sizes are determined by getting the image size/dimension and the plugin does not resize images. If really needed, I recommend that you download a mass image re-sizer plugin or use Wordpress' core image editor.
If there's no images appearing, you may have entered an incorrect path. I assume that you are getting 404 error from your browser's developer console.
I suggest that you always get the updated plugin.
Below are the links for updating it:
http://wordpress.org/plugins/lumia-bxslider/
https://github.com/wp-plugins/lumia-bxslider
I am trying to upload image for my application through an editor. I am using php. I think default tinymce is not so much flexible at least for a user. So is there any editor by which user can add image which will be from their computer? If so please let me know.
Great one, but paid:
Readctor - http://imperavi.com/redactor/
Easy-looking, easy-writeble functions (and for custom uploading ajax script too)
I do a lot of tutorials using Wordpress. The main characteristic thing is that every tutorial has a lot of screenshots. Not just whole screen shots, but fragments of screen important for explained part of tutorial. In my work i do mostly website parts screenshots.
I usually do it like this:
- press PRINT SCREEN
- open Irfan View
- paste whole screen capture
- crop part i need
- save it do disc of my computer
- click "add image" in wordpress
- choose the image from disc
- voila, one image is added to post
And when i write 1 tutorial post i do it like 20-30 times...
So my problem is that it takes like "A LOT" of time.
And search some plugins to help me with this work. I use Firefox, but have also Chrome and Opera. I've found "Light Shot" plugin for Firefox. It' basically gives you option to select part of webpage and save it to it's website or clipboard. But unfortunately you can not embedd the image from their server in wordpress.
So i pasted clipboard images to blog post. But when i do this images are embedded as inline images. It worked for short tutorials. But when i saved tutorial with 5 images Wordpress cut it in half and saved only half of my post.
And even if i would fix it somehow i dont want to have inline images, because it would kill my server performance and you can't share the image in other posts.
So i thought i ask you guys if you know any solution to make screengrabbing to Wordpress easier. Maybe there is ready solution I didn't know before.
UPDATE:
Light Shot can take cropped screenshot to clipboard. So what i would need now is a extension or application that can upload image from clipboard to Wordpress gallery. Do you know any?
There are a few services that do this for you, such as:
http://www.websnapr.com/
This site lists three options:
SnagIt with autoexport - images go into a new post. $50
http://www.techsmith.com/snagit.html
PicturePaste - Free for 50 pictures. $10 if you host on your own server. $30 to use their servers.
http://www.attacat.co.uk/brain/add-screenshots-to-wordpress-org#axzz1hwPOygFu
best solution i have found is SPGrab
there was one ff extension that was very promising - it seems to have dissapeared :(
https://addons.mozilla.org/en-US/firefox/addon/screen-grab-to-wordpress/
UPDATE: Light Shot can take cropped screenshot to clipboard. So what i would need now is a extension or application that can upload image from clipboard to Wordpress gallery. Do you know any?
There is now a free Wordpress plugin called Image Clipboard. It allows you to paste images from the clipboard directly into Wordpress posts using Ctrl-V.
I use it in combination with LightScreen, which is a screen-grabbing tool that supports capturing arbitrary regions of the screen.