How to add custom div (+php) code to wordpress site - php

I am very new to wordpress. But have good knowledge in php, html, css and javascript.
I want to add custom font-resizer to my wordpress site. as shown below for example.
What would be the best and non-messy way to add the plugin code to my website.
I have looked at some tutorials online but it seems that I can't getting those.
Any help would be appreciated. thank you..

If you're trying to add that plugin specifically to your site, then its documentation suggests:
adding it through a widget that the plugin creates
or using this bit of code wherever you want in whichever template file: <?php if(function_exists('fontResizer_place')) { fontResizer_place(); } ?>
Does your theme have a place for widgets in its header? If not, you'll want to just place that bit of PHP somewhere in your header.php file.

Related

Using PHP with Wordpress

I am currently trying to develop a website for fun just to practice. I have written some PHP code locally on my computer together with some css and html. My question is if anyone is familiar with Wordpress? And if so, am I able to import my php files and css into wordpress and use both code and the tools that wordpress has?
Thanks in advance!
Absolutely yes. The first thing you should do is create a child theme.
In it, you will have a style.css file in which you can add all your custom CSS.
Also in there will be a functions.php file. You can add custom PHP in there.
If you're looking to do something more complicated, then look into writing a plugin.
You can create templates on WordPress.
How to create a template
On this template, you can save your PHP.
To add CSS to WordPress you can do that by going to Appearance > Customize > Custom CSS.
The path to your Custom CSS section may be different depending on what theme you use.

Customising a plugin for Genesis/Studiopress Wordpress

I have created a carousel (not perfect yet - images are not showing but it could work) with custom control icons ("next" "back") with Boostrap:http://homepage160630-v3.bitballoon.com/travel
Being not familiar with PHP, I found it difficult to integrate a CMS like Wordpress into my code, so I am trying to re-create the same site as a Genesis/Studiopress Wordpress site based on the Genesis Sample theme:
http://paulheartfieldphotography.com/home/portraits/
My biggest problem is to create the carousel. I have looked at "Easing Slider" plugin: of course it does not allow to position the control icons or even to create my own.
I wonder what shall I do? try to create the custom carousel by transforming my Bootstrap code into PHP or try to edit the plugin? or something else?
https://en-gb.wordpress.org/plugins/easing-slider/
I think your best option is to get bootstrap shortcode plugin like this one https://wordpress.org/plugins/bootstrap-3-shortcodes/
However there are a bunch of them and you should check what works best for you. The link above is just to visualize.

Wordpress - creating custom pages with php code

I need to add few additional pages to my wordpress site.
These pages should not be "part of the site", ie they should not be linked somewhere from the posts and so on.
However, they should have the same header/footer as the rest of the site ( I am using custom theme ). And they should be accessible via url.
The final requirement is, I should be able to code in php.
At the moment, I tried to create a new "Page" in my admin console. And then write some php-code inside. However, all my php code gets commented and since not executed.
I don't think that installing plugins such as Exec-PHP is a good idea, so I am trying to find other solutions.
Any comments/advice/suggestions how to make it?
I would be grateful if you give me some how-to link.
Thank you in advance.
You can use a custom page template in your theme for this and just keep the site empty in the admin panel:
http://codex.wordpress.org/Theme_Development#Custom_Page_Templates
By using Template tag's you can create custom page.
write this code on the top of your php file....
/*
Template Name: Your Template Name
*/

Theme integrated to plugin wordpress

i am writing a wordpress plugin and i want to make some changes on appearence of site.How can i change some html and css with my plugin?
What i mean is this:I do something with my plugin and i have some result with that.I want to add some css and make it beautiful.Where i want to make change is home screen.How can i do that?
For example,a theme's div class name is foo,another one is hoo.
Now when i want to prepend something to that div there is no similiarity.So i decided to write a little theme which is integrated to my plugin.
With another word,i want to change theme automatically by my plugin.Is that possible?
You can add new 'CSS' and 'Javascript' in header of you website using
<?php
add_action('wp_head', 'your_function');
?>
In that CSS file you can create whatever CSS classes you want. And yes this can be accomplished using plugin (But not recommended).
You will need to read a little bit about things like:
https://codex.wordpress.org/Writing_a_Plugin
http://www.onextrapixel.com/2009/07/01/how-to-design-and-style-your-wordpress-plugin-admin-panel/
http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/
Good luck and eventually let us know please :)

How to integrate HTML pages into WordPress?

I have a page in HTML(index.html), and a folders named images, css, js that used in it.
Now i have to do this in WordPress. Is there any plug in to convert Html to WordPress or any other way to do this in WordPress? Please help me.. i'm a beginner in WordPress.
I am not sure of a direct way to implement a HTML page into a WordPress theme, but if you have made header and footer files for your website, then all you need to do is convert them to make them WordPress compatible.
You should refer to the codex.
You can also go for any of the WordPress frameworks listed here.
A WordPress theme is easy to understand if you know basic PHP. It has a set of files like
header.php // header file
footer.php // footer file
index.php // the index file
page.php // for your WP pages
single.php // for your WP posts
and some other files
Go through the codex and it shouldn't take long to get the hang of it.
You need http://themematcher.com/
It'll automatically take your site, styles, images etc and create a wordpress theme for you. Check it out
Search for HTML to WordPress theme conversion and you can find so many good tutorials.
Check this article:
http://thethemefoundry.com/blog/html-wordpress/
Theres really only three ways:
Hire a freelancer
Convert manually by referring to http://codex.wordpress.org/
Use an automated converter. Best one on the market is
https://htmltowordpress.io
here is the link for complete solution of this problem.
http://wordpress.org/support/topic/how-to-integrate-htmlphp-page-to-wordpres?replies=6
make sure to add
/*
Template Name: Custom Page Template
*/
piece of code in index.php page at top in your selected theme folder, not on ur main index.php file.

Categories