Самый качественный и простой хостинг для wordpress

Вебмастерское
Иногда обращаются люди, которые ну реально еще не доросли и в самом начале пути. Им трудно разобраться даже с WP. Я стал таким людям советовать вот этот сервис.

ru.wordpress.com

Вы можете купить домен у них.
Или же привязать свой через NS
  • NS1.WORDPRESS.COM
  • NS2.WORDPRESS.COM
  • NS3.WORDPRESS.COM
или по А записи
  • 72.233.69.14
  • 76.74.159.137
  • 64.34.177.159

Всего за 12$ в год. Дешевле чем любой хостинг.
Зато вы получаете функционал, который обычному человеку за глаза. Стабильные сервера, которые выдержат хаброэффекты и прочее. И бесплатное https:// даже.




Как сделать комбинированную форму комментирования

WordPress
Точно так же, как у меня тута.
Комменты: livestreet // Vkontakte // Facebook
Переключаться среди них.

Так вот, в wordpress это делается так:
1. Для начала нужно сделать три таба в форме комментирования. В первом табе мы расположим комментирование через OpenID, во втором — стандартные поля для ввода данных, а в третьем — ссылку для входа в блог под своим логином и паролем с переадресацией на ту же страницу.
Сделать простейшие табы поможет этот пост.
2. Для вставки комментирования через OpenID в первом табе используем плагин Comments with OpenId. Содержимое первого таба будет выглядеть примерно так:
<?php comments_with_openid(); ?>
<input type='text' name='openid_identifier' id='openid_identifier' class=textfield' tabindex='4' />

3. Содержимое второго таба будет выглядеть примерно так:
<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="10" tabindex="1" /> имя
<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="10" tabindex="2" /> почта
<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="10" tabindex="3" /> сайт

4. В третий таб нужно вставить ссылку на страницу входа с переадресацией на исходную страницу после удачного логина. Код примерно такой:
<a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">Вход</a>

5. Ну и последний шаг — нужно найти, где вызывается форма комментирования, и вместо нее использовать получившийся у вас код. Обычно форма комментирования находится в файле comments.php, иногда для нее создают отдельный файл, например, comment-form.php.

Как сделать простые табы в блоге на jQuery

WordPress
1. Для начала убедитесь, что в блоге подключена библиотека jQuery.
Как подключить jQuery?
Для начала скачиваем библиотеку jQuery с сайта разработчиков.
В большинстве браузеров скачивается файл, название которого выглядит примерно так: jquery-1.4.2.min.js
Однако в некоторых браузерах этот файл не скачивается, а открывается, как обычный текстовый. И это понятно, ведь он и является по сути обычным текстовым файлом.
Если вместо скачивания файл пытается открыться, то в окне, которое показывает содержимое этого файла, скопируйте путь к нему, а потом воспользуйтесь менеджером закачки.

Обычно js-скрипты записываются в специальную папку, которая находится в папке с вашей темой.
При открытии страниц блога в браузере первым делом загружается все, что прописано в файле header.php (находится в папке вашей темы оформления). Вот с этим файлом и будем работать. Откройте его и найдите такие строчки:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">

Вот сразу после них нужно вставить указание подгружать библиотеку jQuery:
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.2.min.js"></script>

Обратите внимание на эту строчку, особенно на то, что записано в простых скобках внутри src="..." — это путь к библиотеке, которую мы загрузили на сайт. Код автоматически вставляет путь к теме, которую вы используете, а js — это и есть та папка, которая находится в папке вашей темы, и в которую мы закачали файл.
Все, библиотека jQuery подключена.

Как загружать jQuery с сайта Google?
Сделать это достаточно легко — нужно удалить вызов этих скриптов из шаблонов вашей темы (обычно это прописано в header.php или footer.php), и добавить в файл functions.php такой код:
add_action( 'init', 'jquery_register' );
function jquery_register() {
if ( !is_admin() ) {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', ( 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' ), false, null, true );
    wp_enqueue_script( 'jquery' );
   }
}

Этот код заставит скрипт jquery.min.js грузиться напрямую из хранилища Google.

