SemPress

SemPress is a highly semantic, HTML5 template, responsive and seo optimized. The theme supports most of the new HTML5 tags, the new HTML5 input-types, microformats, microformats v2 and microdata (Schema.org).

SemPress on different devices

POSH – Plain old Semantic HTML

From the micrormats wiki:

The term semantic-html is a mouthful, and belies both how simple it is, how well established it is among modern web designers, and the fact that it has benefits far beyond the obvious doing the right thing for the Web by using semantic markup. We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up).

SemPress is fully HTML5 compatible and uses a lot of the new tags, semantics and input-types.

Web Semantics

SemPress‘ code is marked-up with microformats and microdata:

Planned formats:

  • micormats (v2): hAudio and hMedia
  • microdata: http://schema.org/MediaObject

WordPress Features

SemPress supports:

Some Links

  • Some Articles about SemPress (mostly german)

WordPress.com

WordPress.org

51 Kommentare zu „SemPress“

  1. Avatar von black0wolf

    Thank you, very nice theme theme.

  2. Avatar von Dallas Lu
  3. Avatar von Tim
    Tim

    I am enjoying SEM PRESS, and have a couple questions:
    Is it based on the Twenty Twelve theme?
    Is there support for featured images?

    I find schema.org support a strong feature.
    Have you considered adding a ‚custom post type‘ that would enable entry of Schema.org : Reviews ?

    1. Avatar von Matthias Pfefferle

      Thanks Tim 🙂

      To answer your questions:

      • the Theme is built upon the Toolbox-Theme but I made a lot of changes to it (added a bunch of semantics for example).
      • there is support for featured images
      • I don’t have planned to add „Review“ as a type, but if you have any idea how to implement it nicely, let me know: https://github.com/pfefferle/SemPress 🙂
  4. […] Ich wollte das seitdem im Blog irgendwie einbauen und bin dann vor kurzem irgendwie auf dem Theme SemPress […]

  5. Avatar von Sven

    Das Theme ist toll.
    Danke sehr.
    Frage: Gibt es irgendwo eine Übersicht, wie die Post-Types und Inhalte, wie blockquote und co aussehen?

    1. Avatar von Matthias Pfefferle

      Vielen Dank Sven 🙂

      Ich hab hier mal ne Demo installiert: http://sempress.rs.af.cm aber in den nächsten Wochen sollte ne neue Version online gehen.

  6. Avatar von nicx
    nicx

    servus, dein theme ist wirklich klasse. danke dafür! vielleicht kannst du in einer deiner kommenden versionen das automatische verschieben der widgets ans ende des blogs irgendwie optional machen? auf dem ipad bräuchte ich das nämlich nicht, und da werden die widgets auch nach unten verfrachtet 🙂

    1. Avatar von Matthias Pfefferle

      Danke 🙂 und ich schau mal ob ich das optional mache… Vielleicht ein extra „Responsive CSS“ welches man deaktivieren kann.

  7. Avatar von Daniele, WebFlip Cowboys
    Daniele, WebFlip Cowboys

    Hi Matthias,
    Very great theme!
    I have a question, in your website (as well as in the image in this post) there’s an image on the left side of each blog post.
    It seems an icon associated with the category… how can I implement that?

    Thanks!

    1. Avatar von Matthias Pfefferle

      These images are part of SemPress and will show up if you use the other Post-Formats like „Quote“, „Video“, „Audio“, …

  8. Avatar von ntsinw

    Thank you, Very great theme!

  9. Avatar von sirgazil

    Great theme, thanks!

  10. Avatar von Linda
    Linda

    Hello Matthias,
    Nice theme, thank you.
    Greetings, Linda

  11. Avatar von Björn

    Top Theme! Für meine Zwecke fast perfekt und deutlich vor den kostenpflichtigen wordpress.com Themes. Mir fehlt als Nichtzahler nur die Möglichkeit, ein Header-Bild, wie bei Dir hier, oberhalb der Navigation zu platzieren.

    1. Avatar von Matthias Pfefferle

      Hey Björn, schön dass es dir gefällt 🙂

      Leider habe ich ziemlich wenig Einfluss auf die WordPress Version… Jemand von Automattic hat mich angesprochen, dass er das Theme gerne für WordPress.com anpassen würde und das war’s… Ich hab keine Ahnung was genau sie alles umgebaut haben…

  12. Avatar von Björn

    Kein Problem. Danke für die Hintergrundinfo!

  13. Avatar von Vito Zuolo

    Hi, great theme, I am using it for my company’s blog.

    I noticed that the right column is not displayed on iPad in landscape orientation. This is strange as it would fit inside 1024px. I solved this adding the clause „and (orientation:portrait)“ to the CSS:

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) and (orientation:portrait) { … }

    but you may want to review this to be sure it works as you expect.

    regards, VZ

    1. Avatar von Matthias Pfefferle

      Thanks for the feedback, but with the sidebar on the landscape mode it doesn’t fit at the old (not retina) ipads. Perhaps there is a way to check if it is a retina or not???

  14. Avatar von Chris Payne
    Chris Payne

    Hello, I just wanted to say Vielen Dank! This is a gorgeous template!

    The only problem I’m having is when I try to use a custom sidebar for one specific page. For my old theme I used the loop to determine if it was a specific page and then a would insert the different sidebar for the one page but that isn’t working now.

    I see in widgets you can have two sidebars but I don’t one on top of the other, I want one or the other. How do I now call I custom sidebar (not the default) for only one page?

    Regards, Chris

    1. Avatar von Matthias Pfefferle

      As I understand you right… Do you want a custom sidebar for single posts/pages?

      1. Avatar von Chris Payne
        Chris Payne

        Yes,
        if is_page(‚foo‘);
        include (’sidebar-foo.php‘);

        Also another question (sorry), how can I specify a page to use the full width (no sidebar)?

        Thanks very much for your time.

      2. Avatar von Matthias Pfefferle

        Hmmm, that’s not that easy… Do you have an example for a theme that does support that?

        If you want a page without sidebar, you have to choose the „Full-width, no sidebar“ template.

  15. Avatar von Tuan Nguyen
    Tuan Nguyen

    Thank you for the wonderful theme. I was able to apply to my current blog and it’s beautiful, especially the smooth responsive to different devices. Also, the clean and simple catch design is another awesome!

  16. Avatar von zgia
    zgia

    I love it. Thx.

  17. […] os dejo el link al theme Sempress html5, espero que os agrade SemPress | notizBlog TuDineroEfectivo.com – haciendo negocios online Citando […]

  18. Avatar von Pete Lauder
    Pete Lauder

    Thanks for a very modern, and fast theme, I have it installed on my social media site

  19. Avatar von A.Nickolaev
    A.Nickolaev

    Nice theme, thank’s,
    but Opera Mini 7.5.33361 (on Fly iq446) NOT open main menu (theme version 1.4.4),
    how to fix that?

  20. Avatar von CARLITO
    CARLITO

    I want a feature image to align center.
    How to modify style.css?
    This is a great theme.
    Thank you.

  21. Avatar von CARLITO
    CARLITO

    And I translated theme to Korean.
    It’s not good, but I think it will be useful to Korean users.
    Here is link: https://www.dropbox.com/sh/m10z66b7q9imj6g/AADtap3rWJZfypW7K7uWA1ZWa
    Thanks.

    1. Avatar von Matthias Pfefferle

      Thanks a lot!!! I will try to include it into the next release…

  22. Avatar von CARLITO
    CARLITO

    Is there a problem with jetpack infinite scroll in the latest version of github?
    My blog not works.

    1. Avatar von CARLITO
      CARLITO

      I found this problem related with Quick-Cache plugin. When I turned it off, infinite scroll works fine. Thanks.

  23. Avatar von Nick

    Hi Matthias.

    I really like your theme. I am using it on WordPress.com.

    I note that you (and WordPress) say the theme supports featured images, yet I cannot implement this (I’ve added featured images to each of the pages, but the one image shows up on all pages).

    I’ve done a bit of Googling, and can’t find any examples of SemPress sites (either on WordPress.com or self-hosted) that have different header images on different pages.

    I also lodged a support request with WordPress.com, and they have concluded that the themes doesn’t support featured images.

    Can you shed any light?

    Cheers, Nick

    1. Avatar von Matthias Pfefferle

      Hey Nick,

      I am glad you like SemPress 🙂

      To your question: „Featured“ image does not mean that the header image is changed… I only sets a picture for each post… nothing more. Sorry if you expected something different…

      Cheers

  24. Avatar von Matt Busche

    @scottjenson thanks, I will take a look.

  25. Avatar von Willem-Siebe

    Hi!

    I am trying to answer a question for myself why WordPress themes are using hentry or h-entry on pages, as pages are not ‚datestamped content‘. Actually, in the ‚live-examples‘ on this page: http://microformats.org/wiki/h-entry I also see that it is mostly use for datestamped content like blogposts or comments.

    However, I also found your theme and I see you use hentry/h-entry for pages as well. Why? I did not get much help on the IRC channels apart from:

    I don’t think it’s incorrect to mark up pages with h-entry or hentry (the indiewebcamp.com wiki marks up every article with it)

    For pages Google webmaster tools is going to give errors because it’s looking for ‚author‘ and ‚updated‘ which is not present on pages.

    I also see you use ‚h-as-page‘, I could not find any docs on microformats website about this. Can you point me in the right directions what this h-as-page is about?

    Kind regards,

    Willem

  26. Avatar von Dan Bruce

    I like the sophisticated simplicity of this theme. It gives me all of the features I need to put my content front and center without visual distraction. Very nice work. Thank you.

  27. Senang, akhirnya idnetter.com telah tuntas berganti kulit. Sebelumnya  web log ini dibalut dengan HTML5Blank sebuah starter theme yang dirancang khusus untuk membangun web WordPress dengan cepat, ringan, kaya akan fitur dan yang paling penting mudah untuk dikustomisasi.
    Sekarang idnetter menggunakan theme SemPress, project dari Matthias Pfefferle. Tema responsive, begitu tampil apik di layar desktop maupun di 4.7 inchi layar smartphone. Fitur yang ditawarkan sangat menggoda, beberapa seperti :
    Upload logo
    Custom color (background, link dan text)
    Custom header (gambar)
    Pilih dua kolom dengan sidebar atau tampilan satu kolom penuh
    Mendukung format post standar, audio, video, chat, gallery, quote atau sekedar post share link.
    Dari semua fitur, yang membuat untuk memilih theme SemPress ini adalah Gratis dengan lisensi GNU General Public License Version 3. Terlebih tema ini berbasis HTML5 dengan kolaborasi  struktur microformats, microformats v2 (microformats.org) dan microdata daripada Schema.org. Dimana nantinya web akan tampil di halaman mesin pencari dan memiliki rasio klik-tayang yang lebih baik.
    Stylenya saya rombak habis-habisan, butuh waktu beberapa jam, karena banyak yang harus “dibuang”, seperti font icon bawaan, box-shadow yang kurang saya minati, juga implementasi navbar dan grid menggunakan Bootstrap.
    Rasa senang ini tentunya akan lebih bermakna jika anda dapat menggunakan theme SemPress juga pada blog WordPress anda dan dapat menikmati manfaatnya.
    Download SemPress
    Download Themes SemPress melalui WordPress.org atau ikuti perkembangan terbaru di Github.
     
     

  28. Avatar von Agera Grosir

    Love it! i’ve to try this one 😉 does it has any updates?

  29. […] Pfefferle is an IndieWeb & WordPress developer. I use his sempress theme & several of his plug-ins2 on this site. Recently he has been developing the ActivityPub – […]

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

To respond on your own website, enter the URL of your response which should contain a link to this post’s permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post’s URL again. (Find out more about Webmentions.)