Bookmark Page for WP

View Details

As you can see in our site , we have a Bookmark page which show links we want to save and share …


If you are running your site on Word Press  this article will help you make a bookmark page just like our bookmark page … please continue reading …

In WordPress 3.5, the Link Manager (which some use to build blogrolls) will be disabled by default. If you have links when you update, it’ll still be there. But you can use this plugin to ensure it will always be there, even if you update to a later version of WordPress or remove all of your current links.

So if you are using wordpress 4.5 or above  or other versions , you should add Link Manager plugin for enabling Link Managing .

After Installing it , in your admin area’s navigation bar a menu named Links will appear below Posts and Medias .

Click Here to See Screenshot 

Now you can Add links by category in addition to links description and image ….

And you can show it from Widgets … ( Link – Your Blogroll )


Now if you want to add it into a post , you need a plugin which allow you add widget in post named amr shortcode any widget ; install and active it , then go to widgets and select Link widget then add it into widgets to shortcodes .

Click Here to See Screenshot   


Now Create a Post/Page and Paste Shortcode of widget :

some thing like this : [do_widget id=links-1]


Now if you look at your page , you will see big titles which are Categories a and links with node .

So if you want to add the favicon of any url before it’s link and add a external icon to the end of them , you will need this code which i programmed it today in 3 hour ! ( because i am a little slow in jquery with wp 😉 )  but i think if you look for it it will take more than 6 hours to complete it !


Here is the code which you will add to the next line plus widget code ♥ The Total Code ♥


The Code

