We are working on something new! Check it out here!

WP Widget: Calendar

Wordpress built-in calendar functionality markup.

Example

February 2016
M T W T F S S
« Jan    
1 2 3 4 5 6 7
891011121314
15161718192021
22232425262728
29  
<div class="widget_calendar">
<h2 class="footer-title">Calendar</h2>
<div id="calendar_wrap" class="calendar_wrap">
<table id="wp-calendar">
  <caption>February 2016</caption>
  <thead>
  <tr>
    <th scope="col" title="Monday">M</th>
    <th scope="col" title="Tuesday">T</th>
    <th scope="col" title="Wednesday">W</th>
    <th scope="col" title="Thursday">T</th>
    <th scope="col" title="Friday">F</th>
    <th scope="col" title="Saturday">S</th>
    <th scope="col" title="Sunday">S</th>
  </tr>
  </thead>
  <tfoot>
  <tr>
    <td colspan="3" id="prev"><a href="http:dunkerskulturhus.dev/2016/01/">« Jan</a></td>
    <td class="pad"> </td>
    <td colspan="3" id="next" class="pad"> </td>
  </tr>
  </tfoot>
  <tbody>
  <tr>
   <td>1</td>
     <td>
       <a href="http:dunkerskulturhus.dev/2016/02/02/" aria-label="Posts published on February 2, 2016">2</a>
     </td>
   <td>3</td>
   <td id="today">4</td>
   <td>5</td>
   <td>6</td>
   <td>7</td>
  </tr>
  <tr>
   <td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td>
  </tr>
  <tr>
    <td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td>
  </tr>
  <tr>
    <td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td>
  </tr>
  <tr>
    <td>29</td>
    <td class="pad" colspan="6"> </td>
  </tr>
  </tbody>
  </table>
  </div>
  </div>
Source file: ~/source/sass/components/wordpress/_widget-calendar.scss

WP Widget: Archive & Categories

Wordpress built-in list-type (tags, categories, archives) functionality markup.

Example

<div class="widget_archive OR widget_categories"><h2 class="footer-title">Archive</h2>
 <ul>
   <li><a href="http:dunkerskulturhus.dev/2016/02/">February 2016</a></li>
   <li><a href="http:dunkerskulturhus.dev/2016/01/">January 2016</a></li>
 </ul>
</div>
<div class="widget_archive"><h2 class="footer-title">Archive</h2>    <label class="screen-reader-text" for="archives-dropdown-3">Archive</label>
 <select id="archives-dropdown-3" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
   <option>Select Month</option>
   <option value="http:dunkerskulturhus.dev/2016/02/"> February 2016 </option>
   <option value="http:dunkerskulturhus.dev/2016/01/"> January 2016 </option>
 </select>
</div>
Source file: ~/source/sass/components/wordpress/_widget-lists.scss

WP Widget: Nav menu

Wordpress built-in nav-menu functionality markup.

Example

<div class="widget_nav_menu">
<h2 class="footer-title">Custom nav menu</h2>
<div class="menu-menu-1-container">
 <ul id="menu-menu-1" class="menu">
   <li id="menu-item-56" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-has-children menu-item-56">
    <a href="http:dunkerskulturhus.dev/">Exempelsida</a>
     <ul class="sub-menu">
       <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57">
         <a href="http:dunkerskulturhus.dev/adipiscing-magna/">Adipiscing Magna</a>
       </li>
     </ul>
   </li>
   <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-58">
     <a href="http:dunkerskulturhus.dev/">Exempelsida</a>
   </li>
  </ul>
 </div>
</div>
Source file: ~/source/sass/components/wordpress/_widget-nav-menu.scss

WP Widget: RSS

Wordpress built-in rss functionality markup.

Example

  • Rivning stoppas efter protest 5 February, 2016
    Ett hus på Sydgången i Axeltofta fritidsområde skulle rivas av Landskrona stad efter att kolonilottens ägare blivit vräkt.Nu ändrar sig ansvariga tjänstemän efter protester från Axeltofta fritidsförening som är oroliga för områdets framtid.
    Anders Andersson
  • Olycka vid Ramlösa station 5 February, 2016
    Flera bilar är inblandade i en trafikolycka på motorvägen vid Ramlösa station.
<div class="widget_rss">
 <h2 class="footer-title">
   <a class="rsswidget" href="http:www.hd.se/rss.xml?id=928848">
     <img class="rss-widget-icon" style="border:0" width="14" height="14" src="http:dunkerskulturhus.dev/wp/wp-includes/images/rss.png" alt="RSS">
   </a>
   <a class="rsswidget" href="http:www.hd.se/">RSS</a>
 </h2>
 <ul>
   <li>
     <a class="rsswidget" href="http:www.hd.se/lokalt/landskrona/2016/02/05/rivning-stoppas-efter-protest/">
       Rivning stoppas efter protest
     </a>
     <span class="rss-date">5 February, 2016</span>
     <div class="rssSummary">Ett hus på Sydgången i Axeltofta fritidsområde skulle rivas av Landskrona stad efter att kolonilottens ägare blivit vräkt.Nu ändrar sig ansvariga tjänstemän efter protester från Axeltofta fritidsförening som är oroliga för områdets framtid.</div>
     <cite>Anders Andersson</cite>
   </li>
   <li>
     <a class="rsswidget" href="http:www.hd.se/lokalt/helsingborg/2016/02/05/olycka-vid-ramlosa-station/">
       Olycka vid Ramlösa station
     </a>
     <span class="rss-date">5 February, 2016</span>
     <div class="rssSummary">Flera bilar är inblandade i en trafikolycka på motorvägen vid Ramlösa station.</div>
     <cite></cite>
   </li>
 </ul>
</div>
Source file: ~/source/sass/components/wordpress/_widget-rss.scss

Wordpress built-in search functionality markup.

WP Widget: Text

Wordpress built-in text functionality markup.

Example

Kontakta oss

Har du frågor om vår verksamhet? Hör då av dig.

<div class="widget_text">
  <h2>Kontakta oss</h2>
  <div class="textwidget">
      <p>Har du frågor om vår verksamhet? Hör då av dig.</p>
  </div>
 </div>
Source file: ~/source/sass/components/wordpress/_widget-text.scss

WP Utility: Captions

Wordpress built in caption functionality.

Example

Hemtjanst2

Gingerbread gummies lollipop chocolate cake.

<div class="wp-caption alignnone">
 <img class="wp-image-2634 size-large" src="https:unsplash.it/458/354?image=0" alt="Hemtjanst2">
 <p class="wp-caption-text">Gingerbread gummies lollipop chocolate cake.</p>
</div>
Source file: ~/source/sass/components/wordpress/_wp-caption.scss