Where can I edit/see the HTML of this Wordpress free theme? - html

the answer to this one will probably be obvious to many of you, but I recently decided to make a website for my girlfriend and expand my knowledge while doing that. So here is my dilemma:
I am using the Blossom Mommy Blog theme, which is a child of the Blossom Feminine theme.
Below a single post page, there is a previous post/ next post navigation menu and the "previous/next" text is in English and I want to change that to be in Bulgarian. I was able to see this in the browser debugger, but I can't seem to find where this comes from in the theme files themself, so any help would be really appreciated!
P.S. I even prepared a screenshot, but apparently I cannot attach files here...
P.P.S. Tried looking at the parent and child functions.php, also the templates, but could not find this HTML. Looks like some function is calling it, but I have no idea where to find this function.
With many thanks,
Dobri

Function: previous_posts_link();
Function: next_posts_link();
Use:
previous_posts_link( "Your label" );
More info:
https://codex.wordpress.org/Function_Reference/next_posts_link
https://codex.wordpress.org/Function_Reference/previous_posts_link

Related

How to make many pages in vs code

So I made 200 line code for a website I'm making and then I made a button to open another page that i will code as well but here is the problem I don't know how to start another page in vs code please help I'm beginner at coding I tried searching in YouTube but nothing helped
It can be hard to learn how to start - but we've all been there. You can do it!
For a brief starter, in VSCode, you can try this, and start learning from this point.
In your first HTML file button, ideally you'll have HTML similar to this: <a href="/file2.html"/>. In VSCode, just create file2.html in the same directory as file1, and add some HTML. It should populate.

CSS Slide menu does not work as expected

here is my situation:
I've created this slide menu:
http://codepen.io/facundo_larocca/pen/vgBmGG
It is working fine and i like it.
The problem happens in the live version, when I tried to add it to my web app, simply it is not responding to the click.
I haven't hosted my app yet and I think it would be too much code to put it all here, but I have my github repo as public.
If you want to check it out, well you will know of course, npm install and then npm start
It is a ReactJS project + CSS, the component, which is not working as I expect is called ThemeSelector. You can check it out here
I'm adding it into this one, check line 42.
All CSS classes can be found here
Whatever you think that is needed to clarify my problem, let my know!!
Thanks in advance and HAPPY NEW YEAR for everybody!!!!
Edited after #Gaby aka G. Petrioli's answer
As I'm using ReactJS instead of pure HTML, for tag must be replaced with htmlFor.
You have forgotten to add the for="navigation" on the label line 22, so they are not linked.

WordPress - enable/disable a div like a widget

I am building a custom WordPress site with my own theme. Is there a way in WordPress that would allow me to enable or disable a div in the sidebar similar to the way I enable or disable a widget?
For example, I have a div that is for a newsletter subscription form and a div that is for a call-to-action button. Is there a way that I can allow the WordPress administrator to choose which page to have the newsletter subscription form and which page to have the call-to-action button dynamically?
I have been searching but was unable to find any information. Perhaps I didn't have the right keyword?
Any suggestion would be greatly appreciated. Thanks!
For that to happen you would either have to go for the somewhat tricky solution, but on the other hand more satisfactory; create a custom options page with a true/false-solution using the Settings API. You can read more about that over at Codex here: https://codex.wordpress.org/Settings_API . They here refer to a handfull of external resources to learn more. This guide helped me when setting up my first built-from-scratch page; http://ottopress.com/2009/wordpress-settings-api-tutorial/ .
The other solution would be to use a plugin. The top shelf, best in class solution - if you ask me - would be Advanced Custom Fields; http://www.advancedcustomfields.com/ . It's a little bit of work to first get it's head around, perhaps, but when you get going you'll probably never look back. Creating awesome options pages is a breeze, and you probably will end up making all sorts of elements on your page optional - just because you can. But there's a catch; to create options pages you will have to buy the Pro version of it.

How to remove Linkwithin / Related Posts?

I wanted to try out Linkwithin, a widget to show related posts underneath each post, to see how it looks like and stuff. On the Linkwithin website you can install the widget by clicking on a link which directed you to Blogger. I added the widget to my blog.
Now I would like to get rid of it, but on the Linkwithin website it's stated NOWHERE how to remove Linkwithin! So I tried deleting the widget but it wasn't showing up. So I went to the HTML source code and wanted to delete it straight from there, but I simply can't find it...
Does anyone know how to get rid of it, or can find it in the code?
Website is www.wldhrts.com
Many thanks!
You need to remove that widget from your blog. It's the first widget on your right sidebar (just above the search box).
Move to
Blogger >> template >> edit Template >>
Search for 'id='HTML2' it's the widget holding your linkwithin code. You should be able to find code like
<b:widget id='HTML2' locked='false' title='' type='HTML'>...</b:widget>
Remove the whole widget.
you can alternatively set nRelate on your Blog which is way better then LinkWithin.Here is the link of complete post explaining every process step by step. nRelate also offer you to earn some money by showing ads on your Blog or website.
http://sarcaassm.blogspot.com/2014/02/setup-nrelate-widget-to-your-blog.html
it is not always 'HTML2'. it depends upon where you have it. just try to reinstall it from linkwithin site, you will see codes, see what are they, note down on notepad and then search them in tempelate and remove. that will only work super fast. you may also like 'how to remove it only from blogger home'

How to open an iframe from clicking an image

I'm wondering if anyone can help me. I'm hoping I can open an iFrame in the centre of my webpage from clicking a picture. So in effect the iframe would be hidden until the picture is clicked. I have a very small and simple upload form on another page that I would like to appear when the user needs to upload and click the picture. I've had a good look round on this site and google in general but not found what I'm looking for, or the basics weren't included because it's common knowledge for most people here. Would there also be a way of closing this when it's finished uploading too? The form currently diverts to the homepage when finished so It would be handy to have a close option as in the end (post successful upload) the iframe contents will be the same as the page it's displayed on.
The best/easiest I have come across has been on w3schools but I have read using html for iFrames is not widely accepted or it isn't the best option cross-browser.
I have been viewing and trying different code but without even the basic knowledge I can't get my head around it.
If anyone is able to help, please assume I'm 5 years old. I'm not daft but in terms of code I'm literally just starting.
Thanks in advance
You would need to add a javascript onclick function to your img tag which would open a new window upon a click. You would pass the window.open function the name of the html file you want to display. Something like this:
<img src="image.jpg" onclick="window.open('welcome.html')">