Hand-draggable windows

  • charly102020

    (@charly102020)


    3 years, 6 months ago

    Hi, I am more or less new to wp support, I hope I am on the right channel.

    I would like to achieve an effect like the one on this site, where posts / pages are opened as “draggables” objects, and always within the main page:

    (I clarify that the page is not mine, I have no commercial interests, nor do I know that it has malicious code.)

    I’ve searched the web a lot, including the well-known development forums, and all I come to is that they use jQuery technology, but I don’t know where else to go.

    I want to know where to look to be able to / know how to implement that way of presenting content, or if it has already been developed, how to do it. Sorry for the syntax errors, my main language is Spanish (in case I have to read, I can also use German and Portuguese)

    • This topic was modified 3 years, 6 months ago by James Huff. Reason: link moved to proper field

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Howdy_McGee

    (@howdy_mcgee)

    3 years, 6 months ago

    Hello,

    I’m not sure this is common. Dragging elements on a page is common but specifically content windows on a page, not very common. You can achieve this with HTML, CSS, and JQuery Draggable.

    Some possibly helpful tutorials on the matter:

    1. JQuery UI Draggable Example
    2. W3Schools Javascript Draggable
    3. Interact JS Library

    I do think doing this kind of thing is a bit developer centric. I’m not sure there’s plugins built for this kind of thing (nothing I could find).

    Thread Starter charly102020

    (@charly102020)

    3 years, 6 months ago

    Thank you very much for the answer.. Exactly, something like that I had already seen. The w3schools example is very good. The problem is that I don’t know how to implement that in a complete site, in which I have to handle a lot of posts and / or pages

    Howdy_McGee

    (@howdy_mcgee)

    3 years, 6 months ago

    @charly102020 I guess it comes down to how familiar are you with development? Is it something you want to learn how to develop? Maybe start off with the basics like:

    1. Creating a Child Theme
    2. Understanding WordPress Hooks
    3. Enqueuing Assets
    4. Understanding “The Loop” in WordPress

    Understanding the above 4 points will help you get started. You’ll be able to enqueue your JavaScript and CSS into your Child Theme. Creating custom queries or override archive pages to inject your custom HTML wrappers. It might be easier to start off with something simple like “Adding a JavaScript alert box” then building up to creating content windows as in your example.

    If this is something you need right now then it might be beneficial to reach out to your local WordPress community either through Meetup or WordCamps or Live Chat (via IRC) as you run into development questions.

    Thread Starter charly102020

    (@charly102020)

    3 years, 6 months ago

    It’s the best guidance I’ve gotten so far. Thank you very much for taking the time to respond.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hand-draggable windows’ is closed to new replies.