Як наладзіць адлюстраванне файлаў Wordpress на бакавой панэлі

Як наладзіць адлюстраванне архіва WordPress на бакавой панэлі

Нядаўна мы працавалі над дызайнам кліенцкага сайта, які патрабаваў ад нас паказваць штомесячныя архівы па гадах на бакавой панэлі. Верагодна, вашаму дызайнеру было вельмі лёгка змадэляваць гэта ў Photoshop, але зрабіць гэта ў WordPress было даволі складана. Глядзіце малюнак ніжэй:

Цяпер вам, напэўна, цікава, чаму было цяжка перанесці яго ў WordPress, калі wp_get_archives() штомесяц пералічвае архівы з наступным годам. Ну, гэта таму, што гэты кліент хацеў паказаць год толькі адзін раз. Няма рэальнага спосабу наладзіць стыль функцыі wp_get_archives(). Мы шукалі рашэнні ў Інтэрнэце і нічога не знайшлі. Гэтая праблема павінна быць сапраўды дзіўнай, але мы выявілі, што ў Эндру Эплтана была такая ж праблема, і ў яго было рашэнне. Мы выкарыстоўваем іх коды з невялікімі зменамі. Код Андрэя не меў устаноўленых абмежаванняў на файлы. Такім чынам, выкарыстанне вашых кодаў будзе азначаць, што ён пакажа ўсе файлы за месяц. Уявіце, што для блога, якому 5 гадоў. Такім чынам, мы дадалі ліміт, які дазволіў нам абмежаваць колькасць адлюстроўваемых месяцаў да 18 у любы момант. Такім чынам, у асноўным, што вам трэба зрабіць, гэта ўставіць наступны код у файл sidebar.php вашай тэмы або любы іншы файл, дзе вы хочаце адлюстраваць карыстальніцкія файлы WordPress:

get_results(«SELECT DISTINCT MONTH (post_date) AS месяц, YEAR (post_date) AS год, COUNT (id) як post_count FROM $ wpdb-> паведамленняў WHERE post_status =» апублікаваць «і post_date <= цяпер( ) і post_type="post" ГРУПА ПА месяцах, годзе ORDER BY post_date DESC"); foreach($months як $month) : $year_current = $month->year; if ($ year_current! = $ year_prev) {if ($ year_prev! = null) {? >

  • /год; ?> / ">год; ?>
  • /год; ?> /месяц, 1, $месяц->год))?> «>месяц, 1, $месяц->год))?>
  • = 18) {паўза; } endforeach; ?> Заўвага: калі вы хочаце змяніць колькасць месяцаў, якія адлюстроўваюцца, вам трэба змяніць радок 19, дзе бягучае значэнне $limit зададзена ў 18. Наш CSS выглядае прыкладна так: .widget-archive { padding: 0 0 40px 0; левы паплавок; шырыня: 235px;} .widget-archive ul {margin: 0;} .widget-archive li {margin: 0; padding: 0;} .widget-archive li a { left border: 1px solid #d6d7d7; запаўненне: 5px 0 3px 10px; поле: 0 0 0 55px; display: block;} li.archive-year { float: left; сямейства шрыфтоў: Helvetica, Arial, san-serif; запаўненне: 5px 0 3px 10px; колер: #ed1a1c;} li.archive-year at {color: #ed1a1c; поле: 0; мяжа: 0px; padding: 0;} Такім чынам, мы атрымалі канчатковы вынік, які выглядаў так:

    Прагляд карыстацкіх файлаў у бакавой панэлі Wordpress
    Цяпер, калі вы хочаце адлюстроўваць колькасць паведамленняў кожны месяц, вам трэба дадаць гэты фрагмент кода ў любым месцы паміж радкамі 12 і 16 кода вышэй:
    колькасць білетаў; ?> Прыклад таго, што вы можаце зрабіць з колькасцю паведамленняў і ўсё, можна ўбачыць на наступным малюнку:
    Адлюстраванне карыстальніцкіх файлаў Wordpress з колькасцю паведамленняў.
    Фота вышэй узята з сайта Эндру Эплтана, таму што гэта рашэнне, якое ён прыдумаў і з якога мы чэрпаем свой стыль. Калі вы хочаце ўбачыць CSS для іх стыляў, проста націсніце на спасылку на іх вэб-сайт вышэй. Ці ведаеце вы больш просты спосаб зрабіць гэта? Ці будзеце вы наладзіць адлюстраванне вашых файлаў WordPress у наступным дызайне? Падзяліцеся сваімі думкамі ў поле каментарыяў ніжэй.

    пакінуць каментар