Архив рубрики: Публикации

vsFTPD — Легкий FTP-сервер с виртуальными пользователями на Debian 8 Jessie

На этом уроке мы покажем вам, как легко создать FTP-сервер с виртуальными пользователями с помощью демона vsFTP на Debian 8.

Сначала необходимо обновить свой Debian VPS:

apt-get update && apt-get upgrade

Если у вас нет веб — сервера Apache2 или если вы используете NGINX, то вам придется установить apache2-utils которая необходима для генерации паролей для пользователей.

apt-get install apache2-utils

Установка службы vsFTPD:

apt-get install vsftpd libpam-pwdfile

Отредактируйте файл конфигурации vsFTPD и раскомментируйте строки ниже. Используйте редактор vim или nano. Строки, которые не присутствуют в файле конфигурации, укажите внизу.

# vim /etc/vsftpd.conf

listen=YES
listen_ipv6=NO
anonymous_enable=NO
local_enable=YES
write_enable=YES
local_umask=022
nopriv_user=vsftpd
chroot_local_user=YES
allow_writeable_chroot=yes
guest_username=vsftpd
virtual_use_local_privs=YES
guest_enable=YES
user_sub_token=$USER
local_root=/var/www/$USER
hide_ids=YES

# Исключите это, если вы делаете это руководство на свой собственный сервер
seccomp_sandbox=NO

Далее, мы должны изменить наш файл /etc/pam.d/vsftpd, чтобы проверить файл пользователей/паролей, которые мы собираемся создать.

Во-первых, создать резервную копию файла, а затем отредактировать существующий:

cp /etc/pam.d/vsftpd{,.bak}

vim /etc/pam.d/vsftpd

Удалите все из файла и добавите эти строки:

auth required pam_pwdfile.so pwdfile /etc/ftpd.passwd
account required pam_permit.so

Создайте главного пользователя, который будет использоваться виртуальными пользователями для проверки подлинности:

useradd --home /home/vsftpd --gid nogroup -m --shell /bin/false vsftpd

Как только это будет сделано, мы можем создать файл пользователей/паролей.

Примечание: пароли, используемые этим способом может быть до 8 символов. Если вы хотите прочитать vsFTPD c надежными паролями, вы можете поискать другой модуль pam.

htpasswd -cd /etc/ftpd.passwd andreyextest1

Добавьте другого пользователя и добавьте его в файл ftpd.passwd, флаг -c здесь опущен.

htpasswd -d /etc/ftpd.passwd andreyextest2

Затем добавьте каталоги для пользователей, так как vsFTPD не будет создавать их автоматически.

## Для andreyextest1
mkdir /var/www/andreyextest1
chown vsftpd:nogroup /var/www/andreyextest1
chmod +w /var/www/andreyextest1

## Для andreyextest2
mkdir /var/www/andreyextest2
chown vsftpd:nogroup /var/www/andreyextest2
chmod +w /var/www/andreyextest2

И, наконец, запустите демон vsFTPD и установите его на автоматический запуск при загрузке системы.

systemctl start vsftpd && systemctl enable vsftpd

Проверьте состояние, чтобы убедиться, что запущена служба:

# systemctl status vsftpd
● vsftpd.service - vsftpd FTP server
Loaded: loaded (/lib/systemd/system/vsftpd.service; enabled)
Active: active (running) since Sat 2016-12-03 11:07:30 CST; 23min ago
Main PID: 5316 (vsftpd)
CGroup: /system.slice/vsftpd.service
├─5316 /usr/sbin/vsftpd /etc/vsftpd.conf
├─5455 /usr/sbin/vsftpd /etc/vsftpd.conf
└─5457 /usr/sbin/vsftpd /etc/vsftpd.conf

Проверьте свои настройки

Используйте FileZilla, WinSCP или любой другой FTP-клиент для входа в систему VPS, используя имя пользователя и пароль, которые вы создали ранее. Создайте тестовый каталог и тестовый файл от клиентов.

Проверка сервера, что файлы успешно созданы:

ls -l /var/www/andreyextest1
ls -l /var/www/andreyextest2

2016-12-09T16:43:49

Настройка Debian

Настройка SSH авторизации по ключам

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

Читать →

Настройка файла php.ini

