Intereting Posts
При использовании wp_enqueue_script (); в теме почему мы не используем add_action? Несколько конечных точек в одном URL-адресе Как отобразить список видеозаписей в разделе видео? Создайте короткий код в WordPress, снова я делаю изменения текста на моем показе страницы в предварительном просмотре не на живом сайте, почему? Генерировать электронную почту, если нет сообщений в течение периода времени Удалите и выполните новую установку WordPress Перенаправить старые постоянные ссылки с месяцем и именем на имя публикации на новом сайте Slick + PHP + ACF + JQuery слайд не работает Самая комментируемая запись должна быть первым сообщением в блоге Добавить Piecemaker в WordPress Header редактирование usermeta, когда поле является массивом Автоматическое добавление дочерних страниц в подменю Лучший способ получить данные в пользовательском api, расширенном из wp-api Не удается получить полный размер эскиза, используя the_post_thumbnail

Как добавить пользовательские кнопки CSS в WordPress как короткий код?

Как добавить пользовательские кнопки CSS в качестве короткого кода, например:

[button class = "mybutton1" link = "home"]

У меня есть CSS кнопки отсюда

.myButton { -moz-box-shadow:inset 0px 1px 0px 0px #cf866c; -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c; box-shadow:inset 0px 1px 0px 0px #cf866c; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0); background-color:#d0451b; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #942911; display:inline-block; color:#ffffff; font-family:arial; font-size:13px; font-weight:normal; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #854629; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b)); background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0); background-color:#bc3315; } .myButton:active { position:relative; top:1px; } 

Я хочу добавить это на мой сайт WordPress в качестве короткого кода. Как мне это сделать?

Благодаря!

Solutions Collecting From Web of "Как добавить пользовательские кнопки CSS в WordPress как короткий код?"

 function myButton($atts, $content = ''){ extract(shortcode_atts(array( 'text' => '', 'link' => '' ), $atts)); $html = '<a href="' . $link . '"><div class="myButton">' . $text . '</div></a>'; return $html; } add_shortcode('mybutton', 'myButton'); 

Добавьте это в свои функции. Php, и вы сможете вызвать кнопку в wordpress, используя требуемый короткий код.

Как вы видите, класс и ссылка, которую вы установили, становятся переменными, которые будут использоваться в коротком коде.

Если вы хотите добавить текст к кнопке, вы можете изменить html на следующее:

 $html = '<a href="' . $link . '"><div class="' . $class . '" >' . $content . '</div></a>'; 

и использовать его так

 [button class='mybutton' link='home']mybuttonname[/button] 

Надеюсь это поможет