<!-- Add Widget to post -->
[do_widget id=links-1]
<!-- Add Jquery lib. to the post -->
<script src=""></script>
<script>// <![CDATA[
// The JQuery Code
// On page load complete do this
$("document").ready(function() {
// find xoxo class
$(".xoxo li").each(function() {
// for test : mark elements to red !
//$(this).css("color",'red'); // removed '//' from beginning to work
// get links of an 'a' element inside .xoxo li
var link = $(this).find("a").attr("href") ;
// Add extra 'linkc' class to 'a' element | you can modify this class or add your class !
// set all links target to new page (by this you wont need set target to blank on saving link page !)
// Add two slash '//' for disabling it
// add favicon of url before it's a element ! (costed over 1 hour to finding it )
$(this).prepend('<img src="'+link +'" style="padding-right: 10px;" alt=" " title="' + $(this).find("a").attr("title") + '">');
// add 'external icon' from font awesome to end of a link following by a space
// if font awesome is not loaded try adding this code below the jquery loading code
// <link rel="stylesheet" href="">
 $(this).find("a").append(' <i class="fa fa-external-link" aria-hidden="true"></i>');
// Ended ! Code by Amirhosseinhpv ; special thanks to Stack Overflow's members
 // ]]></script>

Click Here to See Screenshot   



To Summarize ,

1st Download and Install and Active Link Manager Plugin ,

2st Download and Install and Active amr shortcode any widget Plugin ,

3rd Crate and Black post or page and paste this Code into it’s TextContent .

Share this page with refer please and don’t misuse my code , follow Copyright‘s law .


New Update !

Now you can save your links by a bookmark button !!! again by me 😉 !!!

First you need Edit this File : /wp-admin/edit-link-form.php

Replace these code with file’s contents : 😀

  * Edit links form for inclusion in administration panels.
  * @package WordPress
  * @subpackage Administration
// don't load directly
 if ( !defined('ABSPATH') )
if ( ! empty($link_id) ) {
     $heading = sprintf( __( '<a href="%s">Links</a> / Edit Link' ), 'link-manager.php' );
     $submit_text = __('Update Link');
     $form_name = 'editlink';
     $nonce_action = 'update-bookmark_' . $link_id;
 } else {
     $heading = sprintf( __( '<a href="%s">Links</a> / Add New Link' ), 'link-manager.php' );
     $submit_text = __('Add Link');
     $form_name = 'addlink';
     $nonce_action = 'add-bookmark';
require_once( ABSPATH . 'wp-admin/includes/meta-boxes.php' );
add_meta_box('linksubmitdiv', __('Save'), 'link_submit_meta_box', null, 'side', 'core');
 add_meta_box('linkcategorydiv', __('Categories'), 'link_categories_meta_box', null, 'normal', 'core');
 add_meta_box('linktargetdiv', __('Target'), 'link_target_meta_box', null, 'normal', 'core');
 add_meta_box('linkxfndiv', __('Link Relationship (XFN)'), 'link_xfn_meta_box', null, 'normal', 'core');
 add_meta_box('linkadvanceddiv', __('Advanced'), 'link_advanced_meta_box', null, 'normal', 'core');
/** This action is documented in wp-admin/edit-form-advanced.php */
 do_action( 'add_meta_boxes', 'link', $link );
  * Fires when link-specific meta boxes are added.
  * @since 3.0.0
  * @param object $link Link object.
 do_action( 'add_meta_boxes_link', $link );
/** This action is documented in wp-admin/edit-form-advanced.php */
 do_action( 'do_meta_boxes', 'link', 'normal', $link );
 /** This action is documented in wp-admin/edit-form-advanced.php */
 do_action( 'do_meta_boxes', 'link', 'advanced', $link );
 /** This action is documented in wp-admin/edit-form-advanced.php */
 do_action( 'do_meta_boxes', 'link', 'side', $link );
add_screen_option('layout_columns', array('max' => 2, 'default' => 2) );
get_current_screen()->add_help_tab( array(
     'id'      => 'overview',
     'title'   => __('Overview'),
     'content' =>
     '<p>' . __( 'You can add or edit links on this screen by entering information in each of the boxes. Only the link&#8217;s web address and name (the text you want to display on your site as the link) are required fields.' ) . '</p>' .
     '<p>' . __( 'The boxes for link name, web address, and description have fixed positions, while the others may be repositioned using drag and drop. You can also hide boxes you don&#8217;t use in the Screen Options tab, or minimize boxes by clicking on the title bar of the box.' ) . '</p>' .
     '<p>' . __( 'XFN stands for <a href="" target="_blank">XHTML Friends Network</a>, which is optional. WordPress allows the generation of XFN attributes to show how you are related to the authors/owners of the site to which you are linking.' ) . '</p>'
 ) );
     '<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
     '<p>' . __( '<a href="" target="_blank">Documentation on Creating Links</a>' ) . '</p>' .
     '<p>' . __( '<a href="" target="_blank">Support Forums</a>' ) . '</p>'
require_once( ABSPATH . 'wp-admin/admin-header.php' );
<div class="wrap">
 <h1><?php echo esc_html( $title ); ?>  <a href="link-add.php" class="page-title-action"><?php echo esc_html_x('Add New', 'link'); ?></a></h1>
<?php if ( isset( $_GET['added'] ) ) : ?>
 <div id="message" class="updated notice is-dismissible"><p><?php _e('Link added.'); ?></p></div>
 <?php endif; ?>
<form name="<?php echo esc_attr( $form_name ); ?>" id="<?php echo esc_attr( $form_name ); ?>" method="post" action="link.php">
 if ( ! empty( $link_added ) ) {
     echo $link_added;
wp_nonce_field( $nonce_action );
 wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false );
 wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false ); ?>
<div id="poststuff">
<div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>">
 <div id="post-body-content">
 <div id="namediv" class="stuffbox">
 <h2><label for="link_name"><?php _ex( 'Name', 'link name' ) ?></label></h2>
 <div class="inside">
     <!-- input type="text" name="link_name" size="30" maxlength="255" value="<?php echo esc_attr($link->link_name); ?>" id="link_name" / -->
 <!-- Amirhoseinhpv Edit >> -->    <input type="text" name="link_name" size="30" maxlength="255" value='<?php echo ((isset($_GET["name"]))?htmlspecialchars($_GET["name"]):""); ?>' id="link_name" />
<p><?php _e('Example: Nifty blogging software'); ?></p>
<div id="addressdiv" class="stuffbox">
 <h2><label for="link_url"><?php _e( 'Web Address' ) ?></label></h2>
 <div class="inside">
     <!-- input type="text" name="link_url" size="30" maxlength="255" class="code" value="<?php echo esc_attr($link->link_url); ?>" id="link_url" / -->
 <!-- Amirhoseinhpv Edit >> -->    <input type="text" name="link_url" size="30" maxlength="255" class="code" value='<?php echo ((isset($_GET["url"]))?htmlspecialchars($_GET["url"]):""); ?>' id="link_url" />
    <p><?php _e('Example: <code></code> &#8212; don&#8217;t forget the <code>http://</code>'); ?></p>
<div id="descriptiondiv" class="stuffbox">
 <h2><label for="link_description"><?php _e( 'Description' ) ?></label></h2>
 <div class="inside">
     <!-- input type="text" name="link_description" size="30" maxlength="255" value="<?php echo isset($link->link_description) ? esc_attr($link->link_description) : ''; ?>" id="link_description" / -->
 <!-- Amirhoseinhpv Edit >> -->        <input type="text" name="link_description" size="30" maxlength="255" value='<?php echo ((isset($_GET["des"]))?htmlspecialchars($_GET["des"]):""); ?>' id="link_description" />
     <p><?php _e('This will be shown when someone hovers over the link in the blogroll, or optionally below the link.'); ?></p>
 </div><!-- /post-body-content -->
<div id="postbox-container-1" class="postbox-container">
/** This action is documented in wp-admin/includes/meta-boxes.php */
 do_action( 'submitlink_box' );
 $side_meta_boxes = do_meta_boxes( 'link', 'side', $link );
 <div id="postbox-container-2" class="postbox-container">
do_meta_boxes(null, 'normal', $link);
do_meta_boxes(null, 'advanced', $link);
if ( $link_id ) : ?>
 <input type="hidden" name="action" value="save" />
 <input type="hidden" name="link_id" value="<?php echo (int) $link_id; ?>" />
 <input type="hidden" name="cat_id" value="<?php echo (int) $cat_id ?>" />
 <?php else: ?>
 <input type="hidden" name="action" value="add" />
 <?php endif; ?>



Now Create a Bookmark in your Browser’s Toolbar , add a name for it , the url will be :


Replace with your site’s url ! now in every page click this button so the add url page will open and it’s name and url and description will automatically fill !!!!

Note : Description is retrieved from Meta tag , depending on page’s meta tag description will fill !!


Simple Button : Drag and Drop it into your Toolbar !



Leave a Reply

Your email address will not be published. Required fields are marked *