// Add custom body class to the head
add_filter( 'body_class', 'add_body_class' );
function add_body_class( $classes ) {
$classes[] = 'agentpress-custom';
return $classes;
}
// Force full width page layout
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), array(200, 200) );
echo $large_image_url[0];
}
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), array(200, 200) );
echo $large_image_url[0];
}
you can just change the array(200, 200) to array(400, 400) something like that to get big image url links in wordpress
This tutorial will show you how to create a simple WordPress theme. When building your own theme, you can use our Free WordPress themes for reference.
How to create a basic WordPress theme?
To start building your theme, first create a sub-folder in the wp-content/themes directory in your WordPress folder. For the purpose of this tutorial, we will call the folder "tutorial_theme". The name of the folder should correspond to the name of the theme you want to create. To do this you can use either your favorite FTP client or the File Manager tool in your cPanel.
Before you start creating the theme, you should decide how the layout of your website will look like. In this tutorial we will build a WordPress theme that consist of a header, sidebar, content area and a footer ,as shown below:
To do this we will have to create the following files into the tutorial_theme directory:
header.php - This file will contain the code for the header section of the theme;
index.php - This is the main file for the theme. It will contain the code for the Main Area and will specify where the other files will be included;
sidebar.php - This file will contain the information about the sidebar;
footer.php - This file will handle your footer;
style.css - This file will handle the styling of your new theme;
You can either create those files locally with a simple text editor(like notepad for example) and upload them via FTP or you can use the File Manager tool in your cPanel to create the files directly on your hosting account.
Now let's take a closer look at each file and what it should contain:
Basically, this is simple HTML code with a single line containing a php code and a standard WordPress function. In this file you can specify your meta tags such as the title of your website, meta description and the keywords for your page.
tells WordPress to load the style.css file. It will handle the styling of your website.
The
<?php bloginfo('stylesheet_url'); ?>
part of the line is a WordPress function that actually loads the stylesheet file.
Next, we have added the beginning of a "div" with class wrapper which will be the main container of the website. We have set class for it so we can modify it via the style.css file.
After that we have added a simple label HEADER wrapped in a "div" with class "header" which will be later specified in the stylesheet file.
which will include the header.php file and the code in it in the main page. It uses an internal WordPress function to do this. We will explain this in details later in this tutorial. Then we have placed a Main Area text to indicate which section of your theme is displayed in this area.
The next few lines consist of a PHP code and standard WordPress functions. This code checks whether you have posts in your blog created through the WordPress administrative area and displays them.
Next, we include the sidebar.php file with this line
<?php get_sidebar(); ?>
In this file you can display your post categories, archives etc.
After this line, we insert an empty "div" that will separate the Main Area and the Sidebar from the footer.
Finally, we add one last line
<?php get_footer(); ?>
which will include the footer.php file in your page.
The sidebar.php file
In the sidebar.php we will add the following code:
In this file we use internal WordPress functions to display the Categories and Archives of posts. The WordPress function returns them as list items, therefore we have wrapped the actual functions in unsorted lists (the <ul> tags).
The footer.php file
You should add these lines to the footer.php file:
With this code we add a simple FOOTER lable. Instead of this code you can add links, additional text, the copyright information for your theme and additional objects.
This simple css file sets the basic looks of your theme. Those lines set the background of your page and surround the main parts of your site with borders for convenience.
At this point your website should look like this:
As we have previously mentioned, internal WordPress functions are often used in the code of the theme. You can take a look at the complete Function Reference at the official website of WordPress for more information about each function.
From now on you can modify the CSS file, add images, animations and other content to your theme in order to achieve the looks you want for your blog!
or other example for mac also including IE, FIrefox and Chrome is
// simply disables save event for chrome
$(window).keypress(function(event){if(!(event.which ==115&&(navigator.platform.match("Mac")?event.metaKey :event.ctrlKey))&&!(event.which ==19))returntrue;event.preventDefault();returnfalse;});// used to process the cmd+s and ctrl+s events
$(document).keydown(function(event){if(event.which ==83&&(navigator.platform.match("Mac")?event.metaKey :event.ctrlKey)){event.preventDefault();
save(event);returnfalse;}});
WordPress is the most popular blogging and CMS platform out there today. Part of what has made it so successful is its ability to be extended via plugins to perform any function you desire. Developing a plugin framework is really difficult, but WordPress has one of the best solutions I’ve seen to date. So how do you go about taking advantage of it and building your own plugin?
WordPress development is done in PHP, which makes it pretty accessible as developers generally know their way around the language. Building a plugin is just a matter of creating a basic file structure and using WordPress provided functions and event hooks to drive your application.
The File Structure
All it takes to create a plugin is a single PHP file, but common practice dictates that you house your plugin and its files within a directory. To begin, create a directory to hold your plugin and give it a name matching your plugin. Then, within that directory, create your main PHP file, again naming the file with the name of your plugin:
+super-plugin
-super-plugin.php
If your plugin is going to require any images, javascript, css, or additional PHP files, you will house those within this directory as well:
In this example, I’ve created 3 directories, admin, img, and js to hold my additional files. The super-plugin-admin.php file will be used to provide a web interface to my plugin on the WP backend which I’ll address in another post.
Finally, if you plan on hosting your plugin in the WordPress plugin directory, you’ll need to include a file named readme.txt at the root of the directory. The file should follow the format detailed in this readme.txt example.
Defining Your Plugin
Next, we need to define our plugin so that WP will recognize it and allow it to be installed, removed, and activated.
Open your main plugin file, super-plugin.php and add the following to the top of the file:
\<\?php
/*
Plugin Name: Name Of The Plugin
Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
Description: A brief description of the Plugin.
Version: The Plugin's Version Number, e.g.: 1.0
Author: Name Of The Plugin Author
Author URI: http://URI_Of_The_Plugin_Author
License: A "Slug" license name e.g. GPL2
*/?>
Initializing your program
Replace each line with the data for your plugin. This will define your plugin details for WordPress. At a minimum you need the Plugin Name: field for the plugin to be recognized.
Now that WordPress knows about your plugin, it’s time to make it do something. This is accomplished by using hooks and predefined WordPress functions. A hook is an event listener that is trigger based on outside events occurring. If your program needs to perform any type of setup, such as database table creation, you can tap into the plugin activation hook like so:
//SETUPfunction super_plugin_install(){//Do some installation work}
register_activation_hook(__FILE__,'super_plugin_install');
Then, when a user activates your plugin, any function that has been registered with the activation hook will be executed.
You might also want to register some custom javascript that your plugin will need to operate. You can do this by using the add_action hook to piggyback on to another process. In this case, we’re going to listen for the wp_enqueue_scripts event to trigger and let WordPress know that we want in on the script party and to please execute our function as well.
When scripts are being loaded up, your function will get executed and your script will get registered and queued to be added into the head portion of the HTML.
Finally, you want to actually run your program. You can do this by listening to various WP hooks and waiting for an appropriate event that would trigger your code to run. If you want to run your program every time a visitor comes to your site, you can use the ‘init’ or ‘wp_loaded’ action to trigger your code:
//HOOKS
add_action('init','super_plugin_init');/********************************************************//* FUNCTIONS
********************************************************/function super_plugin_init(){//do work
run_sub_process();}function run_sub_process(){//more work}
In this example, the super_plugin_init() function will get called on every new request and you can perform whatever logic you need.
