Edit HTML source code generated by WordPress theme - php

I am trying to identify the location of the HTML source code generated by my WordPress theme. To be more precise, I am trying to edit the style of a tag from the gallery page - which is actually the header of the page.
The gallery is installed as a plugin (Envira-lite), so the first place where I started looking for the code was in the WordPress Dashboard under Plugins > Editor. Could not find what I needed in there. I then searched under Appearance > Editor and went through all of the templates - all are php files and do not have the html that I need to edit.
Using Chrome Dev Tools I inspected the Gallery page and could find the exact line which I would like to edit Gallery, the big question is, where is this HTML code stored?
I even downloaded the entire contents of the theme via FTP and did a search with Notepad++ for Gallery but no results were returned.
Any suggestions would be greatly appreciated.
Thanks in advance.

Related

Looking to edit a webpage on wordpress that is created with bootstrap, trying to find the elements I need to edit within the Editor

I'm trying to edit a webpage of a friend created by a developer. A theme is installed on their WordPress dashboard however all the pages and particularly the homepage are either empty or don't match the front end.
I have looked at editing the theme that is installed however the homepage (under pages) is completely empty in the field and textbox, I believe that the previous developer has created their own theme in bootstrap and imported the theme into the editor. When I go under theme and CSS, there are several bootstrap files. However I can't seem to find where the HTML elements of the webpage are, I have used Google Chrome inspect to edit the elements however I need to find where they are located within the website itself to make permanent changes. There is also a carousel slider on the homepage (powered by SA sliders) that links to a portfolio page which opens a lightbox player of the video thumbnails in the carousel slider which I can't find the code for. barkingmouse.com.au is the website I am currently working on.
If you want to edit the home page view then look for index.php file and if you want to edit the template post page then look for single.php file
You'll find html elements in these files
And if you are looking for css files then he maybe have written styles in style.css file or he must have made a folder named css or sass

WordPress HTML code, help to find

Creating web-site on WordPress, and got problem with finding HTML code of current part.
Web site here
Need to change Services titles and descriptions, but can find this part of code on FTP server. Is it possible to find it? Here the structure of ftp
i supose it must be in index.php, or index-servise.php, i was cheking this files(and all other) there is only functional part of this blocks. Can anybody help me to find this HTML code?
The <head> tag of your page is located in the header.php file of the current theme you are using. Your theme files are located inside the /wp-content/themes/. You can edit there. To see which theme you are using, access your WP-ADMIN and navigate to Appearence > Themes.
The Services seem to be generated as Widgets, so you should find them in Appearence > Widgets. These are stored in the MySQL database and are not hardcoded in HTML.

How do I use an Inspector to find the HTML in a theme's PHP files?

I'm working on a Wordpress website for someone and I have a question. I used an inspector (firebug) to check out the html of my site but I need to know where to find that bit of code in the Wordpress theme (Spacing) php files. There's no search all feature and going through all of them separately is ridiculous.
I really appreciate any help you can offer!!
I found an article on it (https://wordpress.org/support/topic/search-through-php-files) but there really wasn't a solution. If I can find what I'm looking for in the HTML (it's a menu name by the way), why can't I go find it in the theme files??
I don't know if this matters but the HTML is a body class to a couple of div classes to a ul id to li id to an a class.
WP does not contain ant HTML page. Everything in WordPress php file. If your page is created in page section you have to check in page.php file in /wp-content/themes/{your theme name}/page.php or if your page is posts you to check in post.php
What you want to change in WordPress site ?
If you go into the back-end/admin section and click "Pages". Find the page you are working on and click edit. In the "Page Attributes" you can see what "Template" it is using.
Then you can find that template in /wp-content/themes/yourtheme/
EDIT: More than likely the header and navigation is located in the "header.php" file in the themes folder.

Magento and Wordpress Joint. How do i edit a page manually or the CSS?

I am having problems trying to figure out how exactly i can edit a simple page of the website. I didn't initially create it so i am given the task of trying to understand someones code. So the problem is... i am trying to change the simple font colour on the front home page, but i cannot even find the CSS file on magento or Wordpress so i'm kind of confused. I want to change the white font colour to black.
Do i just log in with FTP and edit the pages manually on there? Please give me some information on how i can go about editing any pages at all.
Wordpress
Wordpress have /wp-content/themes/ for a directory which stores all instaled themes (downloaded or created by you). You can edit everything of a theme there. The default stylesheet file in wp's /wp-content/themes/[yourtheme]/style.css. Attention: this CSS file can import another from somewhere else.
Finding the style
You can find the ids and classes statements just positioning the mouse over the element that you want to discover what is influencing it, right button click and select Inspect Element if in Chrome or Mozilla. An add-on to help is Web Developer.
Possibly useful links: http://ithemes.com/tutorials/ ; http://mcbuzz.wordpress.com/wordpress-tutorials-complete-list/ ; http://themeshaper.com/2009/06/22/wordpress-themes-templates-tutorial/ ; http://line25.com/articles/15-tutorials-to-help-you-build-wordpress-themes
Web developer
Mozilla | Chrome
#edit Yes, you can edit via FPT or SSH connection ;P
In wordpress you should check in settings->reading what the front page is set to and css changes can be done in the theme folder wp-content/themes/theme_name/ and for magento the css is usually in /skin/frontend/package/theme/css. or somewhere close depending on the template.

Standard HTML & CSS to wordpress page

I created a webpage in Standard HTML and CSS and everything looks / works exactly how I want it too.
Now I need it to appear as it is on a wordpress site (http://www.texasenergyessentials.com/). I already created a template page and can see it in the template select in the wordpress "add new page" window. I was hoping I could just select the template and leave the text editor blank but that doesn't seem to be the case. All I get is a completely un-formatted page that says welcome guest.
What is the easiest way to get https://gist.github.com/anonymous/8545681 to work on the aforementioned wordpress site? ?
Thanks!
P.S. Please don't link any codex files I just spent 2 hours digging around in them :(
Try to read and understand how http://codex.wordpress.org/The_Loop works
Install this theme https://code.google.com/p/wordpress-naked/ and try to work your way to the desired theme by editing theme files. That will be much easier.
Maybe the problem can be understood by reading the template hierarchy:
http://codex.wordpress.org/Template_Hierarchy
(especially check the visual overview)
If you name your file page-[insert-page-id-here].php Wordpress will use it for the page you've created. Get your page id by editing the page and looking it up in the url.

Categories