Link Personalizado de Perfil

[Discourse]

	Summary	Add a custom link to the user profile
	Repository	GitHub - discourse/discourse-profile-custom-link
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

A small component to add a customisable link on the user profile.

Shows on…

1. The expanded user profile
   

   

2. The usercard
   

   

Settings

If you leave profile custom link field empty, it will default using the username, so in the example case it would go to

http://github.com/charlie

If you want to use a custom user input field, you have to set the value to the exact name of the userfield, example:

1. Create the user field
   

   

2. Set setting to user field name
   

   

3. Have users fill out the field
   /u/[username]/preferences/profile
   

   

Now it will go to http://github.com/MyRealGithubName

---

For a more advanced implementation, take a look at the Multiple Custom Profile Links component

[mattdm (Matthew Miller)]

Does this get “nofollow”? Will it be sent akismet?

This is definitely going to be used by spammers!

[Firepup650 (Firepup Sixfifty)]

@chapoi

http://github/com/

Just a quick nitpick, that should be http://github.com/, right?

Also, any particular reason why this suggests http GitHub instead of https?

[chapoi (Charlie)]

@Firepup650

Just a quick nitpick, that should be http://github.com/, right?

Haha yes, that’s a typo. Thanks. I’m not reinventing url structures here

@Firepup650

Also, any particular reason why this suggests http GitHub instead of https?

Not at all

[Julian2 (Julian R)]

Hey @chapoi ! So glad I found this component. I’ve just added to our forum, thanks! I might even switch to the “multiple link” version.

Quick note: there is an extra “the” in the description text below the “profile custom link icon” field

Is there a specific reason I have to add a component for this, instead of adding another field type for the User Fields?

Cheers

[JammyDodger]

@Julian2

Quick note: there is an extra “the” in the description text below the “profile custom link icon” field

Nice catch. This should tidy it up:

Remove extra 'the'

[chapoi (Charlie)]

@Julian2

Is there a specific reason I have to add a component for this, instead of adding another field type for the User Fields?

I’m not sure I follow the question. User fields aren’t all automatically shown on the profile or usercard.

[Julian2 (Julian R)]

Hey Charlie,
sorry for not being clearer. It would be great if there was a field type for user fields, that allows links instead of just text.

Or are we utilising User Fields all wrong? Here is how we are using them right now:

Links have to be copy-pasted instead of just being clickable.

[chapoi (Charlie)]

Ok now I follow, thanks!

Yeah, that’s actually a fair point you bring up. I’ll look into the possibility of your suggestion; my guess is that there is a reason why that wasn’t done, but I don’t know atm.

[Julian2 (Julian R)]

Awesome, thanks!

[chapoi (Charlie)]

So, I had a look but the necessary changes are way above my designer skills (read: backend databas-y stuff) – so I’m afraid it will be necessary to use the plugin.

An option you could consider is making a feature request, and seeing if that garners more interest.

Cheers!

[Joseph_Tucker1 (Joseph Tucker)]

This solution is great and I hope we can help improve it. Our profile link is of the form “https://www.domain.com/user/[USER-ID]/”. The trailing slash wrecks the solution for us. I can add a URL rewrite but a better solution would be to make the code more adaptive. I want working real links back to the site!

I tried to convert the plugin to a theme so I could improve the javascript but that CONVERT Discourse function doesn’t seem to be working.

Can you make the update so that it adds functionality?

import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { service } from "@ember/service";

export default class ProfileCustomLink extends Component {
  @service site;
  @tracked customLinkUrl;
  @tracked customLinkFieldId;
  @tracked showCustomLink = false;
  @tracked user = this.args.model.username;
  @tracked userFields = this.args.model.user_fields;

  constructor() {
    super(...arguments);

    if (settings.profile_custom_link_field) {
      const siteUserFields = this.site.user_fields;

      if (!siteUserFields) {
        return;
      }

      const customLinkField = siteUserFields.filterBy(
        "name",
        settings.profile_custom_link_field
      )[0];

      if (!customLinkField) {
        return;
      }

      this.customLinkFieldId = this.userFields[customLinkField.id];
      if (!this.customLinkFieldId) {
        return;
      } else {
        this.showCustomLink = true;
        if (settings.profile_custom_link_prefix.includes("[CUSTOM-LINK-FIELD-ID]")) {
          const url = settings.profile_custom_link_prefix.replace("[CUSTOM-LINK-FIELD-ID]", this.customLinkFieldId);
          this.customLinkUrl = url;
        } else {
          const url = settings.profile_custom_link_prefix + this.customLinkFieldId;
          this.customLinkUrl = url;
        }
      }
    } else {
      const url = settings.profile_custom_link_prefix + this.user;
      this.customLinkUrl = url;
      this.showCustomLink = true;
    }
  }
}

[Vaping_Community]

@Julian2 I have just posted a feature request for this here, didn’t see your posts on this topic

Clickable link / URL user field type

A user field type of link / URL that shows as a clickable link on user card, profile etc As you can see, the URL’s are not clickable [A vaping community member named Grubby, who started vaping in 2015 and quit smoking the same year, is an owner/admin of the community and has various achievements and social media links listed. (Captioned by AI)] Thank you