WordPress Туториалы

Зачастую популярные сайты с членством и форумы отображают дату регистрации в профилях своих пользователей. Например: член сайта с 2015 года. В этой статье мы объясним как это можно сделать.

Когда и зачем может потребоваться отображение даты регистрации

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

Добавление колонки с датами регистраций пользователей в админке

Сперва вам надо установить и активировать плагин Admin Columns. После активации зайдите в Settings > Admin Columns, чтобы настроить плагин.

Под вкладкой колонок нажмите на users и затем щелкните по кнопке add column. Затем выберите Registered в выпадающем меню и щелкните по store updates. Теперь можете зайти на экран пользователей и увидите там графу Registered, отображающую дату регистрации пользователей.

Отображение даты регистрации в профиле пользователя

Чтобы показывать дату регистрации в настройках профиля вам надо загрузить пользовательский плагин. Просто создайте новый файл, используя текстовый редактор вроде Блокнота и назовите его membersince.php Затем вставьте в него следующий код:

<?php


namespace ShowMemberSince;
add_action( 'plugins_loaded', 'ShowMemberSince\init' );
/**
 * Adding needed action hooks
*/
function init(){
  foreach( array( 'show_user_profile', 'edit_user_profile' ) as $hook )
		add_action( $hook, 'ShowMemberSince\add_custom_user_profile_fields', 10, 1 );
}
/**
 * Output table
 * @param object $user User object
 */
function add_custom_user_profile_fields( $user ){
	$table =
	'
<h3>%1$s</h3>


<table class="form-table">

<tr>

<th>
				%1$s
			</th>


<td>


Member since: %2$s

			</td>

		</tr>

	</table>

';
	$udata = get_userdata( $user-ID );
	$registered = $udata->user_registered;
	printf(
		$table,
		'Registered',
		date( "M Y", strtotime( $registered ) )
	);
}
?>

Сохраните файл и загрузите его на сайт WordPress. Вы можете подключиться к своему сайту с помощью FTP-клиента и зайти в папку wp-content/plugins/ Теперь можете зайти на страницу плагинов и активировать свой новый плагин. На этом все. Удостоверьтесь в работе плагина, просто зайдя в правку профиля у себя в админке, и вы увидите дату регистрации пользователя.

Отображение даты регистрации пользователя у себя на сайте

В этом способе мы будем использовать простенький шорткод для отображения даты регистрации пользователей у себя на сайте. Сперва вам надо добавить следующий код в файл functions.php

function wpb_user_registration_date($atts, $content = null ) { 

$userlogin = shortcode_atts( array(
'user' => FALSE,
), $atts );

$uname = $userlogin['user'];     

if ($uname!== FALSE) {             

$user = get_user_by( 'login', $uname );  
if ($user == false) { 

$message ='Sorry no such user found.'; 


} else { 

$udata = get_userdata( $user-ID );
$registered = $udata->user_registered;

$message =	'Member since: ' . date( "d F Y", strtotime( $registered ) );

}
	
} else { 

$message = 'Please provide a username.'; 

} 

return $message; 

} 

add_shortcode('membersince', 'wpb_user_registration_date');

Затем вы можете отобразить дату регистрации пользователя просто используя шорткод вроде этого:

[membersince user=peter]

Только замените peter на имя пользователя, чью дату регистрации собираетесь отобразить.

---

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

---

Скайп является одним из самых популярных средств связи в мире. В этой статье мы расскажем вам как можно легко добавить кнопку поделиться в Скайпе на Вордпресс.

Перво-наперво вам надо установить и активировать плагин Skype share. После активации зайдите на страницу Settings > Skype Share button, чтобы отладить плагин.

