Im designing a big Dropdown-Menu with 2 Sub-Levels in the Divi WordPress Theme, where several menu-links are individual-links pointing to the same Page (the customer wants this). Now all of those links get an active class by default in WordPress once any link is clicked.
Is there an easy way around this without using jQuery?
I tried solving this using CSS, but I think Im missing something really basic in the WordPress settings.
Do you have a URL we can take a look at?
Related
Sorry if this question sounds stupid but im a noob with wordpress.
I am a javascript developer, and I want make a little game (or games) with wordpress. Opening main page there is a sliding puzzle. After complete, a button appears and clicking there you pass to another page. This is basically the same to all pages.
But I can't find were i put my javascript or HTML code. I create the pages but I can't edit them the way I want, everytime i try to do it i only can edit like word. I cant create, change or edit divs attibutes or tags. To be honest the only thing i can edit is CSS in stylesheet, but is too limited.
I have done the search, try found a solutions or ways to done it but when i look to tutorials is all diferent from what i see.
to give you an ideia I want to do a mix of this:
-> http://www.rustylake.com/room-escape-games/cube-escape-case-23.html
and this
-> https://ebonyriddle.com/
but i don't know how to edit page to page.
can you help me?
Thanks for everything
PS: I know I can do it without Wordpress, but I want use it anyway to learn more about the CMS (because of work) maintain website structure and later learn how to do my own templates or plugins.
To answer your question directly, yes it is possible (and easy, relatively speaking) to add custom code to every page / post of a Wordpress site.
More generally, you’re talking about creating a custom Wordpress theme, which you can find out more about here:
https://codex.wordpress.org/Theme_Development
and here:
https://developer.wordpress.org/themes/getting-started/ (Good suggestion from #ItsGeorge)
Regarding adding custom JavaScript to a theme, your files will need to be enqueued as per these instructions.
Outlining the steps involved in Wordpress theme development would go beyond the scope of your question, but there are plenty of resources online and answers to Wordpress specific questions on wordpress.stackexchange.com. You will need to familiarise yourself with php as well as JavaScript, to take full control of Wordpress.
I would say that developing a game feels like an odd fit... If learning Wordpress is your objective, a blog or personal website might be a better place to start, then you could move onto a game once you are familiar with the concepts involved, e.g. the loop, which plays a huge part in how Wordpress works
Good luck!
The primary focus of WordPress is to put HTML code and JS out of the user. You might manage your extra JavaScript files with your theme customization. If you want to get more control about how your pages are rendering, you should use action hooks and filters. The simplest way for you is to override each page template like this
https://developer.wordpress.org/themes/basics/template-hierarchy/#single-page
The preferable resource to ask Wordpress related questions is https://wordpress.stackexchange.com/
Hi I am looking to find out how i can create a menu like the one found on the following site:
[http://www.boo-burger.com/]
I am currently creating a new site in Joomla and would love to learn how i could create something like this. Would love to learn, so would be happy if somebody could advise.
I am aware of icemegamenu and other addons that create a responsive menu, but I like how this is animated and also doesnt take up the full width of the mobile page.
At first point that website is created in WordPress.
I'm a beginner coder and I've been tasked to do some coding in JavaScript using the jQuery library.
What I'm supposed to do are two things.
When I click on a pre-existing image it redirects me to a URL.
When I click a pre-existing text in the navigation bar, it redirects me to a URL.
I can do this fine in HTML but have some challenges with jQuery. Can any kind soul show me where I should start?
This info should help you out...
http://www.w3schools.com/tags/tag_a.asp
http://www.w3schools.com/jquery/sel_attribute_end_value.asp
I am transforming a blog for a friend (applying new template and creating new widgets etc), and since I am a complete newbie with Blogger since I always have used WordPress, he insists on using Blogger and thus I need to make the tough choices.
He had some posts done with his previous template which I have imported into the new template.
He wants me to create a most recent post dropdown menu on the navigation bar that opens on hover.
My link is the following:
<li><a href='/search/label'>Recent Posts</a></li>
But now I have absolutely no idea how to continue.
#Taz
Harish has made an Ajax Menu like that, you can follow his tutorial from here:
i could include that code straight forward to this answer but i'm not the author of actual code so you have to follow the tutorial.
I hope to create a website simple website with:
Left menu with items to click
When each item clicked, right menu is changed with new content. The content is always: title, picture 1, text description, picture 2. Same format for all left menu items.
Ideally I want the page to be just 1 page, without frame or separate .html files. If the item is clicked, jQuery will change the photos on right side with photo url in some array.
Is there an easy way to create this with existing templates somewhere? Either from internet, Wordpress (without database), Dreamweaver, or Dreamweaver plug-in... I just want to avoid having to do from scratch.
If you imagine this right, it could be just like a help page from MSDN, IBM or Apple Developer website. Just don't want to do each html separately due to potential change in format later.
Thanks.
Basically, each "page" should be placed in a div that is hidden with css. jQuery can show and hide the divs with a variety of effects.
I have created a simple example for you here:
http://jsfiddle.net/RLdmZ/2/
Whilst the exact specifications you require may not exist already, there are other options in jQuery.
Notably, a search for a 'jQuery gallery' returns many options varying in design, implementation and complexity.
Have a look for yourself!
I hope this answer solves your question.
It's my first answer, so go easy! :]