Hooks
My first Hook
my tutorial: savvy wordpress-hooks
implement on my site wp5.bone.co.il
what I did:
- enter with filezilla to wp.bone.co.il-->...theme/twentynineteen/function.php
- Open function.php with notpad++
- add in the end
function add_footer_link() { ?>
<a href="https://savvy.co.il">Savvy.co.il - WordPress Developer & Designer</a>
<?php
}
add_action( 'wp_footer', 'add_footer_link' );
this one works better!!!
function your_function() {
echo '<a href="https://savvy.co.il">Savvy.co.il - WordPress Developer & Designer</a>';
}
add_action( 'wp_footer', 'your_function' );
- see it is working on my site wp5.bone.co.il as shown above!!!
Basic WP Theme two files
Basic WP Theme two files
A: the minimum two files: index.php & style.css
source: https://napitwptech.com/tutorial/minimal-files-required-to-create-new-wordpress-theme/
- open a new directory for the new theme at /wp-content/themes/theme_name
- prepare the tow files (index.php and style.css) as shown below
- upload those two files to /wp-content/themes/theme_name/
- enter your_site back pannel --> appearance-->themes
- find your_theme and activate it!!!
- done!!!
index.html
<?php
get_header();
if (have_posts()) :
while (have_posts()) : the_post();
?>
<h2><a href=<?php echo the_permalink(); ?>><?php the_title(); ?></a></h2>
<em>Published on <?php the_time(); ?> by <?php the_author(); ?></em>
<?php the_content(); ?>
<?php comments_template(); ?>
<?php
endwhile;
else :
?>
<h2>No Posts Found</h2>
<p>Sorry, there are no posts yet.</p>
<?php
endif;
get_sidebar();
get_footer();
?>
style.css
/*
Theme Name: YOUR THEME NAME
Theme URI: http://your_website.com/your_theme_name
Author: YOUR NAME
Author URI: http://whateverurl.com
Description: Bestest, awesomemest theme ever! For all the following reasons:.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: awesomest, theme, ever, yo
Text Domain: scratch
Your Theme Name WordPress Theme © 2017 Your Name
Your Theme Name is licensed under the terms of the GPL.
*/
B: only six php files and one css file (without any directory
source: https://www.designbombs.com/create-wordpress-theme-htmlcss-template-part-2-creating-basic-theme/
scroll down at the link above and find the download the 7 files link as sown below:
add jQuery to WP
Add jQuery to WP
A: scripts-n-styles plugin
1) Install scripts-n-styles plugin
2) Add jQuery to WP
B: start insert the scripts...
1) my first script
1.1) what it does?
enter alert note when entering the website
1.2) the JS code
alert("The paragraph was clicked.");
1.3) place it in WP admin --> tools --> script n style
1.4) it is working!!! enter the website and see this alert!!!
1.5) reasources
youtube after entering youtybe main page and looking there for: Scripts n Styles jquery
the code I found in w3schools
2) small progress...
2.1) what it does?
enter alert note when clicking <p> anywhere in the website
2.2) the JS code
jQuery("p").click(function(){
alert("The paragraph was clicked.");
});
2.3) place it --> see in this page in paragraph 1.3
2.4) it is working!!!
1.5) reasources --> see in this page in paragraph 1.3