Первая опция включает кнопку поделиться. Вы должны отметить эту ячейку, чтобы она появилась у вас на сайте. Затем необходимо выбрать размеры этой кнопки. Среди доступных размеров присутствуют большой, маленький, круглая иконка и квадратная иконка. Наконец, вам надо выбрать расположение кнопки. Вы можете выбрать показывать ее либо в верху статьи, либо внизу, либо с обоих сторон. Скайп share может автоматически обнаруживать язык вашего сайта. Однако если этого не случилось, то вы можете вручную выбрать язык. На этом все, теперь вы можете зайти на сайт, чтобы увидеть кнопку в действии.

Ручное добавление кнопки в шаблон

Если вы хотите вручную добавить кнопку в файлы шаблона, то вам надо добавить следующий скрипт в начале своего файла. Вы можете сделать это либо напрямую редактируя файл header.php, либо используя сприпты Enqueue.

<script>
// Place this code in the head section of your HTML file 
(function(r, d, s) {
	r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {
		var js, sjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(p.id)) { return; }
		js = d.createElement(s);
		js.id = p.id;
		js.src = p.scriptToLoad;
		js.onload = p.callback
		sjs.parentNode.insertBefore(js, sjs);
	};
	var p = {
		scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js',
		id: 'skype_web_sdk'
	};
	r.loadSkypeWebSdkAsync(p);
})(window, document, 'script');

</script>

После этого добавьте следующий код в файлы single.php, loop.php, index.php, page.php, category.php, и archive.php.

<div class='skype-share' data-href='<?php the_permalink(); ?>' data-lang='en-US' data-text='<?php the_title(); ?>' data-style='large' ></div>

Вы можете изменить data-style на large, small, circle, или square. Вы также можете поменять язык на желаемый. Код, приведенный выше, позволит пользователям делиться отдельным постом с заголовком в виде сообщения.

---

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

---

Instant Articles это функция Facebook, которая позволяет грузить ваш контент в 10 раз быстрее, используя адаптированный мобильный формат. В нем используется та же технология, что и в приложениях для телефонов. Многие популярные сайты вроде BuzzFeed, TechCrunch, Mashable и другие используют эту фишку на своих сайтах. Отличить статьи от обычных можно благодаря иконке с молнией.

Преимущества и недостатки Facebook Instant Articles

Как и у всего остального, у Facebook Instant Articles есть свои преимущества и недостатки.

Преимущества:

— быстрое время загрузки делает чтение более приятным
— благодаря скорости, люди будут чаще делиться вашим контентом с друзьями
— доступ к монетизации
— увеличенный Facebook Page Reach
— новый трафик на сайте за счет огромной аудитории соцсети

Недостатки:

— пользователи не увидят ваших виджетов, формулоров для e-mail’ов, сайдбары и так далее, поскольку кроме самой статьи все остальное будет скрыто
— у вас может упасть доход от рекламы, так как Facebook накладывает ограничения на количество рекламы
— Facebook ограничивает количество изображений и видео в статьях
— многие шорткоды и пользовательские поля будут недоступны в статьях

Выбирая пользоваться или нет Facebook Instant Articles, надо основываться на типе контента и ваших бизнес-целях. Если у вас новостной сайт, то есть смысл попробовать.

Что требуется для того, чтобы включить Facebook Instant Articles в WordPress?

— Facebook-страница вашего сайта
— Страница приложения Facebook (позже в этой статье мы объясним вам как ее можно сделать)
— 10 и более статей на сайте
— плагин Instant Articles (позже в статье мы разберем этот вопрос)

Регистрация в Facebook Instant Articles

Сперва вам надо зайти на сайт Facebook Instant Articles и щелкнуть по кнопке регистрации.

Теперь Facebook попросит выбрать страницу вашего сайта. Затем щелкните, что вы согласны с правилами и ажмите на Access Instant Articles Tools.

Вы попадете в инструменты публикаций, где у вас будет секция мгновенных новостей. Первым делом вам надо доказать то, что вы владелец страницы, указав адрес своего сайта.

Прокрутите к секции Tools и нажмите Claim your URL.

Вы увидите фрагмент кода, который вам нужно скопировать и вставить в область вашего сайта. Есть два способа это сделать. Вы можете отредактировать файл header.php в дочернем шаблоне и вставить код перед тегом.

