Новая рубрика «KtoNaNovikova»

21 января 2012 | Автор: | Рубрика: KtoNaNovikova | Просмотров: 95760

Здравствуйте уважаемые читатели данного блога.
Решил завести новую рубрику «KtoNaNovikova», в которой мы могли бы общаться, обмениваться своими мнениями и просто задавать интересующие друг друга вопросы.

К такому решения меня подтолкнули частые вопросы как по поводу моего сайта так и шаблона вордпресс на котором он выполнен.

Вот например один из таких:

Привет Андрей. Меня зовут Юра. Я на своём сайте использую этот же шаблон article-directory. Если не очень трудно объясни, я так понимаю прямоугольнички в начале статей, это просто неоткрывшиеся картинки. Если это так, то надо, что-то мудрить со стилями наверное.

Ну и естественно у меня вопрос, как же ты делаешь, что бы хотя-бы прямоугольник вывести перед статьёй. Если можно попроще и поподробней, опиши если не затруднит. Кстати твой емайл, так на сайте и ненашёл :-(.

Жду ответа.

Юра.

Заранее извиняюсь перед Юрием, что перевел его вопрос из не опубликованной им статьи в данную рубрику, но так просто необходимо сделать, т.к. все сразу же надо бы организовать в нужной последовательности, ведь мой блог и так не отличается хорошим оформлением и тематикой.
Изначально это был и до сей поры остается «блог-эксперимент», где я пробую свои силы в верстке и познании этого блогового движка.

Ответ я обязательно дам на этот вопрос в комментарии к этой статье.
Да, и теперь как правильно было замечено Юрием связаться со мной было не так просто, но теперь специально для этого мною была добавлена еще одна страница «Связь» на странице которой можно заполнив все необходимые поля написать мне сообщение и даже прикрепить файл.

С уважением, Администратор и владелец данного сайта Андрей Новиков nowik1971@gmail.com.

Система Orphus

Автор:

Каба́н (лат. Sus scrofa), или вепрь, или ди́кая свинья́ — млекопитающее из отряда парнокопытных, подотряда свинообразных (нежвачных), семейства свиней. Является предком домашней свиньи. В мифологии — "бесстрашный зверь". Кабан — всеядное парнокопытное не жвачное млекопитающее из рода свиней (Sus). Отличается от домашней свиньи, которая несомненно произошла от кабана (и других близких видов), обладает более коротким и плотным телом, более толстыми и высокими ногами; кроме того, голова у кабана длиннее и тоньше, уши длиннее, острее и притом стоячие, острые, клыки сильнее развиты и острее: у самца они гораздо более развиты, чем у самки

Количество статей, опубликованных автором: 31.

Комментарии (15)

  1. Привет Андрей. Меня зовут Юра. Я на своём сайте использую этот же шаблон article-directory. Если не очень трудно объясни, я так понимаю прямоугольнички в начале статей, это просто неоткрывшиеся картинки. Если это так, то надо, что-то мудрить со стилями наверное.
    Ну и естественно у меня вопрос, как же ты делаешь, что бы хотя-бы прямоугольник вывести перед статьёй. Если можно попроще и поподробней, опиши если не затруднит. Кстати твой емайл, так на сайте и ненашёл .
    Жду ответа.
    Юра.

    1. Прямоугольники в начале статей это просто отсутствие картинок, т.к. у хостера был сбой и база «полетела» и сам сайт, вот и пришлось восстанавливать все по немного, а в данный момент просто нет времени на остальное восстановление, хотя все постараюсь как-нибудь сделать.

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

  2. noby4ok

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

    Ещё раз привет. Вобще то вопрос не про полёт баз :-), а про то как вставить картинки, Андрей ответ то будет.
    Как вставить картинки в анонсе статьи?


    Данные автора комментария noby4ok
    IP-адрес 89.107.204.99
    Блок IP-адресов 89.107.204.64 — 89.107.204.127
    Город Одинцово
    Регион Московская область
    Округ Центральный федеральный округ
    Страна RU

    • Все очень просто. Для того чтобы не нагружать наш блог лишними плагинами и соответственно не допустить: тормозов при загрузке нашего блога, расходования драгоценной памяти, в файле sidebar или там где надо вывести картинку просто вставляем:

       <a href="<?php the_permalink() ?>" rel="bookmark"><img class="alignleft" src="<?php echo catch_that_image(); ?>" alt="<?php the_title(); ?>" title="Прочитать полностью: <?php the_title(); ?>" width="auto" height="70" /></a>

      ,
      Где width= «auto» height= «70», соответственно ширина автоматическая и высоты 70 пикселей, хотя можно поставить свои размеры.
      Посмотреть можно весь код просмотрев мои страницы в режиме просмотра браузером исходного кода страницы.

      Да, еще если в статье нет совсем никакой картинки то можно вывести свою произвольную картинку, например (нет картинки, нет фото и т.д.) Для этого в файле functions.php вставляем вот такой код:

      /* Выводим в статье произвольную картинку если нет никакой*/
      function catch_that_image() {
      global $post, $posts;
      $first_img = '';
      ob_start();
      ob_end_clean();
      $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
      $first_img = $matches [1] [0];
       
      // no image found display default image instead
      if(empty($first_img)){
      $first_img = "/wp-content/uploads/2011/01/Net foto.jpg";/*путь к вашей картинке он у вас будет естественно не как у меня*/
      }
      return $first_img;
      }
      /*Конец ф-ции*/


      Вот так… Если что-то не ясно, спрашиваем, а вообще погуглить так же надо и не лениться!

  3. noby4ok

    Не фига толком не понял.Попроще нельзя никак написать? Куда конкретно вставлять в sidebar?, И ПОСЛЕ ВСТАВКИ, что то какие то функции появяться.типо ключа к произвольным полям, кстати если знаешь ключ от темы, к произвольным полям, прошу в студию. Или мы тупо каждый раз вставляем этот код с путем к картинке в каждой новой статье?
    И если можешь, хоть один работающий пример сделай, что бы html КОД ПОСМОТРЕТЬ. СТОП сейчас открыл в firefox в нем у тебя всё работает, а в осле шляпа, в чем может быть проблема?
    Вместо ЭТОГО

    <a href="" rel="bookmark"><img class="alignleft" src="" alt="" title="Прочитать полностью: " width="auto" height="70" />


    Что бы было понятно свою реальную вставку, ТАК МНЕ ПОНЯТНЕЙ.
    я новичок.

  4. noby4ok

    Спасибо, будем дальше Вас терроризировать.
    У меня пока на денвере, если правильно написал денвер.
    Скрин на мыло выслал. НЕ ВРУ КЫВАДРАТИКИ ПОКАЗЫВАЕТ ЭКСЛОРЕР.

    • Просто Internet Explorer не все понимает и если ширину поставить не avto, а так же к примеру как у меня 70 пикселей, то все станет показываться и в поршивом Explorer/
      Для тебя поправил

       width="70" height="70"
  5. Все показывается и работает и в Opera и в Firefox и Chrome и любых других браузерах!
    Если можно доступ по FTP к своему сайту я помогу и посмотрю, что там у тебя не получается… Кажется на почту я тебе скидывал ссылки с примерами и уроками. Но для тебя еще раз пишу.
    Мы можем прописать функцию, которая будет извлекать из вашей записи первую попавшуюся картинку. Затем ее можно вывести рядом с анонсом.

    /* Выводим перед статьёй произвольную картинку если нет никакой*/
    function catch_that_image() {
    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
    $first_img = $matches [1] [0];
     
    // no image found display default image instead
    if(empty($first_img)){
    $first_img = "/wp-content/uploads/2011/01/Net foto.jpg";
    }
    return $first_img;
    }
    /*Конец ф-ции*/

    Как вы видите в первой строке кода само название функции catch_that_image(), которая собственно и извлекает из поста первую картинку посредством регулярной записи. В 11-й строке указана картинка по умолчанию, это очень удобно, когда в записи нет фото (картинки), тогда можно вывести стандартную картинку на которой будет написано «Нет фото», например.

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

    <img src="<?php echo catch_that_image(); ?>" alt="" />

    Дальше можно отредактировать отображение картинки с помощью CSS стилей, добавив в код выше класс стиля.

    <img class="first-image" src="<?php echo catch_that_image(); ?>" alt="" />

    Вот примерный CSS код стиля картинки:

    .first-image {
     display: block; //отображаем как блок
     width: 200px; //ширина 200 пикселей
     height: 150px; //высота 150 пикселей
     border: 1px solid #bbb; // рамка серого цвета шириной в 1 пиксель
     float: left; //выравнивание картинки с левого бока
     }

    или так:

    .first-image {
    display: block;
    width: 30%;
    height: 25%;
    border: 1px solid #bbb;
    float: left;
    }
    Вот так я предложу оформить css. Просто фиксированная ширина и высота искажает изображение, а процентное соотношение – нет. 

    У меня в фале sidebar.php прописано еще вот как:

    <div class="section">
    				
    
    				<h3>Анонсы </h3>
    				<?php
    					$myposts = get_posts('numberposts=6');
    					foreach($myposts as $post) : setup_postdata($post);
    				?>
    				<div class="post">
    					<h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
    					<div class="postmetadata"><?php the_time('d.m.Y') ?> @ <?php the_category(', ') ?></div>
    					<div class="entry">
    	       <a href="<?php the_permalink() ?>" rel="bookmark"><img class="alignleft" src="<?php echo catch_that_image(); ?>" alt="<?php the_title(); ?>" title="Прочитать полностью: <?php the_title(); ?>" width="auto" height="70" /></a>	
     <?php the_excerpt(); ?>
    					</div>
    				</div>
  6. Респект и уважуха.
    С-П-Ф-С-И-Б-О.
    Растрогал. 🙂
    На досуге и темку попробую, и с поясниловкой расберусь, если что чиркну.
    Скрины дошли?
    Ещё лови трабл по Вашему сайту, капчу нормаль поставь, а то пазлы собирать в лом,подглючивют, ето я терпеливый, остальные свалят.
    Самое главное сайт Твой долго грузиться,
    а у меня канал 6 мегов, морщ репу 🙂
    Юрок !!!

  7. ето я терпеливый, остальные свалят.

    Свалят только те кто не хочет сам во всем разобраться и ленив…

      Учебник по НТМL
  8. Вывод картинок из статьи

    Здравствуйте!
    У меня проблема нужно чтобы выводилась не одна картинка а сразу несколько в подряд а именно 4 или 5 (Пока не решил сколько буду выводить), не мегу разобраться как такое реализовать. Нигде по блогам такого не нашел.

  9. @ Вывод картинок из статьи:

    Не совсем понятен ваш вопрос, где вы хотите выводить, в анонсе или в теле статьи.
    Если в теле, так там и будет все само собой выводиться столько картинок сколько в статье и присутствует.
    Если в анонсе, то опишите что Вы конкретно желаете видеть.

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Подписка на комментарии к этой публикации через RSS
Rambler's Top100 Яндекс.Метрика