Intereting Posts
Возможность чтения только для пользовательских сообщений в области администратора Как добавить столбец / s в таблицу wp_posts? При переводе не всей строки присутствуют в POedit Почему: липкий код главной страницы, показывает последние нелипкие на входе на главную страницу Необходимы ли сетчатые логотипы после WP 4.4+ Проверьте, находится ли страница в определенном меню WP Add Media Button – Можно ли задать размер по умолчанию для оригинала / полного размера настраиваемый контур типа сообщения Исходная страница Breadcrumb приводит к категории Удалить крючок действия в классе В то время как в «цикле», обнаружите, что сообщение является последним Является ли это приемлемой практикой для разработки темы WordPress? API настроек в разделе Чтобы сделать некоторое отображение div в течение более длительного времени Как получить доступ к $ сообщению из функции обратного вызова

Аватара пользователя hexagon с get_avatar ()

У меня есть следующий код, который извлекает аватар в WordPress

<?php echo get_avatar(ThemexUser::$data['user']['ID'], 200); ?>

и я хотел бы добавить следующий клип-путь в код аватара:

clip-path="url(#myClip)"

Как мне это сделать?

Вы можете использовать входной аргумент extra_attr чтобы добавить дополнительные аргументы в тег изображения gravatar:

 <?php echo get_avatar( ThemexUser::$data['user']['ID'], 200, // size '', // default '', // alt [ 'extra_attr' => 'clip-path="url(#myClip)"' ] // args ); ?> 

но обратите внимание на то, что он не скрыт.

Вы также можете добавить, например, class="hexagon" :

 <?php echo get_avatar( ThemexUser::$data['user']['ID'], 200, // size '', // default '', // alt [ 'class' => 'hexagon'] // args ); ?> 

для более легкого использования, где:

 .hexagon { -webkit-clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% ); -moz-clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% ); -ms-clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% ); clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% ); } 

где определение шестиугольника основано на этом CodePen.

ps: Я не мог удержаться от проверки моего гравитатора в клипе;

шестиугольник