Archive for the ‘wordpress tips’ Category

How to Link Full Size Images in WordPress Gutenberg

Wednesday, October 5th, 2022

By default, WordPress (Gutenberg edition) inserts images without allowing to click to a larger size.

Because you need to ensure that page load speed is as quick as possible, we all tend to shrink the image size down to 50 or 75% so this can be a frustrating experience for your readers to not be able to clearly see what you are showing.

INTRO

  • You can make the image clickable (to a larger size) either by choosing “Media File” or “Attachment Page” when adding your image.
  • I believe there is a slight SEO advantage by using attachment page so I prefer to use this method

INSTRUCTIONS

  • STEP # 1 – add image to your WordPress post
  • STEP # 2 – Click on the Hyperlink icon
how-to-make-wordpress-image-clickable-to-larger-size-step-1-add-image-fl
  • STEP # 3 – Click on the “Attachment Page” link
  • STEP # 4 – If you want a larger image to open up in a new window, you can click on the CAPTION section which will open up a mini pop-up with another chain link icon (I do not recommend this method as it tends to clutter user’s screen)
how-to-make-wordpress-image-clickable-to-larger-size-step-3-attach-page-fl
how-to-make-wordpress-image-clickable-to-larger-size-step-4-caption-open-new-window-fl

SUMMARY

That’s it! Of course, if you are using WordPress’ Classic Editor, it can all be done with a bunch of clicks or manual coding.

Reviews – DZS Video Gallery WordPress Plugin

Monday, May 14th, 2012

I purchased DZS Video Gallery plugin for WordPress because of its flexible ability to rotate videos and could not find suitable alternatives in WordPress.org/extended/plugins area.

It cost just $15 (one site only) so the price was okay, but it was fairly difficult to configure it as a newbie non-coder.  Because I was experiencing the very same problems (blank video screen, no navigation, etc.)  faced by numerous other purchasers (http://codecanyon.net/item/video-gallery-wordpress-plugin-w-youtube-vimeo-/discussion/157782?page=33), and what seems like a lack of support from the seller, I was ready to throw in the towel after couple of hours.

But, as I said before, I could not find suitable alternatives so I decided to give it another try before asking Envato (marketplace administrator) to issue me a refund.

ENVIRONMENT

* WordPress 3.3.1 (self-hosted – NOT part of WordPress.COM)

* Studiopress Genesis Framework (v.1.8.1) with Magazine theme (v.2.0)

* WordPress plugins:

  • Akismet
  • Contact Form 7
  • Dynamic Content Gallery (studiograsshopper.ch)
  • DVZ Video Gallery
  • Google Analytics and XML sitemaps
  • Sociable
  • Social Media Widget

PROBLEM

For the purposes of testing DZS Video Gallery plugin, I created a short Youtube playlist containing 4 videos. Following the author’s instructions, I grabbed the youtube playlist ID and other information and entered into the plugin but no matter which configuration I tried, I was simply getting a black screen in my web page.

SOLUTIONS

#1 – I knew some problems can arise when there is a conflict between plugins.   I figured if there was a conflict, it would have been between the Dynamic Content Gallery and DZS Video Gallery due to javascript resources.  Thankfully, Dynamic Content Gallery plugin came with 2 Javascript Framework methods:  Mootools (default) and jQuery.

My DCG was defaulting to Mootools, so I changed it to jQuery and I saw immediately that DZS video screen was displaying some navigation controls.  Good sign.  I then proceeded to instruct DZS to let Flash Handle Feeds (The very last field before IMPORT – choose “on”) and voila, my video was up and running.

DZS Video Gallery Plugin Review - How to Make It Work 1

Fig.1.1

DZS Video Gallery Plugin Review - How to Make It Work 2

Fig.1.2

DZS Video Gallery Plugin Review - How to Make It Work 3

Fig.1.3

DZS Video Gallery Plugin Review - How to Make It Work 1

Fig.1.4

DZS Video Gallery Plugin Review - How to Make It Work 5

Fig.1.5

DZS Video Gallery Plugin Review - How to Make It Work 5

Fig.1.6

#2 – The second problem I faced was after inserting a logo to my screen.  When I clicked on it, a new browser opened up and went to http://activeden.net/user/ZoomIt?  The author was kind enough to state that I needed to change the URL in the field name called LogoLink located in the gallery.xml file (path:  dzs video gallery –> deploy –> gallery.xml).  Just make sure to change the value to your destination URL for all 4 gallery XML files (gallery.xml, gallery2.xml, gallery3.xml, and gallery4.xml).  If you have cPanel, you can use it’s online editor.  Otherwise, grab a free Notepad++ to make changes and use an FTP client like Filezilla to ftp over new files.

DZS Video Gallery plugin - logoLink value change

CONCLUSION:

As a newbie, this plugin was not easy to configure but if offers functions that other free plugins do not offer at the present time. Do I recommend it?  Yes,  but make sure to bring plenty of patience!

BTW, the plugin still does not rotate videos.

How to fix blurry or fuzzy DIYtheme header image

Tuesday, February 7th, 2012

DIYtheme has a nifty feature where it resizes your uploaded header image or logo based on page width (s1+s2+content columns). Unfortunately, that means if your logo is created with 150 dpi or lower, your logo might look fuzzy or blurry.

Rather than battling back and forth with resizing your logo (very frustrating), simply recreate your logo with 300 dpi or higher and save it as a .png file. That will most likely solve the blurry logo issue.