Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Staff Bios

about usbiosstaff
    • 10 years ago lapizd
      Participant

      Expired

      Hi There,

      I am wondering if there is a way to have the staff bios open a detail page where people can see a large image, read the full bio and get other information about the team member.

      Thank you!

    • 10 years ago Mirela
      Participant

      Hello,

      Please refer to this topic, regarding your request.

      Best regards!

    • 10 years ago lapizd
      Participant

      Expired

      Thank you so much. It worked! I have two more questions in this regard.

      1. Is there a way to make the image link to the full post instead of having the social media icons appear?
      2. Instead of the post page, we would like to have different info ( Name, title, social media links,hobbies) on the right. is this a possibility? if so, how can we attach the new page to the team postings and how can we link to it?

      Thank you so much!

    • 10 years ago Mirela
      Participant

      Hello,

      Sorry can you more clear? If you can, please send us the respective link of the staff in your site.

      Best regards!

    • 10 years ago lapizd
      Participant

      Expired

      After making the changes you suggested on the link provided, I have the name of the staff person linking to the post page, but if I hover my mouse on top of the image it shows me the links for facebook, twitter and google plus. I will still like to have the effect of the hover but with the little link icon so that people can go to the link for the full post…same link that the name takes you to.

       

      And about the post page, we basically want to have the full image with a description below and on the right column with name, titel, email, hobbies, and social links.

      I can send you the designs, but I cannot upload attachments here. Is there an email where I can send them.

       

      Here is the link to the site, but Im not sure it is helpful for what I am asking :) https://lapizd.com/2015_site/?page_id=85

    • 10 years ago Mirela
      Participant

      Hello,

      For the staff, please make the following changes:
      -Go to file includes\core\codeless_metaboxes.php , find these lines: https://www.codeshare.io/youn0 and replace with these: https://www.codeshare.io/BaFOv . It will add a new ‘Profile link’ option in staff options. Just like you set the facebook profile link for the staff member, you can add the profile link.
      Step 2, go to file vc_templates\staff.php and find this block: https://www.codeshare.io/thpot and replace with this: https://www.codeshare.io/cm0J5 .
      Save!
      Now, in order to show only the profile link, remove from staff options all other links, except the profile (screenshot -> result)

      -For the post page, you can make all necessary changes in file includes\view\blog\loop-index.php

      Best regards!

      • This reply was modified 10 years ago by Mirela. Reason: link edit
    • 10 years ago lapizd
      Participant

      Expired

      Hi, Thank you so much for your response!

      The link to the code that I need to replace in includes\core\codeless_metaboxes.php is the same…not sure if you sent the wrong link by mistake.

      • This reply was modified 10 years ago by lapizd.
    • 10 years ago Mirela
      Participant

      Hello,

      Sorry for the inconvenience! Please find here the code in supposed second link: https://www.codeshare.io/BaFOv
      We added this block:

      array(
                          'id' => 'profile_link',
                          'title' => __( 'Profile Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),

      to the previous code.

      Best regards!

      • This reply was modified 10 years ago by Mirela.
    • 10 years ago lapizd
      Participant

      Expired

      It worked :) Thank you sooo much!

      However, for the changes to the post page I do not see the code for the sidebar(search, recent posts, recent commments, archives, etc)  column on the file <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>loop-index.php. These are the ones that I will need to edit, if you could point me where to find them, it will be great :)</span>

       

      Thanks again!

       

    • 10 years ago lapizd
      Participant

      Expired

      Also, I am wondering if editing these files will affect the blog post pages, if so…is there a way to separate them?

    • 10 years ago Mirela
      Participant

      Hello,

      The sidebar in each page is called from a function. Editing loop-index.php file will affect blog pages. To edit widgets, go to includes\widgets\widgets.inc file. If you edit blog files, it will affect blog pages, not single posts.

      Best regards!

    • 9 years, 10 months ago tasmantheory
      Participant

      Expired

      I need help with exactly the same problem but all the important https://codeshare.io/ content is blank now.

      Can someone please fix this. It would be very helpful to have this content available forever.

      cheers

      Andrew

    • 9 years, 10 months ago Mirela
      Participant

      Hello,


      @tasmantheory
      ,
      The above code adds a profile link to the chain of social links in staff element. To add it we edited these two files:
      -includes\core\codeless_metaboxes.php
      -vc_templates\staff.php

      Please follow the steps below:

      1-Go to file includes\core\codeless_metaboxes.php , find these lines:

      
              $staff_options[] = array(
                  //'title'         => __('General Settings', 'codeless-admin'),
                  'icon_class'    => 'icon-large',
                  'icon'          => 'el-icon-home',
                  'fields'        => array(
                      array(
                          'id' => 'staff_position',
                          'title' => __( 'Staff Position', 'codeless' ),
                          'desc' => 'Write here the position for this staff member into your business',
                          'type' => 'text'
                      ),
                      array(
                          'id' => 'facebook_link',
                          'title' => __( 'Facebook Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => '#'
                      ),
                      array(
                          'id' => 'twitter_link',
                          'title' => __( 'Twitter Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => '#'
                      ),
                      array(
                          'id' => 'google_link',
                          'title' => __( 'Google Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => '#'
                      ),
                      array(
                          'id' => 'pinterest_link',
                          'title' => __( 'Pinterest Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'linkedin_link',
                          'title' => __( 'Linkedin Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'instagram_link',
                          'title' => __( 'Instagram Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'mail_link',
                          'title' => __( 'Mail Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                  ),
              );
      

      Add the ‘profile’ option here. The code will become like this:

      
              $staff_options[] = array(
                  //'title'         => __('General Settings', 'codeless-admin'),
                  'icon_class'    => 'icon-large',
                  'icon'          => 'el-icon-home',
                  'fields'        => array(
                      array(
                          'id' => 'staff_position',
                          'title' => __( 'Staff Position', 'codeless' ),
                          'desc' => 'Write here the position for this staff member into your business',
                          'type' => 'text'
                      ),
                      array(
                          'id' => 'facebook_link',
                          'title' => __( 'Facebook Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => '#'
                      ),
                      array(
                          'id' => 'twitter_link',
                          'title' => __( 'Twitter Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => '#'
                      ),
                      array(
                          'id' => 'google_link',
                          'title' => __( 'Google Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => '#'
                      ),
                      array(
                          'id' => 'pinterest_link',
                          'title' => __( 'Pinterest Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'linkedin_link',
                          'title' => __( 'Linkedin Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'instagram_link',
                          'title' => __( 'Instagram Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'mail_link',
                          'title' => __( 'Mail Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                      array(
                          'id' => 'profile_link',
                          'title' => __( 'Profile Link', 'codeless' ),
                          'desc' => '',
                          'type' => 'text',
                          'default' => ''
                      ),
                  ),
              );
      

      2- Go to file vc_templates/staff.php and find these lines:

      $output .= '<div class="center-bar">';
      
                                                          if($cl_redata['facebook_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['facebook_link']).'" class="a1" data-animate="fadeInUp" title="Facebook"><i class="moon-facebook"></i></a>';
                                                          if($cl_redata['twitter_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['twitter_link']).'" class="a1" data-animate="fadeInUp" title="Twitter"><i class="moon-twitter"></i></a>';
                                                          if($cl_redata['google_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['google_link']).'" class="a1" data-animate="fadeInUp" title="Google Plus"><i class="moon-google_plus"></i></a>';
                                                          if($cl_redata['pinterest_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['pinterest_link']).'" class="a1" data-animate="fadeInUp" title="pinterest"><i class="moon-pinterest"></i></a>';
                                                          if($cl_redata['linkedin_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['linkedin_link']).'" class="a1" data-animate="fadeInUp" title="linkedin"><i class="moon-linkedin"></i></a>';
                                                          if($cl_redata['instagram_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['instagram_link']).'" class="a1" data-animate="fadeInUp" title="instagram"><i class="moon-instagram"></i></a>';
                                                          if($cl_redata['mail_link']!= '')
                                                              $output .= '<a href="'.esc_url($cl_redata['mail_link']).'" class="a1" data-animate="fadeInUp" title="mail"><i class="moon-mail"></i></a>';
                                                          

      at the end, add the new ‘profile’ option. It will become like this:

      if($cl_redata['facebook_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['facebook_link']).'" class="a1" data-animate="fadeInUp" title="Facebook"><i class="moon-facebook"></i></a>';
                                                          if($cl_redata['twitter_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['twitter_link']).'" class="a1" data-animate="fadeInUp" title="Twitter"><i class="moon-twitter"></i></a>';
                                                          if($cl_redata['google_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['google_link']).'" class="a1" data-animate="fadeInUp" title="Google Plus"><i class="moon-google_plus"></i></a>';
                                                          if($cl_redata['pinterest_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['pinterest_link']).'" class="a1" data-animate="fadeInUp" title="pinterest"><i class="moon-pinterest"></i></a>';
                                                          if($cl_redata['linkedin_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['linkedin_link']).'" class="a1" data-animate="fadeInUp" title="linkedin"><i class="moon-linkedin"></i></a>';
                                                          if($cl_redata['instagram_link'] != '')
                                                              $output .= '<a href="'.esc_url($cl_redata['instagram_link']).'" class="a1" data-animate="fadeInUp" title="instagram"><i class="moon-instagram"></i></a>';
                                                          if($cl_redata['mail_link']!= '')
                                                              $output .= '<a href="'.esc_url($cl_redata['mail_link']).'" class="a1" data-animate="fadeInUp" title="mail"><i class="moon-mail"></i></a>';
                                                          if($cl_redata['profile_link']!= '')
                                                              $output .= '<a href="'.esc_url($cl_redata['profile_link']).'" class="a1" data-animate="fadeInUp" title="profile"><i class="moon-link"></i></a>';
                                                     

      Best regards!

Viewing 12 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password