PHP — это один из самых популярных языков программирования для создания сайтов и веб-приложений. На нем разработано множество готовых систем управления контентом для блогов, сайтов фирм или даже интернет-магазинов. Несмотря на то что у этого языка есть свои недостатки, он достаточно прост в освоении и поэтому очень часто используется для разработки новых сайтов.

Интерпретатор php может поставляться в виде модуля для Apache, выполнять скрипты из командной строки или в виде отдельного сервиса php-fpm. Эти сервисы отличаются своими возможностями, и предназначением, но для любого вида интерпретатора нужно задать базовые настройки, например, рабочая папка, включенные расширения, отображение ошибок и так далее. Все эти настройки задаются через файл php.ini. В этой инструкции мы рассмотрим как выполняется настройка файла php.ini в операционных системах Linux, хотя все информация подойдет и для Windows.

Если у вас еще не установлен интерпретатор языка программирования php, то вы можете ознакомиться со статьей установка lamp в Ubuntu 16.04.

Читать →

11 основных проверок перед запуском сайта на WordPress

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

Использовать HTTPS вместо HTTP

Да — HTTPS больше не по желанию. Google скоро начнут штрафовать сайты, которые используют HTTP путем понижения их в результатах поиска. Я написал статью, которая объясняет, как создать HTTPS на сайте, или переместить существующий сайт HTTP к HTTPS в WordPress среде.

Существует причина, почему это первый шаг — чем дольше вы будете ждать, прежде чем перейти к HTTPS, тем сложнее процесс становится, и тем большее будет влияние на трафик сайта. Это потому, что изменения протокола на самом деле заставляет вас потерять все свои социальные медиа любит, акции, твиты и т.д. (только цифры), так как они рассматриваются как другой URL. На момент написания этой статьи, нет никакого решения, так что это хорошая идея использовать HTTPS с самого начала.

Внешний вид с помощью Debug Social Media

Как ваш сайт выглядит, когда вы поделились в социальных сетях? Какое название используется? Описание? Значок видео? Это очень важно знать, как ваш сайт появляется, когда посетители получают доступ к сайту, или статьи на вашем сайте. Некоторые социальные сети, такие как Facebook и Twitter предлагают инструменты отладки, которые предоставляют информацию, касающуюся данного URL и даже предлагают предварительный просмотр URL, когда он совместим.

Facebook использует мета — теги Open Graph, чтобы получить название, описание и изображение для предварительного просмотра данного URL. Вы можете использовать Sharing Debugger, чтобы проверить свой URL. Twitter также предлагают свой собственный инструмент. И есть также бесплатный онлайн — инструмент, который позволяет вам проверить для всех основных социальных сетей одновременно, называемых iframely.

Использование совместимости facebook Debugger

Плагин Yoast SEO для WordPress предоставляет интерфейс для управления внешним видом в социальных сетях. Когда вы выбираете Facebook / Twitter изображения для предварительного просмотра, название и описание.

Проверка кросс-браузерной совместимости

Этот шаг не весел, но это необходимость. Когда я изначально начал разработки веб-сайтов, этот шаг был кошмар. Разница между движком рендеринга каждого браузера была настолько велика, что я чувствовал, что я разрабатывал другой сайт для каждого браузера. Это уже не так, поскольку браузеры в настоящее время пребывает в основном W3C спецификации&стандарты, но всегда есть новые и экспериментальные функции, которые вы хотите, убедиться, что правильно работает на всех браузерах.

Вы можете проверить совместимость браузера вручную, устанавливая все основные браузеры на вашем компьютере и просто запустив свой сайт в каждом из них. Я обычно развиваю свои сайты на Chrome (который предлагает лучшие инструменты для разработчиков, на мой взгляд, и является также самым популярным браузером), а затем проверяю в Safari, Firefox, IE и Edge. Доля рынка других браузеров ничтожно мала, и вы можете просто игнорировать их.

Доля рынка браузеров по информации netmarketshare.com

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

Проверьте скорости страницы

