dmkjr

I’m not sure I follow this. You can define tel: using mail to.

<a href="tel:5558889999">phone number</a>

Can you share what you have changed? I am interested in adding this functionality for some of my predefined templates.

Check the plugin update that was just released. Through here, you can order however you want. I think that is what you are asking.

I just seen the release today that included these changes.

I’ve seen this request on many different plugin’s that are doing the same thing. It appears most developers aren’t wanting to put the time into the Javascript for this because of future updates potentially breaking the code.

What I have done is created a custom post type and called it “biography-linking”. Then I put the shortcode of the post type in the custom template. Now when you click on the name of the person, the biography opens up on their own page as in ../staff/first-last

Although there isn’t an spot for a featured image, it’s grabbing an image from my web page and pushing it out to Facebook.

Is there an option to add a featured image? If so, this problem would go away.

Thanks,
David

Also, to be fair…. I have this set at 25%, so it’s actually going to make 4 rows for the most part. You can change that to 50% or remove float.

Hello Jay,
You can use this code to get what you want, or close enough and then adjust.

<div id=”one-person”>
<div class=”person-photo”>
<img src=”[photo_url]” />
</div>
<div class=”person-name”><h5>[name]</h5></div>
<div class=”person-titre”><h5>[position]</h5></div>
<div class=”person-number”>Phone: [phone_number]</div>
<div class=”person-email”>Email: [email]</div>
</div>

Then use the following CSS. You will see I added something for screen sizes to make it appear on cell phone’s as 1 row to keep a responsive touch.

—–

#one-person {
width:25%;
text-align:center;
margin-bottom: 20px;
float: left;
}

.person-photo img {
margin:0 auto;
width: 150px;
height: 150px;
}

.person-name {
margin-top:1em;
margin-bottom: 0px;
font-size: 14px;
}
.person-name h5 {
margin: 0px;
padding: 0px;
}

.person-titre {
margin:0px;
padding-top:0px;
}
.person-titre h5 {
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

#one-person {
width:100%;
text-align:center;
margin:0 0 30px 0;
float: none;
}

.person-photo img {
margin:auto auto;
width: 350px;
height: 350px;
}

.person-name {
margin-top:1em;
}

.person-titre {
margin:0px;
padding-top:0px;
}
.person-titre h4 {
margin-bottom: 0px;
padding-bottom: 0px;
}

Adam,
Is there something that can be done about the image quality? It appears that it is using the thumbnail size. I would like to use a medium sized photo as we are displaying in some areas, 250×250 and the image looks distorted.

THanks,
David

Thanks for the update Adam. To date, I can tell you that I am more impressed with your work in progress Staff Directory plugin than anything else I have seen. It is serving it’s purpose well and easy enough to use.

Thank you,
David

Melissa- I can help you with this.

If you visit the “Staff Categories” link within your WP-admin panel and then navigate to “Staff” you will see the categories link.

The category number for your High School category will be listed. Correct functionality would be like this.

[staff-directory cat=numberhere]

Hope this helps,
David

Has anyone found a way to call out a different custom template via the shortcode?

I’m looking around trying to see if the admin have been active. I have a couple open topics I’m awaiting a response too, no luck so far.

On the settings page I see the text “Templates can be chosen manually with the Staff Directory shortcode, or you can choose to set a default template here.

There just isn’t any documentation on how to implement which template you want to use.

My use example is such as this:

Department “A”

ADMIN PHOTO ADMIN PHOTO ADMIN PHOTO ADMIN PHOTO
NAME NAME NAME NAME NAME NAME NAME NAME

Technician | EMAIL | Phone #
Technician | EMAIL | Phone #

————

So you can see administrative employee’s will have their pictures available, technicians will not but there information needs to display in a different format than the administrative employee’s.

Thanks,
David

Hello Adam,
Is there a method to select different templates with the shortcodes?

[staff-director template=custome2] or something similar?

Thank you,
David