Однако если вы не пользуетесь дочерним шаблоном, то вы можете использовать плагин Insert Headers and Footers. После активации плагина зайдите на страницу Settings – Insert Headers and Footers и вставьте код в секцию header.

Добавив код к себе на сайт, вам надо перейти обратно к инструментам публикаций на Фейсбуке. Добавьте адрес своего сайта перед кодом, который вы недавно копировали и нажмите на кнопку Claim your url.

Следующим шагом будет добавление RSS-фида Instant Articles себе на сайт. Для этого просто установите и активируйте плагин Instant Articles for WP. После активации плагин сгенерирует фид мгновенных постов для вашего WordPress-сайта. Вы можете найти фид, введя feed/instant-articles после адреса вашего сайта.

Скопируйте адрес вашего фида и вернитесь назад к инструментам Фейсбука. Прокрутите вниз пока не найдете Production RSS Feed.

Вставьте адрес своего фида и нажмите кнопку сохранения. Фейсбук должен показать вам успешное сообщение.

Настройка плагина Facebook Instant Articles

Вы заметите, что после активации плагина у вас в меню появился новый пункт под названием Instant Articles. Щелкнув по нему, вы попадете на страничку настроек плагина.

Этот плагин требует APP ID и секретные ключи для его активации. Для этого вам надо зайти на сайт для разработчиков Facebook, щелкнуть по выпадающему меню возле My Apps в верхнем правом углу экрана возле вашего профильного изображения.

Появится окошко, в котором надо щелкнуть по website.

Откроется мастер быстрой настройки, в котором надо будет указать название вашего приложения для Facebook. Можете использовать любое название, лишь бы оно помогало идентифицировать само приложение. Нажмите на кнопку Create New Facebook App ID, чтобы продолжить.

Появится новое окно, в котором вас попросят указать контактный электронный адрес и выбрать категорию для приложения. Введите адрес электронной почты и выберите Apps for Pages в качестве категории.

Затем нажмите на Create App IDD. Окошко исчезнет и Facebook создаст для вас приложение. На странице быстрого старта вы увидите информацию о том, как пользоваться приложением. Вам надо всего лишь пролистать вниз до секции Tell us about your website.

Введите адрес своего сайта и щелкните по кнопке Next. Несмотря на то, что Фейсбук будет предлагать вам еще дополнительные шаги, это вся информацию, которую вам потребуется ввести. Теперь вы можете щелкнуть по кнопке Skip Quick Start в правом верхнем углу страницы.

Вас перенаправит в админку только что созданного приложения, где вы увидите ваше App ID и секретный ключ (надо будет нажать кнопку Show, чтобы его увидеть).

Прежде чем вы скопируете эти ключи, вам сперва нужно сделать свое приложение публичным. Щелкните по ссылке App Review в меню слева.

На следующем экране вы увидите, что ваше приложение находится в стадии разработки. Щелкните по тумблеру, чтобы перевести его в Yes и сделать ваше приложение публичным. Теперь щелкните по ссылке слева, чтобы перейти в панель настроек своего приложения и скопируйте свое App ID и секретные ключи. Вернитесь к странице настроек вашего плагина Instant Articles и вставьте туда App ID и секретные ключи.

Щелкните по кнопке Продолжить. Теперь на странице настроек плагина вы увидите кнопку для входа с помощью Facebook.

Нажав ее, вы попадете на Facebook, где вас попросят дать приложению разрешение доступа к информации вашего профиля. Как только вы дадите это разрешение, вас перенаправит обратно на сайт WordPress. Щелкните по выпадающему меню Select Page, чтобы выбрать свою страничку в Facebook.

Ваш сайт готов к Instant Articles, но осталось еще два шага.

Настройка стиля

Посетите свою страницу в Facebook и из админпанели нажмите Publishing Tools. Слева щелкните по ссылке Configuration.

