How to add Visible Edit Shortcuts on Wordpress - javascript

My WordPress theme is not showing visible edit shortcuts in customizer, in menus, or any other place, but my sidebar template is showing the visible edit shortcuts. In my custom sections it shows when I don't select a page like in the TwentySeventeen Theme.

I'm not sure I fully understand the issue you're having. But a few things that might help you figure out how to solve the issue:
Switch themes and see if the issue persists
2 If the issue continues, deactivate all your plugins and turn them back on one by one to see if there's a conflict.
Finally, if you are trying to add edit buttons, you need to create a couple elements...
<input type="button" onclick"createEdit()" value="Edit">
and a javascript function...
<script>
function createEdit() {
THE CONTENTS OF WHAT NEEDS TO BE ALTERED
}
</script>
Hope this helps!

Related

React - creating accordion with bootstrap doesnt expand/close on click

Iam trying to create a accordion from the bootstrap website in React. Iam following this website https://getbootstrap.com/docs/4.1/components/collapse/#accordion-example
I copied their example code and it looks exactly just as the example on the website but the problem is when I click on the accordion nothing happends, it doesn't expand or close. Is there suppose to be a onClick function somewhere in the code that needs to be included?
you need to copy the JS as well as the css code from bootstrap lib.
i suggest to use code from my google search bellow, create a component and just adapt the css style to bootstrap
https://www.google.it/search?q=accordion+example+jsfiddle&oq=accordion+example+jsf&aqs=chrome.1.69i57j0l5.12453j0j1&sourceid=chrome&ie=UTF-8
actually is very easy to build it
Forgive me if I'm totally wrong here, as I am fairly new to web development- but I've used that accordion before and simply copying and pasting their code should do the trick, provided you have added the proper link tags from their "Getting Started" section in documentation set in your index.html (not just CSS but all of the JS links, too).
I hope this helps!!

Edit existing items in a Wordpress theme

I've created a homepage, that simply has a sentence as the content
I've edited the settings so that this the front page of the website.
However, given the theme that I am using, when I go to the home page, this is what I see
I can see the content of my home page at the very bottom, but before that, there is a slider and a couple of blocks (that presumably come with the theme).
I'd like to know either how to remove these default blocks, or edit them myself to include links to other pages.
Also, as you can probably tell, I am very new to Wordpress. Are there any good documentations for beginners that would teach me how to create pages, edit and customize them so that I can have control over the whole page (as a regular website)?
I think you should edit by the php file, so if u don't know PHP start here.
Go to : menu > appereance > editor.
Here u see all the files you need. The file you should edit change with the theme.. so go through the code.
Maybe, it's under header.php
The html code you get above your content is inserted from the page template assigned to your homepage. Thus, if you want to modify it somehow you should go Editor Panel in Appearance Menu, then edit desired template. You can also create your own template with structure you actually want and assign it to that page.
As for a documentation, I think you're going to be good with the official one.
You can edit it by going appearence->editor with php code, be careful when you doing this
if you want to edit a header, you can find header.php in that particular theme
same with footer.php and you customize the design by clicking appearance->customize

Missing Desktop Navigaion

I have been trying to debug this issue for my online portfolio. Thought I'd turn to you the Stackoverflow community for some assistance and might learn something along the way from the communities finest.
I'm probably missing something obvious. I have been trying to debug an issue where the navigation is not appearing as it should be.
Then the page is being loaded, for a split second, you can see the desktop navigation.
Loading Screenshot below:
After the page has completed loading, the navigation is not displaying.
Final load screenshot:
What am I missing here?
I found the answer to my own question. I was missing a space between two classes.
Backend code:
<div class="tm-navbar<?php echo $navbar; ?>"
This should of been like this:
<div class="tm-navbar <?php echo $navbar; ?>"
I do apprecaite all you help. Thanks guys.
it seems like theres some jQuery or javascript causing the menu to initially be hidden then to show when you scroll down to a specific point in the page.
it looks like that js or jquery is adding a classes to the div "tm-navbartm-navbar-overlay" called
"tm-navbar-transparent" which controls the menu being hidden, and also the class "uk-animation-slide-top" which controls the menu to show on scroll
first try doing a search for these classes in your project folder and if you see somewhere in a js file where it is controlling the nav, get rid of it.
if that doesnt work revert what you did and try overriding it with simple line of jQuery placed at the top of your main js file
$(".tm-navbartm-navbar-overlay").show();

Wordpress, Meta Slider navigation control don't appear

I'm developing a theme for an online store from scratch, I used underscores and Bootstrap and now I want insert a slider with the MetaSlider Plugin.
The problem is that I have no controls, and also the slider is not working, get stuck in the first image.
The curious thing is that in the admin page when I click on "save and previsualize" it works perfectly.
I inspected the code and I realized that the <ul> element that contains the controls is not there, so is not a css problem.
Check if there is no any conflict with another plugin. It may cause if there is another version of jQuery library that embedded in the page.

I would like to make my menu effects disappear

I am new in web development. I am using the following Wordpress theme: http://test.dominikos.com/
I'd like to disable the top menu effects and make it look like simple white boxes with links.
Obviously there is a JavaScript code that needs to be disabled which I can't find.
Is there a way to locate the file via Firebug?
Thanks in advance
You need to purchase before making changes
Hi, you can't edit the free templates on WordPress. You first need to purchase the theme and then look for the JS which is causing this.
View the source code to view the file
However, You can still view the source code, just go to the link that you're on. And right-click and select View Source Code or try the keyboard shortcut of CTRL + U. You'll see the source code of the website.
Go and buy it and then edit it
But remember that you can't remove or edit the files and layout of the free templates.
Go and buy it, then you'll be able to edit its view! Otherwise, you might need to create your own template by using this scratch of source code. Then you'll be able to create the theme of your own choice.

Categories