Модификации - A Personalized Share this page Widget | Территория творчества xenforo 🎨

Совместимость с XenForo

XF 2.2
XF 2.3

Видимый копирайт: Нет

Сначала создайте пользовательское поле "Настоящее имя пользователя" в разделе "Сведения о профиле" в виде текстового поля в одну строку, чтобы указать настоящее имя пользователя (имя или фамилию). Это поможет настроить отправляемое сообщение таким образом, чтобы оно было удобным для получателя. Загрузите файл Invite.png (вложение).

сохраните файл в корневом каталоге или в любом другом месте, где вы храните изображения. Если вы меняете каталоги, убедитесь, что в теге указан путь к новому изображению. Затем создайте HTML-виджет. Для шаблона виджета используйте этот код без расширенного режима: <img>

HTML:

<div class="block" {{ widget_data($widget) }}>
  <div class="block-container">
    <div class="block-row">
      <a class="shareButtons-button shareButtons-button--share is-hidden"
        data-xf-init="web-share"
        data-text="<xf:if is="$xf.visitor.Profile.custom_fields.userRealName">{{ $xf.visitor.Profile.custom_fields.userRealName }} (@{{ $xf.visitor.username }})<xf:elseif is="$xf.visitor.username" /> @{{ $xf.visitor.username }}<xf:else /> Someone </xf:if> thought that you would enjoy {{ $xf.options.boardTitle }} — {{ $xf.options.boardDescription }}.
 
        {{ $xf.options.boardTitle }} can be found at: {{ $xf.options.homePageUrl }}
 
        However, they might think that you would be more interested in this:
        " data-hide=".shareButtons-button:not(.shareButtons-button--share)">
      <img src="{{ $xf.homePageUrl }}/invite.png">
        </a>
    </div>
  </div>
</div>

И это будет выглядеть так: если вы не хотите, чтобы это было выделено рамкой, включите расширенный режим и используйте его в качестве шаблона:

[aprodam.ru] A Personalized Share this page Widget

HTML:

<div class="block" {{ widget_data($widget) }}>
      <a class="shareButtons-button shareButtons-button--share is-hidden"
        data-xf-init="web-share"
        data-text="<xf:if is="$xf.visitor.Profile.custom_fields.userRealName">{{ $xf.visitor.Profile.custom_fields.userRealName }} (@{{ $xf.visitor.username }})<xf:elseif is="$xf.visitor.username" /> @{{ $xf.visitor.username }}<xf:else /> Someone </xf:if> thought that you would enjoy {{ $xf.options.boardTitle }} — {{ $xf.options.boardDescription }}.
 
        {{ $xf.options.boardTitle }} can be found at: {{ $xf.options.homePageUrl }}
 
        However, they might think that you would be more interested in this:
        " data-hide=".shareButtons-button:not(.shareButtons-button--share)">
      <img src="{{ $xf.homePageUrl }}/invite.png">
        </a>
</div>

Это будет выглядеть следующим образом: поэкспериментируйте с размещением виджета и используемым изображением, чтобы определить, какое изображение лучше всего подходит для вашей страницы. Это позволит вам использовать форум более удобным для пользователя способом, как показано ниже (в Gmail, протестировано в чатах Messenger).:

Вам нужно будет добавить этот дополнительный extra.less, чтобы скрыть этот блок от всех, кто не использует мобильное устройство (XF 2.2.9 и новее).:

CSS:

@media (min-width: 480px) {
    [data-widget-key="inviteFriends"] {
        display: none;
    }
}

Скрытие работает только в XF 2.2.9 и выше. Если вы используете более старую версию XF, вам придется использовать расширенный режим с включенным шаблоном. Таким образом, изображение/ ссылка не будет отображаться ни на чем, кроме мобильных устройств.

HTML:

<div class="block" {{ widget_data($widget) }}>
  <div class="block-container">
    <div class="block-row">
      <a class="shareButtons-button shareButtons-button--share is-hidden"
        data-xf-init="web-share"
        data-text="<xf:if is="$xf.visitor.Profile.custom_fields.userRealName">{{ $xf.visitor.Profile.custom_fields.userRealName }} (@{{ $xf.visitor.username }})<xf:elseif is="$xf.visitor.username" /> @{{ $xf.visitor.username }}<xf:else /> Someone </xf:if> thought that you would enjoy {{ $xf.options.boardTitle }} — {{ $xf.options.boardDescription }}.
 
        {{ $xf.options.boardTitle }} can be found at: {{ $xf.options.homePageUrl }}
 
        However, they might think that you would be more interested in this:
        " data-hide=".shareButtons-button:not(.shareButtons-button--share)">
      <img src="{{ $xf.homePageUrl }}/invite.png">
        </a>
    </div>
  </div>
</div>

Для обеспечения обратной совместимости дополнительные изменения не требуются, тем более что HTML-виджет не может быть скрыт в XF 2.2.8 и ниже. Вместо этого используйте этот шаблон с включенным расширенным режимом, чтобы получить тот же результат.

Примечание: поле "можно найти по адресу" оставлено пустым, поскольку URL страницы не настроен в демонстрационной версии XF. Это не будет проблемой при правильной настройке новых установок XF или при замене переменных на текстовые. Второй URL-адрес - это текущая страница, на которой находится пользователь и которой он пытается поделиться, которая будет темой, если вы разместите виджет в режиме просмотра темы: Боковая панель и т.д.

Удачи!

Модификации A Personalized Share this page Widget 1.0.0

Модификации Изменить цвета иконки заголовка

Модификации Коды оформления форума

Рейтинги

Ещё ресурсы от noname

Поделиться этим ресурсом

Похожие ресурсы

Модификации Изменить цвета иконки заголовка

Модификации Коды оформления форума