Пролистайте вниз до Tools и щелкните по вкладке Style. Вы увидите, что Facebook уже добавил стиль по умолчанию для вашего сайта. Нажмите на него, чтобы изменить и у вас откроется окошко, в котором вы можете загрузить логотип своего вебсайта. Facebook требует изображения минимум 690 на 132 пикселя.

Добавление фида Instant Articles

Прежде чем отправлять фид на рассмотрение вам нужно убедиться, что у вас в нем есть по меньшей мере 10 статей. Если вы запостили уже более десяти статей на свой сайт, но фид не показывает ни одну из них, тогда вам надо просто отредактировать последние десять постов и нажать на кнопку обновления. Как только убедитесь, что у вас в фиде есть 10 статей, можете добавлять их на рассмотрение Фейсбука. Зайдите на свою страницу в Фейсбуке и нажмите на Publishing Tools из админпанели. После этого нажмите на ссылку Configuration под Instant Articles в левой части меню. Ищите на этой страницеStep 2: Submit for Review.

Если все в порядке, то вы должны увидеть кнопку Submit for Review. Нажмите ее, чтобы отправить фид на рассмотрение. На этом все, Instant Articles станет доступным для вашего сайта как только команда Фейсбука рассмотрит и подтвердит ваш фид.

Советы по устранению проблем

Facebook требует, чтобы ваш фид Instant Articles подходил под требования, описанные на их сайте разработчиков. За это отвечает ваш плагин Instant Articles, однако в зависимости от шаблонов или плагинов, которые вы используете у себя на сайте, у вас могут возникать определенные ошибки или предупреждения. Простейший способ от них избавиться это редактирование поста и прокручивание вниз к мета-панель Facebook Instant Articles под редактором постов.

Большинство ошибок вызваны плагинами или шаблонами, которые добавляют в ваши посты контент, который не подходит под правила плагина Instant Articles. Вы можете изменить эти правила, но поскольку это требует определенных навыков, куда проще будет просто настроить сами плагины, чтобы они не добавляли лишний контент в ваши посты.

Неправильные адреса

Если вы постоянно получаете ошибку Empty Feed, когда отправляете свой фид Instant Articles, то вам стоит проверить адрес, который вы пытаетесь добавить.

http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles

Как видите, это два разных адреса и в зависимости от настройки вашего WordPress, ввод не того адреса может привести к ошибке 404. Если вы до сих пор видите эту ошибку, то постарайтесь обновить последние десять постов на свой сайте. Это изменит дату их изменения и добавит в фид.

---

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

---

В то время как для создания интернет-магизнов существует множество плагинов, Shopify является одним из лучших и доставит вам меньше всего хлопот.

Зачем выбирать Shopify

Shopify это платформа для электронной коммерции, которая позволяет любому человеку создать онлайн-магазин без каких-либо технических познаний. Это самостоятельная платформа, что подразумевает, что вся информация о вашем магазине будет храниться на их серверах. Вы можете использовать плагин на сайте WordPress, установленном на свой хостинг с доменным именем. Shopify предлагает безопасную корзину покупок с 70 способами платежей и вариантами доставок, а также доступен на массе языков. Также плагин справляется с различными настройками доставки, автоматическим подсчетом налогов, управлением инвентаря и так далее. Если у вас уже есть сайт, то вы можете продавать товар, используя Shopify, без нужды заботиться обо всех технических аспектах, которые связаны с владением электронного магазина. Например, вам не придется волноваться о настройке SSL, способах платежей, безопасности и так далее. Не говоря уже о том, что вы можете с помощью плагина продавать вещи конкретным лицам.

Настройка интернет-магазина с помощью Shopify

Сперва вам нужно посетить сайт Shopify, чтобы подписаться на 14-дневный бесплатный пробный срок. Вам не понадобится кредитка во время регистрации, а тарифы начинаются с 9 долларов в месяц. Укажите адрес своей электронной почты, введите пароль и выберите название для своего магазина. Как только закончите, нажмите на кнопку Create your store, чтобы продолжить.

