Блог Кавказпресс
01. Что такое теги и атрибуты |
Мастер-копипастерБлог — это небольшое пространство на сайте, любезно выделенное администрацией, для личного! творчества! зарегистрированного пользователя. Естественно, что участники иной раз просто не в состоянии показать себя в «личном творчестве», т.к. зачастую руководствуются новостной информацией из спец. источников, в силу особенностей борьбы с преступностью. Поэтому короткий, новостной копипаст с сылкой на источник и своими 5-ю копейками, относительно новости, — это нормально. Если нашли чей-то очень интересный, но большой материал, то не нужно тащить на свою страницу всю простынь, да ещё без указания автора. Достаточно небольшого отрывка и ссылки «читать далее …». Неплохим вариантом будет, если сначала «личное творчество», относительно предлагаемого ниже материала, затем «короткий отрывок» и «читать далее …», впрочем последовательность может варьироваться. «Копипасты — в жопу!» — однажды мудро предложил один из участников и с этим трудно не согласится. |
NBКаждый уважающий себя юзер просто обязан знать, что такое «тег», «атрибут» и как ими пользоваться, тем более, что эти знания пригодятся, если зарегеный пользователь решит красиво поделится с миром своей мудростью в комментариях или на страницах своего блога. А в работе с HTML-редактором WordPress, даже базовые знания ох как могут облегчить работу, ибо этот сраный редактор иногда просто не желает сделать то, что вы от него хотите, пока не откроете код и вручную его не измените. Настройки безопасности разгуляться в кодах конечно же вам не позволят, но кое-что сделать можно. С базовыми знаниями вы сможете оформлять страницы своего блога красиво, прогматично и интересно, а главное быстро. |
Что такое HTMLHTML — Hyper Text Markup Language (язык разметки гипертекста). HTML не является языком программирования, это язык разметки. HTML использует теги разметки, чтобы описать структуру веб-страницы. |
Что такое тегиHTML теги — это ключевые слова или символы, заключенные в угловые скобки: <body>, </div>, <p>, </h1>. Символ «/«, после угловой скобки, указывает на то, что тег закрывающий.
|
Что такое атрибутыАтрибуты несут дополнительную информацию об элементе, и они всегда указываются внутри открывающего тега, через пробел. Атрибуты необязательны и указываются только при необходимости изменения стандартных характеристик тега.
|
Форматирование комментариевТекст должен быть отягощён не только умом и грамотностью, но и отформатирован.
Наверняка многие видели такой текст снизу поля для комментариев, а давние участники его помнят и под нашим полем. Именно этими тегами и атрибутами может свободно пользоваться любой, кто пожелает отправить комментарий. Здесь нужно сразу предупредить, что загружать изображения или видео в поле для каментов могут только участники с административными правами. Это необходимо для безопасности сайта, т.к. любое поле ввода текста с отправкой может быть использовано злоумышленниками для инъекции вредоносным кодом. Поэтому остановимся на самом простом и безобидном. Разберём именно те теги и атрибуты, которыми разрешено пользоваться в поле для комментариев любому зарегистрированному пользователю. <a href=»http://kavkazpress.ru» title=»пресс»>Ссылка на Кавказпресс</a> Если этот код, как он есть, вставить в поле комментариев и отправить, то на выхлопе получим: ☞ Ссылка на Кавказпресс и больше ничего. При наведении курсора на ссылку появится всплывающая подсказка «пресс», а курсор будет в виде руки. При щелчке по ней вас перекинет на главную страницу нашего сайта. Если к тегу a добавить атрибут target со значением _blank (target=»_blank»), то главная страница сайта откроется в новой вкладке. <abbr title=»Hyper Text Markup Language«>HTML</abbr> ☞ HTML При наведении курсора на слово «HTML» или «WWW» появится всплывающая подсказка «Hyper Text Markup Language» и «World Wide Web». Можете попробовать. <i>курсив</i> ☞ курсив
|
Как вставить изображениеЕсли пост содержит много картинок, и вдобавок они большого размера, то не нужно их совать на одну страницу целиком. Достаточно вставить в пост их миниатюры, т.к. не у всех быстрый интернет и страница у посетителя может загружаться слишком долго, а то и вовсе на пол дороги остановится, так и не раскрыв все изображения. Когда вы загружаете на сайт картинку, то она сохраняется в двух, трёх экземплярах разного размера, как-будто специально для подобных случаев. 1 Итак, текст набран и почти претендует на нобеля по литературе, осталось дело за малым … установить курсор в самое начало текста и нажать «Добавить медиафайл» (рис.1). Откроется «Библиотека файлов» (рис.2). Нужно выбрать рисунок и отметить его ЛКМ(лев. кнопк. мыши). 3 Обратите внимание на колонку справа — «Настройки отображения файла». Во первых, можно подписать картинку (этот текст будет фигурировать снизу изображения) и выравнять. В зависимости от того, справа или слева вы прилепите картинку, текст будет обтекать картинку с противоположной стороны. Здесь же можно установить ссылку для картинки, выбрав «Произвольный URL»(рис.3), но пока оставим «Медиафайл». Потом, кстати, когда изображение станет на место (или не на место), можно будет его подкорректировать. Последний пункт — «Размер» … пусть будет «Миниатюра». Нажать «Вставить в запись». Картинка на месте (рис.4). Выравняйте текст по ширине, так он будет выглядеть более презентабельно. 5 Выделив картинку ЛКМ (рис.5) есть возможность, уже с помощью кнопок редактора, выравнять её справа, слева или по центру, а также повыпендриваться, растягивая в разные стороны. Как вы её растяните, так она и будет отображаться в вашем посте, хотя с оригиналом ничего не произойдёт. А если на изображении тупорылое салафитское табло, то можно ничего и не делать — оно и без того ущербно. Нажимаем на «карандаш» в левом, верхнем углу и попадаем на вкладку «Параметры изображения» (рис.6). В настройках отображения, кроме подписи и выравнивания, изображению можно задать произвольный размер (при указании одного размера, второй устанавливается автоматически) и, в дополнительных настройках (рис.7), поставить галочку «Открывать в новом окне». «Обновляем» и радуемся. |
Как создать галереюСоздадим галерею. Это удобно, если изображений у вас штук 6 или целых 10. Но нужно понимать, что об «обтекании» текстом галереи можно забыть. Галерея будет занимать всю ширину поля, во сколько бы колонок она ни была и тексту просто некуда будет приткнутся. 1 Устанавливаем курсор туда, где вы хотите чтобы начиналась галерея, и по проторенной дорожке заходим в библиотеку файлов, нажав «Добавить медиафайл». Зашли? Ну и заипись. Смотрим на левую колонку, где вторым пунктом стоит «Создать галерею». Создадим. Жмём. Нажали? Теперь есть возможность выбрать кучу картинок, щёлкая по ним ЛКМ (рис.1). Тут же, в правой колонке, можно каждую картинку «подписать». Можно это сделать потом, на месте, нажав на «карандаш», а можно вообще не подписывать (нах оно нужно). После выбора нажимаем «Создать новую галерею». 2 Выделив галерею ЛКМ жмём на «карандаш» (если нужно или очень хочется) и появляется возможность «Редактировать галерею» (рис.2). Справа можно каждой картинке прописать ссылку и указать количество колонок. Я указал 6 колонок и они выстроятся горизонтально, в один ряд. Если установить 1-у колонку, то все шесть встанут вертикально, но всё равно будут занимать всю ширину поля контента. В «ссылках» всё-таки лучше указать «Медиафайл», тогда корректнее будет работать плагин «Слайд-шоу». Жмём «Вставить галерею». Вуаля (рис.3). |
Как задать миниатюруВнутренний устав сайта требует обязательного наличия миниатюры, вплоть до сноса поста администрацией )) Об изображении на главной странице, которое всех будет поражать своей красотой и актуальностью )), нужно подумать заранее и рассчитать его размер, исходя из соотношения 2:1, т.е. ширина должна быть приблизительно в два раза больше высоты. Это необходимо для правильного отображения, причём общая площадь картинки не важна. Всякие «квадраты» или узкие, вертикальные полосы будут автоматически обрезаны и вместо красивой миниатюры будет фигурировать усечённая херня, которую многие видели неоднократно. Будем исходить из того, что изображение для миниатюры выбрано, далее — «правильно соотнесено» в вашем графическом редакторе и загружено в библиотеку файлов. Быстро задать 1 Когда готовится пост, то справа, внизу можно увидеть замечательное предложение от WordPress «Задать миниатюру» (рис.1). Нажав, попадаем в «Библиотеку файлов»(рис.2). Затем щёлкаем ЛКМ по нужной картинке и нажимаем «Задать миниатюру»(рис.3). Всё. Медленно, но верно Оттолкнёмся от картинки, загруженой без редактирования, «какая есть» или «какую нашли» — от говна, короче. Залитая картинка сохраняется в двух, трёх размерах (особенно если изначально тяжёлая), и отображаемая миниатюра на индексной странице, это совсем не та миниатюра, которая предлагается редактором для вставки в пост. «Задать миниатюру» к посту — это совершенно другая песня, формируемая из изображения 320px : 180px, уменьшением его размера до 196px : 108px (с точностью до пиксела). Если системе не удастся установить именно такую пропорцию, исходя из соотношения сторон загруженного файла, то картинка «обрежется», хотя с реальным файлом ничего не произойдёт. Так отредактируем же! )) 1 После того, как щёлкнули «Задать миниатюру» и зашли в файловую библиотеку, справа, над «Удалить навсегда», наблюдаем строку «Редактировать» (рис.1). Жмём и попадаем в графический редактор (рис.2). В колонке справа, напротив параграфов «Масштабировать», «Обрезать» и «Настройки миниатюры», есть небольшие вопросительные знаки, щелчок по которым раскроет всю нехитрую науку редактирования (рис.3). 4 Изображение можно масштабировать, поворачивать по/против часовой стрелки, отображать по вертикали/горизонтали, установить пропорции (желательно 2:1), затем обрезать (крайняя, левая кнопка сверху изображения) и сохранить (обязательно)(рис.4 и рис.5). На (рис.4 и рис.5) у меня в графе «Сейчас редактируется», выделена радиокнопка «Миниатюра», — не обращайте внимания. Когда речь идёт о редактировании миниатюры исключительно для индексной страницы, то лучше оставить «Все размеры, кроме миниатюры», патамушта это «другая песня» )) Найдёте эту картинку в библиотеке файлов уже в новом (отредактированном) виде, которую и установите в качестве миниатюры к посту. |
Изображение-ссылка1 Для изображения ссылка устанавливается автоматически и, как правило, ведёт к расположению медиафайла. При выборе изображения из библиотеки файлов (рис.1), не дожидаясь вставки можно вручную прописать изображению другую ссылку, выбрав из выпадающего меню «произвольный URL» (рис.2). Тут же есть возможность выравнять изображение, а также подписать картинку, но лучше это сделать уже после вставки, тем более, что на этом этапе нет возможности задать ссылке «Открывать в новом окне/вкладке». Нажимаем «Вставить в запись». Не забудте выбрать рубрику, соответствующую теме (рис.3) Выделив картинку ЛКМ, нажимаем на кнопку редактора «Вставить/изменить ссылку», … а дальше всё, как и с текстом (рис.4). |
Ссылка-якорьЕсли у вас на блоге много материала и вы, уважая время читателя, не будете его заставлять искать нужный раздел, а сразу сошлётесь на определённый участок текста, то в этом случае нужно просто воспользоваться якорем. Для установки якоря (метки) придумайте произвольное кодовое слово или набор символов на латинице, в качестве значения атрибута id или name в теге <a>. Идентификатор (имя) у каждого якоря должно быть уникально на одной странице. Установить якорь можно в любом месте и сколько угодно штук, но чаще всего применяется короткий фрагмент текста заголовка. Затем нужно заключить выбранный текст внутрь элемента <a>. Например, при редактировании своего поста я открыл в редакторе вкладку «Текст» и нашёл в HTML-коде название параграфа, на который отовсюду буду ссылаться c помощью якоря с именем attr. Вот он: ☞ <h3 style=»text-align: center;»>Что такое атрибуты</h3> После установки якоря: ☞ <h3 style=»text-align: center;»><a id=»attr»>Что такое атрибуты</a></h3> Можно выхватить отдельное слово, букву или даже установить его отдельно, «в голом виде», между строк (не важно), видеть его будет только браузер: ☞ <h3 style=»text-align: center;»>Что такое <a id=»attr»>атрибуты</a></h3> Якорь готов, и теперь осталось сослаться на него. Для этого просто добавьте символ «#» в конец вашей ссылки, за которым укажите идентификационное имя вашего якоря: ☞ http://kavkazpress.ru/archives/74301#attr Основная польза от якорей в том, что с их помощью можно ссылаться на отдельные части длинных страниц, чтобы пользователю не приходилось проcматривать весь файл в поисках нужного раздела. Примером использования ссылок и якорей внутри одной страницы послужит навигация вверху и куча ссылок «к началу». О метках нужно позаботится заранее, при написании поста, чтобы потом не редактировать. |
Как вставить видео и аудиоПослушайте вещь. Думаю администрация позволит небольшой файл не относящийся к тематике, в качестве обучающего материала )). Музыка неплохая и группа не последняя. К тому же снизу плеера назидательная тирада, по поводу «развлечения & засирания» ))
Существует множество хостингов, которые «дают» посмотреть/послушать сайтам своё видео/аудио с помощью HTML-кода, который нужно скопировать в буфер обмена и вставить на страницу своего блога. Но необходимо осознавать, что наш сайт не какой-то там говно-ресурс для развлечения мутных аккаунтников и засирать БД всякой чепухой, ни администрация, ни настройки безопасности сайта вам не дадут. Такой код попросту не пройдёт, а что такое шорткод и как он работает, блогеру знать не нужно. Блогеру нужно знать, что обычный HTML, скопированный для вставки на свою страницу, работать не будет. Работать будет URL-адрес с двух (на сегодня) хостингов, — это Yotube и Dailymotion, которых более чем достаточно. Ещё есть возможность загрузить видео с компа и вставить его на страницу блога с помощью местного плеера. Рассмотрим … 1 Для вставки видео с хостинга нужно нажать «Добавить медиафайл» и в левой колонке выбрать «Вставить с сайта». Откроется поле ввода, куда нужно ввести URL-адрес выбранного ролика. Видео появится тут же, внизу (рис.1). После этого нажать «Вставить в запись» (рис.2) Если видео загружено на сайт, то на вкладке «Библиотека файлов» выбрать в выпадающем меню пункт «Видео» и, выделив ЛКМ нужный видеофайл, нажать «Вставить в запись» (рис.3). 4 С аудио ещё проще. Ни один адрес не проходит. На моей памяти был один рабочий («дружественный») ресурс, но он последнее время что-то засухарился и не раздаёт послушать. В общем, для прослушивания аудио необходимо самому загрузить файл и, выбрав файл из библиотеки (рис.4), вставить на страницу (рис.5). |
Всякая мелочь
|
Удачи
Обход блокировки сайта
Привет постящимся!
Все свои посты и копипасты (их было не много), вместе с вашими комментариями, друзья, я снёс. Просьба понять, простить (за каменты). Взамен тому остаётся этот, в который отчасти включил написанное ранее и дополнил.
Ме́нторский тон «учитэла» выдаёт во мне изрядную долю тщеславия 😀
По бо́льшей части писал для новичков и старался, чтобы всё было в одном сидоре. Давние участники, те, кто знает «чопочом» на сайте, могут не останавливаться и проходить мимо. Хотя, опять же, из-за мерзкого своего тщеславия, комментариев жду (уж эти каменты останутся навечно).
Если чего-то не учёл, допустил ошибку или написал какую-нибудь ужасную ересь, — просьба поправить, подсказать.
🙂 🙂 🙂 🙂 🙂 100000005000000+ ❗ 😉 😎
Нужная статья! Ох как нужная, особенно для новичков! Спасибо!
И тебе спасибо дружище!
… а вот на «Война и Мир» времени я всё-таки не нашёл …
Главное, чтоб когда нужно будет, можно было достать статью. Она же будет в FAQ?
Добрый вечер, самому адекватному мусульманину! Да, статья будет в разделе ☞ FAQ … пока в самом начале.
Раздел собственно и существует для того, чтобы какому-нибудь очередному «новенькому» не отвечать в каментах на одни и те же вопросы — «чо?», «как?», «где?». Я старался, чтобы вопрошающий не шарился по всему разделу, а нашёл ответы в первом, попавшемся материале.
Здравия желаю дружище! Спасибо тебе! Соорудил всё доступно и понятно.
ÆÐŒ¥ ,спасибо за Ваш труд.
Старик, спасибо за спасибо.
Ссылка на Кавказпресс
курсив
http://radikall.com/images/2015/04/13/h6Hdi.jpg
*http://radikall.com/images/2015/04/13/h6Hdi.jpg
Эй. ФСБэшник. Чо затихарился? Умер штоль?
Таким бодрячком вчера начал, а как понял, что засрать блог какой-нить рекламной хернёй не получится, так по ходу и отвалил на другой ресурс испражняться. 😀
Хермэн какой то интересный 😎
http://s018.radikal.ru/i500/1504/49/b3c444480d54.gif
оуууу надо же . получилось 🙂
Ещё раз грузани эту картинку. А то я влез не по делу со своими "правами" ))Привет Kisa.
чето не видно картинку не догружаеться
Значит где-то накосячила в коде. А у меня прав нет картинки грузить бл...(((. Твой коммент с картинкой обновил и картинка улетелаНу вот, наконец-то научилась. Поздравляю. ))
дааа все просто акаца .говорила мне мама учи английский епт , а я не слушала 🙂
Ты где нить заготовку сохрани на раб. столе, а потом только вэб-адрес меняй и вставляй в камент.
Че менять 🙄
Я тож не любил английский, а вме скрипты, и язык программирования на нем,
Я тож не любил английский, а все скрипты, и язык программирования на нем,
По порядку. Че куда как? 😎 😕
Не получается вставить изображение, нет кнопки «Вставить медиафайл», не подскажите почему так ??
Привет друзья! Видимо нужно более подробно разъяснить некоторые нюансы, которые не вошли в пост, однако периодически возникают у зарегистрированных участников.
Всем страдающим душой и телом от неумения загружать изображения, видео и аудио в поле комментариев посвящается …
Важно! Важно не просто прочесть и забыть, а важно запомнить и осознать!
Обычные пользователи НЕ ИМЕЮТ ПРАВА размещать картинки и другую, подобную чешую в комментариях! Сколько раз об этом говорить блять! Пишите свой пост и там сможете вставлять изображения.
Права доступа к различным функциям имеют несколько ступеней градации, от самых простых (для всех зарегистрированных), до «полных» (для технического руководства).
Загружать изображения, видео и аудио в поле комментариев имеют право ТОЛЬКО участники с административными правами (Kiberotrad808, Kisa, ?, …). Но и у них на этом права заканчиваются, по ходу. Полными, «всемогущими» правами (изменять БД и структуру сайта) обладают единицы — admin, inferno, ?, …
Для тех, у кого всё-таки руки чешутся
Никаких таких «кнопачек» для вставки изображений в камент не существует. У нас всё жостко и брутально, как семейные трусы. Это у европейских пидарасов, если по близости нет кнопки «покакать», то пидарок насрёт себе в штаны.
Технический момент
После отправки комментария, он прямым ходом направляется сначала на проверку, где проходит процедуру «соответствия». Обычно это специальный файл, забитый различными функциями и скриптами, в котором, как сквозь сито, комментарий «просеивается». Там сопоставляются права пользователя, отправившего камент, и его содержимое. Если обнаружится хоть какой-то намёк на исполняемый код, то он тупо удаляется или некоторые символы изменяются, чтобы код не исполнился. Самые распространённые, для таких случаев php-функции: stripslashes(), htmlspecialchars() и т.п.
Я расписываю так подробно для того, чтоб было общее понимание процесса, потому что у меня, как у и большинства, нет прав насовать в камент красочного и цветного, я могу лишь предложить страждущим коды для вставки. Но вышеназванными функциями в некоторых местах кода будут изменены кавычки, с вот таких ☞ " на вот такие ☞ « Если я попытаюсь кавычки записать с помощью спецсимвола ☞ " то проверочный скрипт «подумает», что я хочу его на!бать, и сделает из кода вообще чёрти что.
Для корректной работы, все кавычки в кодах должны быть такими ☞ "
вставка изображения
<img width=»300″ height=»150″ src=»http://radikall.com/images/2014/09/04/Kj9W2.jpg»></img>
вставка видео
<iframe width=»440″ height=»300″ src=»https://www.youtube.com/watch?v=aL6F2XbChkM»></iframe>
вставка аудио
<audio controls><source src=»http://kavkazpress.ru/wp-content/uploads/2015/03/Metallica-Nothing-Else-Matters.mp3?_=1″ type=»audio/mpeg»></audio>
width=»300″ и height=»150″ — ширина и высота медиафайлов соответственно
src=»http://radikall.com/images/2014/09/04/Kj9W2.jpg» — адрес файла
В заключении …
Эти знания будут только для «общего развития», не более. Применить их здесь не получится, даже не пытайтесь. Сильно дерзких, долго не понимающих и совершенно тупых, inferno попросту на!уй с блога выкинет и всё.
Удачи
ахахах ты тоже на приделе ? 🙂