Мы все знаем , что если сайт занимает больше времени, более чем на 3 секунды для загрузки (некоторые скажут, 1 секунду), пользователь не будет ждать полной загрузки и уйдет с сайта. Есть много вещей, которые необходимо учитывать при тестировании скорости загрузки сайта, включая время отклика сервера, количество HTTP — запросов в пределах страницы и размер контента (изображения, CSS, JS и т.д.). Есть 2 основных инструмента, которые я использую для проверки скорости страницы: Pingdom и Google Page Insights . Последнее фактически позволяет загружать сжатую версию всех активов на своем сайте. Это особенно полезно, когда дело доходит до изображений, потому что вы можете просто скачать и заменить несжатые (Google использует инструмент сжатия без потерь).

Инструмент анализа Google Insights по сайту andreyex.ru

Для дальнейшего улучшения времени загрузки вашего сайта, рассмотрим конкатенации JS & CSS в один файл кэша и левереджа браузера с помощью плагина WordPress, как W3 Total Cache. Я не рекомендую использовать плагин минимизации ваших скриптов и стилей, как это имеет тенденцию к замедлению времени обработки сервера. Вместо этого используйте инструмент, как GruntJS, чтобы минимизировать ваши скрипты и стили перед запуском вашего сайта.

Проверка дружелюбия к мобильным устройствам

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

Использование стационарными VS мобильными устройствами цифровой информации

Кроме того, Google не будет показывать мобильные дружественные сайты в результатах поиска, если поиск осуществляется с помощью мобильного устройства. Чтобы помочь разработчикам веб -страниц, Google недавно запустила новый инструмент , который проверяет, является ли дружелюбным ваш сайт для мобильных устройств.

Тест Google Search Console на дружественным к мобильным устройствам

Проверка HTML разметки

Используйте W3C HTML Markup Validator, чтобы убедиться, что ваш сайт использует правильный HTML — разметку. Этот инструмент может помочь вам найти элементы, в которых отсутствуют важные атрибуты (например , атрибут ‘Alt’ для изображений !!), а также отсутствие закрывающих тегов, устаревшие HTML элементов и многое другое.

W3C HTML Markup Validator

Устранение ошибок консоли

Используйте мой любимый инструмент — Chrome DevTools — для отладки JS и посмотреть, есть ли какие-либо ошибки или предупреждения в консоли JS, которые необходимо устранить. Подобно CSS — различные браузеры могут генерировать различные JS ошибки, так что вы можете открыть консоль в различных браузерах, чтобы убедиться, что все в порядке.

Консоль Chrome DevTools JS

Проверка ссылок

Вы можете использовать W3C Link Checker, чтобы убедиться , что у вас нет каких — либо неработающих ссылок на вашем сайте. Этот инструмент может быть использован для рекурсивной проверки всех страницы вашего сайта. Процесс проверки может занять несколько минут, в зависимости от количества ссылок на странице.

W3C Link Checker

Добавить фавиконку

Фавиконки является важной частью идентичности вашего сайта. Favicons используются в закладках браузера и мобильных приложений (Когда пользователь сохраняет свой сайт как «приложение» в его/ее мобильном устройстве).

К счастью, так как WordPress 4.3, добавил фавиконки, добавление стало чрезвычайно простым процессом, который может быть сделан через настройщика. WordPress автоматически добавит также иконку App.

аналитика

Подключите ваш сайт к Google Analytics, чтобы получить полезную информацию относительно трафика, поступающего на ваш сайт. Большинство тем, как правило, позволяют добавить код отслеживания на каждой странице вашего сайта автоматически. Если ваша тема не позволяет вам это сделать, вам придется вручную вставить код отслеживания в footer.php. Другой вариант заключается в использовании плагин Jetpack WordPress. Jetpack предоставляет статистику сайта, хотя информация не является столь всеобъемлющей, как предоставляет Google Analytics.

Google Analytics

SEO

Что касается SEO, есть 2 важные вещи, которые надо сделать, прежде чем запустить свой сайт: Добавьте свой сайт в Google Search Console, и представьте карту сайта. Если вы используете HTTPS, вам нужно будет создать 2 свойства в поисковой консоли, один для HTTP и один для HTTPS.

Yoast SEO позволяет подключить ваш сайт к Google Search Console и автоматически генерирует XML Sitemap для вас, которые вы затем должны представить Search Console.

Представление карты сайта в Google Search Console

Вывод

Это список, который я прохожу каждый раз, когда я запускаю веб-сайт. Я надеюсь, что вы найдете этот список полезным. Существуют и другие шаги, которые можно использовать прежде чем запустить сайт, если вы о них знаете, то расскажите нам в комментариях. Не стесняйтесь поделиться ими.

