Making a "scrolling" map in wordpress - wordpress

I saw this site with a map showing different parts while scrolling https://www.visitfinland.com/destinations/. I want to make something similar in wordpress ? Do I need some plugin ?

A scan of the website revealed no 'magic' plugins or themes to make such a scrolling map. This is probably a product of a very clever (and quite expensive) design agency. So theoretically, you could make something like this in WordPress, but you certainly need knowledge of css to accomplish that.

Related

How to create a photo gallery in WordPress by coding?

I created a photo gallery in WordPress, but the above gallery has a problem due to the interference of plugins. For some reason I can not remove plugins, Otherwise I would have done it.
So I said may be it could programmatically create an image gallery and add it to WordPress.But I do not know how to do it. I also do not know what code to use - html, css, js, php, etc. I only know a little bit about html.
Thanks for consulting me on this
Hoping to eradicate Covid-19
My recommendation is to find a gallery plugin that is compatible with your version of wordpress and has the features you're looking for or use the built in gallery from wordpress if you're using a theme that supports it. Scope it out here https://wordpress.org/support/article/the-wordpress-gallery/.
Hand coding is definitely one route to take but with having a small amount of html knowledge the plugin route may be your best bet until you can grow those other skills.

Add id to elements in wordpress

Im working on a wordpress site and right now a lot of elements has the same id which makes it difficult to customize.
Right now my solution is to add changes to all of the elements which isn't feasible, the difficult part is I am unsure of how to add an ID to the specific element.
Do I do this in the css file or do I edit in php somehow?
Or is it possible to add an ID with some plugin or similar?
There is no short or easy answer to this.
The best way to figure out what's broken in your theme is by looking into the files it contains and how it works. I could not find the Cherry theme that you mentioned in your comment so that I could take a look.
Of course, to understand what's going on you're going to have to know a good amount about how themes are written. I can't suggest a better place to start than the Codex article on theme development. You may get better results (depending on how you learn best) from a web search for something like wp building a theme. I did and I got this and this but I learn best by reading; maybe videos will help you more. Unfortunately, you really won't be able to eliminate this step and it takes time.
Your theme most likely -- if it has been built in the WordPress way -- uses a series of included templates with the get_template() call. As you're looking, this is probably what you want to look for. I remember the first time I dissected a WP theme it was a daunting task and I had already been a very experienced developer for a long time at that point. Don't be discouraged.
Some themes and plugins use actions and filters to allow modification of their content. If your theme does this, modification could be as easy as hooking on a few of the right ones. This will still require figuring out which hooks to attach to.
I may be able to update this answer with something more specific if you point the first 5 or 10 hierarchical children directly below the <body> element in a typical page, like your home page or your blog page.
If this seems too complicated, you're probably best to consider hiring someone who is more familiar with WordPress theme modification to help you out.

converting .liquid to .php? Shopify Theme to Wordpress