После регистрации зайдите на свой сайт и активируйте плагин Shopify eCommerce Plugin. После активации зайдите в появившийся в меню админпанели вашего сайта пункт Shopify. Там вы сможете настроить свой профиль.

Поскольку вы уже создали магазин в системе, просто введите его название и нажмите на кнопку Connect. После этого Shopify соединит ваш сайт с вашим профилем системы и вы увидите страницу настроек.

Есть три вещи, которые вы должны сделать по созданию магазина. Первое это добавить несколько товаров в ваш магазин. После этого вам надо настроить способы оплаты и доставки. Начнем с добавления первого товара. Просто нажмите на кнопку Add a product. У вас откроется страница добавления товара. Вам надо указать заголовок и описание для вашего товара, а затем загрузить несколько изображений.

Прокрутите вниз, чтобы установить цену для своего товара, добавить доставку и прочую информацию. Щелкните по Save как только все будет готово. Повторите этот процесс с другими товарами. Затем вам надо настроить платежи. Вернитесь в админпанель своего сайта и зайдите в настройки плагина Shopify. Там вам надо щелкнуть по кнопке Setup Payments.

Это направит вас на страницу настройки платежей. Shopify поддерживает многие системы платежей, включая Paypal, Stripe, Authorize.net, Skrill и многие другие.

По умолчанию сервис будет использовать адрес электронной почты, который вы используете для экспресс платежей в Paypal. В случае чего вы можете поменять этот адрес на другой. Если хотите добавить больше способов платежей, то можете выбрать их с этой страницы. От вас попросят указать дополнительную информацию, чтобы соединить Shopify с выбранным вами способом платежа. Как только вы активировали свой любимый способ платежа, вернитесь назад на сайт. Последняя вещь, которую вам необходимо настроить, это доставка. Зайдите на страницу настроек Shopify на вашем сайте и щелкните кнопку Setup Shipping.

Вы попадете на страницу настроек доставки, где вам надо будет указать соответствующие данные. включая зоны доставки и стоимость доставки в эти самые зоны. Shopify очень сильно упрощает задачу по настройке опций доставки, основываясь на цене заказа и его весе. Вы также можете добавить бесплатную доставку и добавить зоны для интернациональной доставки. После ввода всей этой информации, считай, что вы завершили основную часть настройки. Можете посмотреть, что творится в админке и что можно поменять.

Добавляем товары Shopify к себе на сайт

Теперь, когда вы добавили товары, вам надо отобразить их у себя на сайте. Просто создайте новый пост или страницу в WordPress. На экране редактора вы заметите новую кнопку, помеченную как Add Product.

Щелкнув по ней, вы откроете окно со списком товаров, где вы можете добавлять отдельные товары или же их коллекции.

Затем щелкните по кнопке добавления товара, после чего вас попросят выбрать тип embed. Вы можете добавить кнопку покупки с изображением товара или просто кнопку покупки без ничего.

Если вы планируете добавлять дополнительную информацию о товаре, то можете выбрать просто кнопку покупки. Таким способом вы можете создать отдельные галереи изображений для ваших товаров, используя Envira Gallery. Если вы хотите просто отображать товар, то выберите изображение, цену и кнопку в качестве embed. Теперь можете публиковать свой пост или страницу, а затем зайти на сайт, чтобы посмотреть как это выглядит вживую.

Вы можете показывать свои товары и коллекции в сайдбаре WordPress. Просто зайдите на страницу Appearance – Widgets. Вы увидите виджет Shopify в списке доступных виджетов. Добавьте его в сайдбар там, где вы хотите отобразить свой товар или коллекцию.

В настройках виджета щелкните по кнопке добавления товара, чтобы выбрать товары или коллекции, которые вы хотите добавить. Затем щелкните по кнопке сохранения и можете зайти на сайт, чтобы увидеть как ваш товар отображается в сайдбаре.

---

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

---