2016-12-07T19:35:19

Лучшие учебники по Wodpress

Создать тему WordPress с нуля

введение

Вы когда-нибудь хотели узнать, как создать свой собственный шаблон WordPress? Это действительно легко. Следующие шаги помогут вам создать минималистичный шаблон с листингом-страницы и статьи-страницы на основе Twitter Bootstrap.

Начните с вашего шаблона

Зайдите в вашу установку WordPress и перейдите к wp—content/themes/.

Создайте новый каталог с именем вашей новой темой, в нашем примере my—theme.

Базовая версия должна содержать следующие файлы:

header.php
footer.php
index.php
single.php
style.css

header.php

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

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">
	<!-- вывод заголовка HTML генерируется в WordPress -->
	<title><?php wp_title('|', true, 'right'); ?></title>
 
	<!-- включает bootstrap и темы собственного стиля -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" media="screen" />
 
	<!-- включить jQuery и начальную загрузку JavaScript -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
	<!-- вызовите эту функцию, чтобы включить заголовки WordPress -->
	<?php wp_head(); ?>
</head>
<body>
 
<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="well">
				<!-- output the site title -->
				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
 
				<!-- вывод описания сайта -->
				<?php
				$description = get_bloginfo( 'description', 'display' );
				if ( $description || is_customize_preview() ) : ?>
					<p class="site-description"><?php echo $description; ?></p>
				<?php endif; ?>
			</div>
		</div>
	</div>
</div>

footer.php

Файл footer.php является глобальным колонтитулом (подвалом), который будет использоваться в каждом шаблоне страницы. В нашем примере он будет выглядеть следующим образом :

div class="container footer-box">
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-xs-12 text-center">
					<!-- показывают авторское право в текущем году -->
					&copy; <?php echo date('Y'); ?>
				</div>
			</div>
		</div>
	</footer>
</div>
 
<!-- важно: включает контент подвала в WordPress -->
<?php wp_footer(); ?>
 
</body>
</html>

index.php

Файл index.php является шаблоном, используемый для отображения страницы статьи листинга. В нашем примере это будет выглядеть следующим образом:

<!-- include our header -->
<?php get_header(); ?>
 
<div class="container">
	<div class="row">
		<!-- цикл через все посты -->
		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
		<div class="col-xs-12">
			<!-- название статьи на страницу c ссылкой на полное содержание -->
			<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
			<p class="author">
				<!-- показать автора -->
				Автор: <?php the_author(); ?> &bull;
				<!-- показать дату опубликованной статьи -->
				Опубликовано: <?php the_date(); ?> &bull;
				<!-- показать количество комментариев -->
				<?php comments_number(); ?> &bull;
				<!-- показывать метки, присвоенные статьи -->
				<?php the_tags(); ?>
			</p>
			<div class="excerpt">
				<!-- вывести отрывок статьи -->
				<?php the_excerpt(); ?>
			</div>
			<div class="text-right">
				<!-- показать ссылку "Читать далее" связанной со статьей -->
				<a class="more-link" href="<?php the_permalink(); ?>">Читать далее</a>
			</div>
			<hr>
		</div>
		<?php endwhile; endif; ?>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<div class="text-center">
				<!-- показать ссылки пагинации на предыдущую и следующую посты -->
				<?php previous_posts_link( '< Предыдущий пост' ); ?> &bull;
				<?php next_posts_link( 'Следующий пост >' ); ?>
			</div>
		</div>
	</div>
</div>
 
<!-- подключить футер -->
<?php get_footer(); ?>

single.php

Файл single.php содержит шаблон для просмотра одной статьи. Он выглядит следующим образом :

<!-- подключить заголовок -->
<?php get_header(); ?>
 