I'm an amateur so be gentle. I own a Shopify store and I am in the process of creating a product forum hosted outside of Shopify in Wordpress, using a subdomain. (Why? Because embedding a forum like Tal.ki, didn't quite work so well)
I want to make the transition as smooth as possible when navigating to the forum; ideally the customer wouldn't even know they have left the store. Problem is, my sexy liquid theme from Shopify doesn't play nice with php and wordpress.
Is there anything out there that will convert liquid, particularly for people without an enormous amount of technical skills, like myself.
Thanks in advance
W
I'm no liquid zen master myself, but if I wanted to do what you're describing, I'd take a look at the php port of liquid: https://github.com/harrydeluxe/php-liquid
Without having looked through that carefully, my guess would still be it's not going to be particularly simple to put together the specific solution you've described.
Fwiw, it looks like you can embed disqus in shopify product pages (and therefore elsewhere, I'd presume): http://docs.shopify.com/manual/configuration/store-customization/disqus
Presuming that you largely want customers to be able to discuss particular products, working at it from that angle would probably be an easier path. I can think of a lot of ways that could work well (beyond having disqus threads on specific product pages, you could create shopify pages with or without product collections on them to serve more as discussion hubs, and also integrate that all more easily with the native shopify blogging functionality).
Since you are doing nothing here but "Skinning a forum" to look like your Shopify theme, there is no Liquid for you to even deal with. Your forum HAS NO LIQUID. It is what it is. If you want your forum to look like your Shopify store, just copy your CSS over to the theme and hack at the theme of your forum.
Therefore, this question is off-topic and instead should be asking how to take a set of CSS for one application and apply it to another.

From website to WordPress or from WordPress to website?

I hope this is not too basic to be off-topic, but I am wondering to what extent it is possible to customize WordPress to fit an existing design. I have a design in mind and read somewhere (WordPress manuals?) that it is possible to only manage a small part of a website with WordPress and then slowly migrate the whole site to be WordPress-managed. If one would like to preserve a certain design, is this preferred to tweaking WordPress templates? That is to say, should I start from a website and slowly move into WordPress, or should I start from the WordPress template, and try to tweak it until I arrive at the design I want. Are there any examples of WordPress sites, which fall into light-weight (but image heavy) websites, which exhibit freedom from the WordPress mold? (Is this too vague?)
Generally speaking, I think it makes more sense to start with WordPress from the start if that is what you intend to use at the end. It will be much easier to transition your site into being fully WordPress-managed after you have some small piece of it in WordPress. This is because, while a lot of the design will fit easily into the HTML WordPress with only minor tweaks, WordPress theming is kind of a specific subcategory of its own, and there will be less of a barrier to moving if your start with CSS that is compatible with WordPress.
WordPress also makes it easy to override individual page nodes, so the static portions of your site can be part of WordPress in a very loose sense, and you'll have full control over the markup. It is less to start writing your markup knowing what you've already had to do to get your design to work with WordPress than to transition to WordPress later.
If you are new to WordPress theming, here are some links to get you started:
http://codex.wordpress.org/Theme_Development
http://themeshaper.com/2009/06/22/wordpress-themes-templates-tutorial/
Your approach depends on the technical capabilities of you to setup two sites that live next to each other.
In general, you'll have to modify Wordpretss theme to fit your design. I prefer something of a skeleton theme - http://themehybrid.com/themes Skeleton/Hybrid one. The thing about this approach is that you'll have to build your design from ground up and fit it into Wordpress way of doing things. Wordpress likes to output HTML with additional CSS styles and it's usually much easier to use those elements then to modify them to fit yours.
My personal choice, I'd start using WordPress right away, learn as much as I can about the CMS aspects, you have great tutorials at WP101 (dot) com then move to create or built your own templates. I'd suggest you first start with a simple template like Twenty Ten and modify it then perhaps you can use Responsive which is my favorite or many others. This 2 sites for example were built in WP
http://www.philiphousenyc.com/ and
http://www.danielhopwood.com/
Good Luck,
Mike

Strategy in the design and coding of wordpress themes?

For creating wordpress themes, people usually follow one of these two methods
Design Mockup in photoshop or similar tool and code the HTML & CSS from the scratch
Choose a base theme and design the mockup keeping the base theme in mind and code on the selected base theme.
Which is the better way of these (or anything other than these) on tackling the Wordpress theme creation?
It depends on what you're trying to accomplish. I lean and develop using Option 1, with using option 2 as a way to glean ideas from.
The main reason is that the photoshop mock-up, no matter how close you ask the designer to follow a existing template, "usually" is different in some fashion, so that by the time you get into the middle of the theme you find that the existing template you could modify doesn't accomplish everything that the client is asking for (unless the client is a relative, in which case you could say too bad).
The other reason is call scope creep. Meaning that the original scope that was presented has now grown past your theme. You'll then have to ask yourself if you can dive into someone elses code and figure out what they were trying to do and then see if you can hack it up enough to fulfill you clients new requirements or if you're better of developing from scratch and then when scope creep comes up, you know right where to go/do in order to meet their requirements.
Anyways, something to think about.
It really depends on what your company/client requires. If they have specific requirements that cannot easily be met with a theme, you'll probably be better with option #1. If they are asking for a design submission, and are leaving the implementation/design up to you, go with option #2.
Some of the premium wordpress themes out there are quite good. Note that for either tool you'll be doing a mockup in Photoshop, so start with that and see what your company/client thinks.
You'd probably want to use an existing theme as a base for a new theme, or at least as a reference, for knowing which Wordpress Codex functions to call to retrieve data to use in your theme.
The HTML/CSS design is only half the solution - you still need to retrieve the data from WP to show.
Use Sandbox to start your theme with, it is free and it gives you many classes to do a lot of the design tricks you see is great wordpress themes.
http://www.plaintxt.org/themes/sandbox/
Another great theme to start from would be Thesis:
http://diythemes.com/thesis/
I always start from a theme that allows me to do things easier in the long run.
I always start out with a Naked theme (like Starkers, by Elliot Jay Stocks), and otherwise build everything from scratch.
If you want to save time, or are not (and don't care to become) very familiar with Wordpress PHP logic, then I'd start with an existing theme.

Resources