Language

Japanese

http://nananavi.com

Вэб-дызайн Вордпресс

【Вордпресс】папулярных пастоў эскізы ў ландшафтным наладзіць высокай якасці засяроджана на тым, як

Абноўлена:

Добры дзень,@nanase_nananaviВ.

Сёння"WordPress папулярныя паведамленні", дызайн просты, каб наладзіць адлюстроўваецца імя суправаджае з кантэнтам, апублікаваных вамі ў developerWorks.

  • Малюнак ландшафту або
  • Дэградацыі выявы не
  • Пад Новы тытул

Такім чынам, малюнак і назва толькі і тыя, хто не будуць ацэнены.

Прыстасаваныя HTML-разметкі

Ад з'яўлення фішкі перайсці на папулярныя пастыПараметры разметкі HTML "Карыстацкі HTML-разметкі"выкарыстоўваць для праверкі,устаўце наступны код.

① "Папулярныя пасты да / пасля: "каб калі ласка, увядзіце код.

<ul class="wpp-list">
</ul>

② "Пост HTML-разметку: "ва ўваходным кодзе.

<div class=wpp-container>
<div class=wpp-img>{thumb}</div>
<p>{title}</p>
</div>

Вялікія выявы пакажыце вышыню, каб быць адкарэктаваныя.

Зададзены памер"150×150", такія як маленькія карцінкі, пры гэтым удакладніла,зрабіць яго вялікім і расцягнутым інфармацыі дэградацыі выявы.

Ўручную,шырыняНа 500pxЦі больш названых і якасна змяняецца. Вышыня,гэты сайт паказаны на 200px з'яўляецца. Зыходны малюнак па памеры,вышынёй будзе вышыня можа,любімы стыль пейзаж можа быць зменены.

* Для больш буйных малюнкаў (шырыня 1000пк або так) і высокай выразнасці малюнка, але хуткасць загрузкі старонкі павольна можа быць.

Цэнтральны да прыпынку

Выявы і тэкст у сярэдзіне для таго, каб цэнтр яго.

<div class="center"><div class=wpp-container>
<div class=wpp-img>{thumb}</div>
<p>{title}</p>
</div>

 

Даданне CSS у рэдагаванне

Малюнак на максімальную шырыню экрана

/* 画像サイズ レスポンシブ対応 */
.wpp-img img {
max-width: 100%;
width: 100%;
margin: 5px 5px 5px 5px;
}

маржа-гэта маржынальнасць яго. Выявы вакол"налева→ўверх→ўніз→права", вы можаце задаць шырыню.

Назва артыкула змяніць дызайн

  • Змяніць колер тэксту
  • Падкрэсліць наяўнасць або адсутнасць змен
  • Памер тэксту
/* Title styles */
.wpp-post-title {
color: #fff;
text-decoration: none;
font-size: 13.5px;
}

тэкст-аздабленне: няма; для выдалення і,зноў жа, падкрэсленне па змаўчанні адлюстроўваецца. ніхто не можа, падкрэслены аб ад.

  • Артыкулы і артыкул паміж указаннем шырыні

маржа і перацяжка яго. Злева→топ→дно→правага боку, вы можаце паказаць шырыню.

/* 記事と記事の幅 */
.wpp-container {
margin: 10px 5px 20px 5px;
}

 

І замест таго, каб

Або больш.

Візуальнага рэдактара, выкарыстоўваючы фактычны выгляд з нумара мяняць, і лёгка рэгуляваць. Прыгожыя гарызантальныя мініяцюры, каб зрабіць яго.

Вачэй-лоўлі, тым больш клікаў і гэты дызайн можна расходаваць.

Спасылка на сайт

Translated by Yandex.Translate and Global Translator

-Вэб-дызайн, Вордпресс
-