<div class="container">
	<!-- нужен цикл, хотя там только один пост -->
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	<div class="row">
		<div class="col-xs-12">
			<!-- показать заголовок поста -->
			<h1><?php the_title(); ?></h1>
			<p class="author">
				<!-- показать автора -->
				Автор: <?php the_author(); ?>&bull;
				<!-- показать дату публикации -->
				Опубликовано: <?php the_date(); ?>&bull;
				<!-- показать количество комментариев -->
				<?php comments_number(); ?>&bull;
				<!-- показать теги, присвоенные статьи -->
				<?php the_tags(); ?>
			</p>
			<hr>
		</div>
	</div>
						
	<div class="row">
		<div class="col-xs-12">
			<div class="content">
				<!-- показать содержание статьи -->
				<?php the_content(); ?>
			</div>
		</div>
	</div>
	
	<!-- если комментарии разрешены, показать комментарии -->
	<?php if (comments_open() || get_comments_number()): ?>
	<div class="well">
		<?php comments_template(); ?>
	</div>
	<?php endif; ?>
 
	<?php endwhile; endif; ?>
</div>
 
<!-- подключить подвал -->
<?php get_footer(); ?>

style.css

Файл style.css содержит директивы CSS, чтобы дать нашему шаблону свой уникальный внешний вид. Должен присутствовать, в противном случае наш шаблон не будет работать.

body {
	background-color: lightblue;
}

2016-12-07T14:12:54

Темы WordPress

Как добавить презентацию Google Slides в WordPress

Вы хотите встроить Google Slides презентации на вашем WordPress сайте? Google Slides позволяет создавать красивые презентации и обмениваться ими в любом месте. В этой статье мы покажем вам, как легко добавить Google Слайды презентаций на WordPress.

Метод 1: Добавьте Google Slides в WordPress с применением плагинов

Этот метод проще и рекомендуется для начинающих.

Во- первых, необходимо установить и активировать плагин Google Docs oEmbed. Для получения более подробной информации см наш шаг за шагом руководство о том, как установить плагин в WordPress.

Плагин работает из коробки, и нет никаких для вас настройки.

Перед тем, как встроить презентацию, вам потребуется доступ по URL вашей презентации Google Slides.

Вы можете получить его, открыв презентацию в приложении, а затем нажав на File » Publish to the web.

После этого появится всплывающее окно, в котором можно настроить параметры слайд-шоу, как задержка между слайдами и автозапуск.

Вам нужно будет нажать на кнопку, чтобы продолжить публикацию.

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

Вы должны увидеть URL, который можно использовать для обмена презентации Google Slides.

Идем дальше и скопируем этот URL и вернуться обратно в админку сайта на WordPress.

Теперь вам нужно просто добавить этот URL в вашем WordPress. Отредактируйте пост или страницу, где вы хотите отобразить слайд.

В редакторе постов необходимо вставить URL, который вы только что скопировали из Google Slides. Очень важно, чтобы убедиться, что адрес на отдельной строке.

Если вы используете визуальный редактор, то, как только вы вводите URL он будет отображать презентацию в редакторе.

Теперь вы можете нажать на кнопку Опубликовать или Обновить, чтобы сохранить изменения.

Если вам нужно отрегулировать высоту и ширину контейнера Google Slides, то вам нужно обернуть вокруг URL встраивания шорткодом.

[ embed height=”900″ width=”400″]Slides URL[/embed ]

Не забудьте заменить URL Слайдера на URL вашей презентации Google Slides.

Вот и все, теперь вы можете просмотреть почту или страницу, чтобы увидеть как ваш Google Slide встроен в ваш WordPress сайт.

Способ 2: Добавление Google Slides с помощью вставки кода в WordPress

Этот метод не требует установки какого-либо плагина. Мы рекомендуем применять только этот метод, если вы не будете часто добавлять Google Slides на свой WordPress сайт.

Прежде всего, необходимо открыть презентацию, которую вы хотите опубликовать, а затем нажмите на File » Publish to the web.

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

Далее, вы увидите всплывающее окно с просьбой подтвердить, что вы хотите опубликовать слайд. Нажмите на кнопку OK, чтобы дать разрешение.

Теперь вам нужно перейти на вкладку Вставить и скопировать код для вставки.

Зайдите к админку WordPress и отредактируйте пост или страницу, на которой вы хотите добавить свою презентацию Google Slides.

На экране редактора постов, вам нужно будет перейти от визуального редактора к текстовому редактору, а затем вставить код в редакторе.

Теперь вы можете сохранить или обновить пост / страницу. Посетите веб-сайт, чтобы увидеть презентацию Google Slides в действии.

Примечание:

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

Мы надеемся , что эта статья помогла вам узнать, как добавить презентацию Google Slides на сайт WordPress.

2016-12-06T13:07:30