Order website or plugin development for WordPress, website development on the Laravel, Symfony, or Yii2 framework…
To install the jQuery gallery (popup window) script Fancybox, run the following command in the console:
bower i fancybox
But before installing the library, make sure that Node.js and npm are installed on your system. You can read how to do this in this article.
Today’s article concludes the series of lessons on developing an autocomplete plugin. Due to the plugin's functionality expansion, many changes have been made. So we’ll need to go through the code from the very beginning again, but without too many details. In short, two additional shortcodes have been added for more flexible output manipulation. One shortcode displays the list of posts, the other — the pagination.
Today we’re publishing the second-to-last lesson in this tutorial series. In this lesson, we’ll connect the autocomplete functionality and make a few adjustments to our previously written code. By the end, we’ll be able to see the list of matching posts displayed via autocomplete.
We continue developing the plugin “wp-post-autocomplete”. In today’s article, we will connect styles, a JS file, and the autocomplete library from the jQuery framework (which comes bundled with WordPress by default).
Hello! In today’s lesson, we’ll look at how to implement a simple “scroll to top” button using HTML, jQuery, and CSS.
As always, we start with the HTML code. Today’s structure is very basic:
<div class="to-top" data-btn="toTop"> ➡ </div>
Where:
to-top — the class we’ll use to style the button
data-btn="toTop" — a data attribute we’ll use to track scroll and click events (yes, we could use the class instead, but in this case we’ll use the data attribute)