2. Откройте файл, в котором нужно сделать табы (например, single.php), и вставьте в него такой код:
<ul class="tabs">
    <li><a rel="nofollow" href="#tab1">Таб1</a></li>
    <li><a rel="nofollow" href="#tab2">Таб2</a></li>
    <li><a rel="nofollow" href="#tab3">Таб3</a></li>
</ul>

<div class="tab_container">

    <div id="tab1" class="tab_content">
      Содержимое первого таба
    </div>

    <div id="tab2" class="tab_content">
      Содержимое второго таба
    </div>

    <div id="tab3" class="tab_content">
      Содержимое третьего таба
    </div>

</div>

Как видите, это очень простая структура. Сначала идет список табов, потом — содержимое табов. Для элементов сразу заданы стили. Чтобы придать всему этому красивое, ненавязчивое оформление, нужно описать стили для всех этих элементов.

3. Откройте файл style.css и вставьте в него код, задающий оформление используемых нами элементов.
ul.tabs { margin: 0 0 0 20px; padding: 0; float: left; list-style: none; height: 32px; width: 100%; }
ul.tabs li { float: left;   margin: 0; padding: 0; height: 31px; line-height: 31px; border: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #fff;  }
ul.tabs li a { text-decoration: none; color: #aaa; display: block; font-size: 1.0em; padding: 0 10px; border-bottom:#fff 1px solid; }
ul.tabs li a:hover { background: #fff;color: #000; border-bottom:#fff 1px solid; }
html ul.tabs li.active { background: #fff; border-top-left-radius:5px; border-top-right-radius:5px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; color:#000; border-bottom: #fff 1px solid; }
.tab_container { overflow: hidden; clear: both; float: left; width: 100%; background: #fff; margin-bottom:0px; background:#fff; border-top:#eee 1px solid;}
.tab_content { padding:0; }
html ul.tabs li.active a, html ul.tabs li.active a:hover {color:#000;}

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

4. Откройте файл header.php и вставьте в него код скрипта:
<script type="text/javascript">
$(document).ready(function() {

    //When page loads...
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show(); 
    $(".tab_content:first").show(); 

    //On Click Event
    $("ul.tabs li").click(function() {

        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").hide(); 

        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn(); 
        return false;
    });

});
</script>

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

Второй способ.
Первый способ, был основан на списках, в которых табами служили специальные ссылки. Эти ссылки показывали содержимое табов, оформленное особым образом и активируемое с помощью скрипта. Второй способ, попроще — нет эффектов во время смены содержимого табов, но и нет лишних внутренних ссылок для активации табов.
1. Откройте файл, в котором вы будете делать табы (обычно это single.php илиsidebar.php) и вставьте в него такой код:
<dl class="tabs">
                <dt class="selected">Таб1</dt>
                <dd class="selected">
                    <div class="tab-content">содержимое первого таба</div>
                </dd>                                                               
                <dt>Таб2</dt>
                <dd>
                    <div class="tab-content">содержимое второго таба</div>
                </dd>
                <dt>Таб3</dt>
                <dd>
                    <div class="tab-content">содержимое третьего таба </div>  
                </dd>                           
            </dl>

2. Как видите, табы и их содержимое находятся в одной таблице. Чтобы они приобрели нужное оформление, отредактируйте файл style.css, вставив в него код:
.tabs { width:400px; overflow:hidden; margin:0; zoom:1; padding:1px ;position:relative; }
.tabs dt { float:left; line-height:2; height:2em; background:#fff; border:1px solid #ccc; border-bottom:0; padding:0 1em; position:relative; left:35px; margin-right:1px; cursor:pointer; }
.tabs dt:hover { background-color:#ccc; }
.tabs dt.selected { border-color:#aaa; background:#fff; z-index:3; cursor:auto; }
.tabs dd { background:#fff; display:none; float:right; width:100%; margin:2em 0 0 -100%; position:relative; z-index:2; }
.tabs dd.selected { display:block; }
.tabs .tab-content { background:#fff; border:1px solid #ccc; padding:20px 20px 10px 20px; }

В этом примере кода ширина табов равна 400 px, фон белый, цвет шрифтов черный, рамка вокруг табов серая.
3. Чтобы активировать табы и автоматически выделить первый, нужно подключить скрипт. Откройте файл header.php, и вставьте в него такой код:
<script type="text/javascript">
            $(function(){
                $('dl.tabs dt').click(function(){
                    $(this)
                        .siblings().removeClass('selected').end()
                        .next('dd').andSelf().addClass('selected');
                });
            });
        </script>

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

Нука, может кто тестил уже, мобильная версия для wordpress

Взаимопомощь
Сам еще не гуглил.



Суть такова.
Хочу сделать, мобильный стиль, для wordpress, например.
Но, на отдельном домене, 123.mobi
И чтобы это все работало из одной базы sql, и что-бы не нужно было делать 2 движка.
Короче, ясно понятно, что можно легко за пять минут, просто установить еще один WP, на домен .mobi и активировать там любой мобильный скин. А в конфигах прописать одну и туже БД. Вот и все.
Но я же, хочу именно какой-ниб скрипт, который на домене .mobi выводил бы инфру. Без лишних движков. Вот.

livestreet vs wordpress

LiveStreet
Если что-то забыл, добавьте ;)



Не будем говорить, про закрытые ls. Которые по инвайтам. Это отдельная тема, которая тоже «очень удобный движок», прямо для кучи разных применений, начиная от просто закрытых сообществ, как закрытых «командных» бложеков(для длительного(хранения информации) чатика между людьми с которыми так или иначе что-то поддерживаешь/развиваешь).

Поговорил о открытых. Чем же livestreet лучше wordress?
  • Никакого спама в комментах. В wp всегда засирало тоннами, это меня бесило и до сих пор бесит. Даже с акисметами, каптчами, дерьмо просачивалось. А тут же, с октября, как я стал личный фан бложек вести на ls(хотя давно еще хотел в 2010 даже, но лень было), уже по ID нащелкалось 6к комментов, и не одного спама ;)
  • Удобная структура. С теми же rss (если помните, когда-то очень давно, я вообще стал вести бложеки на доменах, а не сервисах, потому что мне нужно было что-то, что могло бы в rss отдавать, ну и тогда я был нубее чем щас, и тогда я не знал, что есть твитор, а он бы мне, в 2008 подошел как никак лучше, нежели я делал всякие nio4em.com для высера в rss). Настройки, уведомления по мылам и все такое. Не только по rss можно быть в курсе. Куча вариантов подписаться.
  • Если позиционировать блог, сразу, с десятком постоянных авторов, то конечно livestreet удобнее. Как структура. Если не нужна рега или комменты, то их можно запретить наконец :) Но для сообщества авторов, ls охуеть как удобно.
  • Плюс можно делать открытые и закрытые коллективные блоги. Короче можно делать закрытые разделы всякие. Типо перетереть там что нужно.
  • Так же система лс. Можно коллективные лс, типо долгосрочных чатиков делать. Не все люди же дрочат каждый в инете, и имеют стабильный инет. Можно юзать коллективные лс, или же закрытые блоги, для «своих», которым скидываешь что-то, через пару дней чел читает и в курсе.
  • Удобные понятные редакторы и теги. Один livestreet можно сразу позиционировать на кучу подкатегорий, разного рода. На wp можно делать рубрики всякие, но не тематики. Потому что у каждой тематики, еще пару-тройка подуровней всяких. На wp это реализовывается через метки, рубрики всякие. Но и все. А тут можно гораздо глубже копнуть. Сразу кучу блогов, разных тематик, которые разбросаны по разным wordpress например, объединить в один, по коллективным(а их тоже на подкатегории, такое возможно).
  • Наконец, ls можно напичкать плагинами всякими. И делать социальность, типо барахолок, внутренних валют и тому подобное. Рынок это всегда движуха. Но пост не о плагинах. Пост был если брать ls токо для блого-потока. Все равно, даже такой, он лучше wp.
  • И еще. Базы sql меньше чем базы wp. Дада :) Реально объемы баз гораздо меньше. При охуенных данных(почему? потому что тут нету спама и дубликатов всяких копий, при редактировании постов, как в wp). Нагрузка у livestreet больше конечно, но если его настроить, то все будет заебись.

Вообщем. Что я хотел сказать. Что я сейчас, считаю, что даже личные бложеки, или всякие фановые-простые, гораздо проще и удобнее мутить на livestreet, чем на wordpress'aх.

Блять, под любую нужду короче, можно использовать ls. Кому нада, пишите, сделаю вам livestreet'ы за спасибо ;)

Седня разговор был. Итого - Я делаю простые информационные сайты визитки на wordpress за цену домена! :)

Вебмастерское
Короче, седня спорил с человеком.
Типо есть нубы всякие, которым нужна БАНАЛЬНАЯ ВИЗИТКА. максимум там 5-10 ебанных страниц.

т.е. им нужно просто разместить в интернете какую-то информацию о фирме, о товаре/услугах. и их контакты, адрес там на 2гисе. и вся такая подобная Информационная фигня.

Им по сути не нужен дизайн как у sibset.ru там, или у idea.ru в прошлом(самый яркий диз что я видел когда-то, а щас там УГ какое-то).
Им не нужны там навороченные движки, настройка этих движков, не нужны форумы, не нужны массовые блоги, даже не нужны всякие хуйки, типо запостить в фэйс, твитор и т.д. И тем более им ненужно делать нагрузочный проект. Им просто нужна ОБЫЧНАЯ визитка с какой-то информацией.

Вообщем о чем разговор был. Я до усрачки спорил, что это тупизм, тратить даже 5к денег на хуе-визиточку. Пусть тебе нарисуют там дизайн даже, но НАХУЯ? Без продвижения по поиску «самой услуги/товаров», эта ебанная визитка и гроша не стоит. Туда будут заходить 10 ботов в день и все! Если на сайте есть какие-то формы для заказов, то это все равно нада через яндекс-директ продвигать по ключевикам.
Польза визиток, токо если сайт позиционируется, «как лицо компании», для инет почитателей всяких. Или как большие каталоги с фоточками, которые можно с любого места посмотреть, а потом приехать купить. Вот это польза.
А когда делают НЕНУЖНЫЕ визитки, мне хочется батхерить. Таксисты ебать например. Думают что создав говно сайт, с своим адресом, телефоном, они смогут найти клиентов? Хуй вам, а не клиенты. И ведь есть же люди, которые готовые нажиться на таких нубах. Они не могут объяснить людям, что эти визитки нихуя им не помогут, в их бизнесе. И все равно сдирают за них конские цены.

Долго и ненавистно срались мы, о психологии людей, которые готовые выкидывать не то, что 5000р, а и 30к. За ненужную хуйню.
И о том, почему эти люди НЕ МОГУТ ДОДУМАТЬСЯ что можно взять самый простой, wordpress. Купить банальный рашковый домен за 120р(даже тот же.рф пойдет), хостинг за 150р/мес. И любой адекват, скачает любой понравившийся шаблон(прямо блять из админки, ему даже учисть с фтп не нужно), которых просто море. И за ОДИН ЧАС времени сделает себе визитку, среднего качества, на wordpress.


Сделаю ЛЮБОМУ человеку, любой фирме, банальную визитку, с обычной, НУЖНОЙ информацией о фирме/услугах/товарах. На wordpress. И главное — ЗА СПАСИБО! Просто, чтобы доказать мудакам которые накручивают не 5к, а 30к за хуйню. Куплю домен(или сами купите я покажу как), и захостчю к себе на какой-ниб VPS, за бесплатно, на вечно.
Чтобы не было заявок «типо сделай», то сначала нужно, показать что человек заинтересован. Купить/оплатить домен, например. Вот и все. *например 120р/год домены .ru.рф
Пишите прямо в этот пост, или в лс на этом сайте.

От вас нужно:
  • Иметь домен, или купить домен через меня. Вообщем показать «что это не просто так, сделать и забыть на следующий день».
  • Предоставить наибольшую информацию о названии фирмы, услугах, товарах.(например чтобы подобрать созвучный/символический домен). И для ключевиков всяких. Если люди будут через поиск искать.
  • Если у вас продажи, то скинуть названия товаров, подробные описания, и фоточки. Чтобы сделать подробный каталог.
  • Реквизиты для связи, адрес, чтобы указать все это через 2gis, скрином и ссылкой на офис/магазин и т.д.

Все люди/фирмочки обратившиеся ко мне за «обычной визиткой на wordpress», будут перечислены в этом посту. И да, распространение поста приветствуется.

upd (цель для доказательства и морального удовлетворения — 100 сайтов)
  1. 21-04-11 cutehome.ru — просто купил домен, захостил. установил бложек. челу напонять ничего не нада, жаль ;(
  2. 22-04-11 a5uka.ru — купил домен, захостил, установил бложек. чел решил вести бложек на домене.
  3. 23-04-11 тайгер-охрана.рф — первая визитка, примитивная, без каталогов. вот чистая визитка. и за такое мудак мог содрать 30к :)
  4. 25-04-11 rasslabin.ru — домен был, захостил за спасибо. ну и по мелочи.
  5. 26-04-11 anime.sibnet-team.com — коммюнити для анимешников с сибнета. типо Журнальчика.
  6. 26-04-11 animexx.ru d-side.ru — захостил и по мелочи.
  7. 28-04-11 wayofself.ru — вторая визитка. ну, нашел шаблон, отредактил, тексты написал.
  8. 02-05-11 a-kino.ru — просто какой-то бложек, для фаната кино. думаю про кино будет писать. установил, захостил, настроил.
  9. 04-05-11 monitoringcs.com — захостил по мелочи.
  10. 09-05-11 url.vibos.org — скрипт сократителя ссылок, челу залепенил, захостил на вечно.
  11. 11-05-11 белтара.рф — захостил, установил, настроил. ну и т.д.
  12. 12-05-11 cs.uinsell.net — захостил, установил двигло форума, настроил с нуля.
  13. 18-05-11 bibsosh2.ru — захостил.

upd 12-04-2012
короче в 2012 уже похуй. в будущем перетекло это все в создание ABCD sites.abcd.bz/

HTML карта сайта на WordPress

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

В действительности, очень полезно использовать карту сайта HTML как часть темы. В таком случае карту сайта можно использовать и на странице WordPress для ошибки 404. Чтобы сделать карту сайта HTML частью темы надо создать папку partials в папке вашей темы. В папке partials создаем создаем файл с именем sitemap.php.

Копируем в него следующий код и правим его в соответствии со структурой своего сайта:
<h2 id="authors">Authors</h2>
<ul>
<?php 
wp_list_authors( 
  array(
    'exclude_admin' => false,
  )
); 
?>
</ul>
 
<h2 id="pages">Страницы</h2>
<ul>
<?php
// Страницы, которые надо исключить из карты сайта добавляем к exclude здесь
wp_list_pages( 
  array(
    'exclude' => '',
    'title_li' => '',
  )
);
?>
</ul>
 
<h2 id="posts">Заметки</h2>
<ul>
<?php
// Категории, которые надо исключить, добавляем к exclude здесь
$cats = get_categories('exclude=');
foreach ($cats as $cat) {
  echo "<li><h3>".$cat->cat_name."</h3>";
  echo "<ul>";
  query_posts('posts_per_page=-1&cat='.$cat->cat_ID);
  while(have_posts()) {
    the_post();
    $category = get_the_category();
    // Ссылку на заметку выводим только один раз, даже если она указана в нескольких категориях
    if ($category[0]->cat_ID == $cat->cat_ID) {
      echo '<li><a href="'.get_permalink().'">'.get_the_title().'</a></li>';
    }
  }
  echo "</ul>";
  echo "</li>";
}
?>
</ul>

Теперь там, где нужно вывести HTML карту сайта в теме WordPress вставляем следующий код:
<?php get_template_part('/partials/sitemap'); ?>



Чтобы сделать шаблон для карты сайта нужно скопировать файл page.php и переименовать копию в page-sitemap.php. Затем открываем его и ниже вызова функции the_content(); добавляем упомянутый ранее вызов get_template_part(). Теперь переходим в начало файла и после открывающего тега <?php (но перед вызовом get_header()), добавляем комментарий:
/*
Template Name: Карта сайта HTML
*/