Как вывести контактные данные в шапке сайта?
По многочисленным просьбам трудящихся сегодня покажу как вывести блок с контактной информацией в шапке сайта WordPress.
Такой блок пригодится практически на каждом сайте, в него можно вывести телефон, адрес, время работы, e-mail, кнопки соцсетей или какой-то произвольный текст.
Для вывода контактной информации в шапке сайта в WordPress есть несколько способов.
Рассмотрим 2 наиболее простых и гибких.
Добавление области виджетов для вывода контактных данных в шапке сайта
Способ заключается в том, что вы объявляете свою собственную область виджетов, в которую можно будет добавлять любые виджеты, в том числе и виджет «Текст» и «HTML-код», в которых вы и будете писать данные для вывода в шапке сайта.
Как вывести деньги ВК — на карту или Яндекс Юмани из ВКонтакте
Далее вам нужно будет при помощи специального кода вывести эту область виджетов в файлах соответствующего шаблона темы WordPress. Обычно это шаблон header.php, masthead.php или что-то аналогичное, в зависимости от темы.
Более подробно о выводе виджетов и создании своей области виджетов я рассказывала в отдельной статье:
«Как добавить виджеты для сайта WordPress?»
Вывод контактных данных через настойки темы
Наверняка вы видели, что в админке WordPress есть такой раздел: «Внешний вид» — «Настроить»
В нем можно задать настройки темы, свойства сайта и некоторые другие параметры, которые зависят от установленной темы и плагинов. Так вот мы тоже можем привязаться к этому разделу и вывести в нём дополнительный пункт для задания контактной информации.
Для этого нам нужно проделать несколько шагов:
-
1 Открываем файл functions.php активной темы. Это можно сделать через админку WordPress: «Внешний вид» — «Редактор» — «Функции темы»
При редактировании через админку не забудьте на всякий случай скопировать код этого файла и сохранить у себя на компьютере в качестве резервной копии!
Или вы можете открыть этот файл при помощи Notepad++ или другого редактора кода.
Данный файл будет находиться по адресу:
/wp-content/themes/название_вашей_темы/functions.php
О том как работать с Notepad++ рассказывала в отдельной статье:
«Редактирование файлов сайта в Notepad++»
КАК ВЫВЕСТИ ГРУППУ ВКОНТАКТЕ В ТОП БЫСТРО РАСКРУТКА ПАБЛИКА VK НАКРУТКА ВК СООБЩЕСТВА 2021
Источник: impuls-web.ru
Вывод постов из Instagram на сайт с помощью API
У инстраграма нет готового виджета для вывода постов на сайте. В прошлой статье мы рассматривали как создать Instagram виджет для сайта с помощью конструктора. Это самый простой и быстрый способ, и на мой взгляд самый лучший. Единственный его минус, как и в любом другом шаблонном конструкторе — это ограниченное изменение внешнего вида и функционала. Но с большинством задач конструктор вполне справится.
Если же вы хотите, что-то особенное, то тогда придется выводить посты с помощью API Instagram. В этой статье вы найдете уже готовый класс на PHP для работы с инстраграм. Это библиотека, которая облегчит вам жизнь, и которую вы можете использовать в своих проектах.
Получите токен Instagram
На данный момент для получения токена в Instagram требуется так же аккаунт разработчика Facebook.
1. Перейдите по ссылке https://developers.facebook.com и нажмите «Начать», затем во всплывающем окне «Далее».
2. На вновь открывшемся окне выберите «Создать свое первое приложение».
3. Введите желаемое имя и E-mail.
Подборка бесплатных IT-курсов и вебинаров от Skillbox.
Бесплатные IT-курсы, нужно только пройти онлайн-тест здесь
4. После заполнения формы страница будет перезагружена. Вас перенаправят на страницу панели нового приложения. В меню выберите Настройки → Основное.
5. В самом низу нажмите «Добавить платформу».
6. В открывшемся окне выберите платформу «Веб-сайт».
7. В конце страницы появится выбранная платформа «Веб-сайт» и поле для ввода URL-адреса сайта. Заполните его и сохраните изменения.
8. В меню нажмите «Товары», найдите карточку Instagram и перейдите к ее настройке.
9. После того, как вы перейдете к настройке товара, он станет доступным в левом меню. Разверните пункт «Instagram» и выберите пункт «Basic Display». Внизу страницы нажмите «Create New App».
Появится всплывающее окно, в котором будет указано ранее заполненное название приложения. На этом шаге просто сохраните изменения.
Нужен сайт по доступной цене? Здесь https://webmaster59.ru/sozdanie-sajtov-perm.html вы можете заказать сайт любой сложности, от простого сайта-визитки до корпоративного сайта или интернет магазина качественно и по низким ценам!
10. После сохранения настроек станут доступны новые поля. Необходимо заполнить следующие:
- Действительные URI переадресации для OAuth.
- Деавторизация URL обратного вызова.
- URL запроса на удаление данных.
Во всех полях нужно указать адрес сайта, для которого будет настраиваться виджет.
Подборка бесплатных IT-курсов и вебинаров от Skillbox.
Бесплатные IT-курсы, нужно только пройти онлайн-тест здесь
11. В левом меню выберите пункт «Роли», в выпадающем меню еще раз пункт «Роли». На открывшейся странице выберите «Добавить Instagram Testers».
12. В открывшемся окне укажите имя пользователя аккаунта Instagram. После выбора отправьте приглашение пользователю.
13. Пользователь появится в списке тестировщиков, но со статусом «На рассмотрении». Чтобы подтвердить приглашение, необходимо перейти по ссылке в тексте.
13. Ссылка ведет на сайт Instagram, необходимо авторизоваться, чтобы принять приглашение. На открывшейся странице перейдите в Приложения и сайты → Приглашения для тестировщиков. Примите приглашение.
14. Разверните пункт «Instagram» и выберите пункт «Basic Display». В блоке «User Token Generator» нажмите кнопку «Generate Token».
15. Если вы не авторизованы, войдите в свой профиль Instagram. На открывшейся странице нажмите кнопку «Авторизовать». После успешной авторизации необходимо согласиться с предупреждением о необходимости передачи токена только доверенным лицам. Далее перед вами откроется окно в вашим токеном. Ваш токен сгенерирован, скопируйте его!
Библиотека на PHP для работы с Instagram API
token_params = $token; $this->count_post = $count; $this->App=$APPLICATION; > public function checkApiToken()< if(!strlen($this->token_params))< $this->error=»No API token instagram»; > $this->access_token=’/?access_token=’.$this->token_params; > public function getFormatResult($method, $fields = »)< if(function_exists(‘curl_init’)) < if($fields) < $method.$this->access_token .= ‘ > $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, self::URL_INSTAGRAM_API.$method.$this->access_token.» => «Y», «MESSAGE» => $this->error); >else< $data=$this->getFormatResult(‘media’, ‘id,caption,media_url,permalink,username,timestamp,thumbnail_url’); > return $data; > public function getInstagramUser()< $this->checkApiToken(); if($this->error)< return $this->error; >else< $data=$this->getFormatResult(‘users/self’); > return $data; > public function getInstagramTag($tag) < $this->checkApiToken(); if($this->error)< return $this->error; >else< $data=$this->getFormatResult(‘tag/’.$tag.’/media/recent’); > return $data; > > ?>
getInstagramPosts(); print_r($instPosts); ?>
В массиве $instPosts будут содержаться все данные постов.
Если вам понравилась статья, вы можете отблагодарить автора любой суммой, какую сочтете для себя приемлемой:
Источник: it-blog.ru