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

Модификации: Категория

xdeep: Автор

0: Скачиваний

26.02.2025: Первый выпуск

26.02.2025: Обновление

2.2 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>

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

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-адрес - это текущая страница, на которой находится пользователь и которой он пытается поделиться, которая будет темой, если вы разместите виджет в режиме просмотра темы: Боковая панель и т.д.

Удачи!

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

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

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

Рейтинги

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

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