Page

· · zu lesen

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

50 Kommentare

50 Kommentare zu “SemPress”

  3. 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 ?

    Antworten

  6. 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 🙂

    Antworten

  7. 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!

    Antworten

  11. 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.

    Antworten

    • 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…

      Antworten

  13. 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

    Antworten

  14. 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

    Antworten

  15. 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!

    Antworten

  22. About me
    Hi, I’m Matt Holland. I live with my family in a town called Lewes in the UK.
    In my current job I teach computing skills, usually concentrating on teaching people how to use accessibility software – screenreaders, magnifiers etc. It’s a nice thing to be able to do.
    Outside of work I enjoy some pretty basic stuff. Cooking, walking, camping out – that kind of thing. As I work with computers I do try and stay offline when I can, but I do enjoy messing about with technology (despite the fact that I usually have little to no clue of what I’m doing!) – hence this website.

    About this site
    This site is very much a work-in-progress. I’m currently learning about basic webdesign – HTML, CSS and Javascript. As I learn more, I hope to build on and improve my site.
    There are three main things that have inspired me to learn to code:
    Accessibility

    Working with screenreaders and magnification software, which I do on a daily basis at my work, really shows you how important good web design can be. Knowing a bit about how websites are put together should enable me to work out what is going on when the software misbehaves. Also I’m hoping to get familiar with a few of the new web standards (eg ARIA landmarks). As screenreader software can use them to help users navigate websites, having some idea of what they are an how they work will be a useful teaching tool.

    app.net

    I helped crowdfund a new, subscription-based and developer-friendly, social networking platform called app.net when it was announced a couple of years ago. I’ve been lucky enough to meet many, many wonderful and inspiring people on alpha.app.net, a microblogging platform built on the app.net API, most of whom are coders and developers. There were loads of conversations about the API and how they were plugging into it, and I found myself wishing I could build something too. I never did though. Now’s my chance – whether with the app.net API or something else.

    #Indieweb

    I’m hoping to “indiewebify” my site and make it as indieweb-compliant as possible. I used to host this site on WordPress, where I could do it pretty easily using a custom theme and some plugins. Not so easy on my own site, as I’m not really all that sure about some of the bits of coding. But having something to work toward is a good motivator to learning…

    Contact Me
    Here are a few places you can find me online. If you need a quick reply it would probably be best to email.

    app.net
    twitter
    trsst: coming soon!

    email me: matt@bupk.es

    Antworten


  26. J’ai capturé un Bot avec une adresse ip d’Apple, dans mon HoneyPot ( /blackhole/ pas cliquer )
    Tuesday, November 11th 2014 @ 17:37:17
    URL Request: /blackhole/
    IP Address: 17.161.99.127
    User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/22.0.1207.1 Safari/537.1
    Whois Lookup:
    ARIN WHOIS data and services are subject to the Terms of Use
    available at: https://www.arin.net/whois_tou.html
    If you see inaccuracies in the results, please report at
    http://www.arin.net/public/whoisinaccuracy/index.xhtml
    The following results may also be obtained via:
    http://whois.arin.net/rest/nets;q=17.161.99.127?showDetails=true&showARIN=false&ext=netref2
    NetRange: 17.0.0.0 – 17.255.255.255
    CIDR: 17.0.0.0/8
    NetName: APPLE-WWNET
    NetHandle: NET-17-0-0-0-1
    Parent: ()
    NetType: Direct Assignment
    OriginAS:
    Organization: Apple Inc. (APPLEC-1-Z)
    RegDate: 1990-04-16
    Updated: 2012-04-02
    Ref: http://whois.arin.net/rest/net/NET-17-0-0-0-1
    OrgName: Apple Inc.
    OrgId: APPLEC-1-Z
    Address: 20400 Stevens Creek Blvd., City Center Bldg 3
    City: Cupertino
    StateProv: CA
    PostalCode: 95014
    Country: US
    RegDate: 2009-12-14
    Updated: 2011-03-08
    Ref: http://whois.arin.net/rest/org/APPLEC-1-Z
    OrgTechHandle: ZA42-ARIN
    OrgTechName: Apple Computer Inc
    OrgTechPhone: +1-408-974-7777
    OrgTechEmail: droot@apple.com
    OrgTechRef: http://whois.arin.net/rest/poc/ZA42-ARIN
    OrgAbuseHandle: APPLE11-ARIN
    OrgAbuseName: Apple Abuse
    OrgAbusePhone: +1-408-974-7777
    OrgAbuseEmail: abuse@apple.com
    OrgAbuseRef: http://whois.arin.net/rest/poc/APPLE11-ARIN
    RTechHandle: ZA42-ARIN
    RTechName: Apple Computer Inc
    RTechPhone: +1-408-974-7777
    RTechEmail: droot@apple.com
    RTechRef: http://whois.arin.net/rest/poc/ZA42-ARIN
    ARIN WHOIS data and services are subject to the Terms of Use
    available at: https://www.arin.net/whois_tou.html
    If you see inaccuracies in the results, please report at
    http://www.arin.net/public/whoisinaccuracy/index.xhtml
    Aussi sur :Twitter

    Antworten

  27. 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

    Antworten

    • 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

      Antworten

  28. Hello.
    Well, what to say? Not too much, to be quite honest with you.
    I’m not sure if I’ll ever have enough to say to really warrant a blog, but anyway I’m here. My main reason for setting this up is to have a go at playing with creating a ‘child theme‘ on WordPress. I’m using Sempress as the parent theme, as it’s the nearest thing I could find to what I wanted.
    Sempress uses a lot of Indieweb features (webmentions etc) so that’s good. I’m really interested in that idea, and using a pre-made theme is ideal for me as – right now at least – I lack the technical know-how required to set a lot of that sort of stuff up.
     
    Right now the site looks ridiculous as I’ve already ballsed up the CSS, but hopefully no-one will be seeing it until I’ve got all of it sorted.
    My main page is at bupk.es and that’s pretty much how I want things to end up looking like, I think. 
    Anyway, that’s what I’m doing here. Fingers crossed I’ll make some progress.
     

    Antworten


  29. Update: The camp was organized by the awesome Marc Thiele and not by Aaron and Jeremy as I wrote earlier.
    So, I guess this #indiewebcamp was quite a success for me as I have a site now. This domain has been mostly empty (the front page at least) for 7 years now, probably longer. Still it doesn’t feel as everything has worked out as I wanted, as I ended up with WordPress in the end.
    The theme I have for now, SemPress, has the same problem as almost all WordPress themes have: They are just too complex, but yet not very customizable in it’s design. Why does a theme need 12 content pages, but only 1 CSS file (not counting the rtl one)?
    On the other hand I saw a lot of people with not very well-known CMS’s or even custom made systems who were all doing the same trick in one way or another. These systems might nice, but how long will they be around? And how much support, extensions, etc. do they have? While all this stuff was already around for WordPress, and I haven’t done much more than configuring everything, testing, and re-testing it. I doubt I wrote more than 5 lines of code.
    There will probably be a few systems I’ll try out, but for now I’m staying with WordPress I guess. These two days gave me enough stuff to think about and do, as I don’t fully understand half of what I have installed so far and neither does everything work perfectly yet.
    The things I still want to change:
    A nicer and more customizable design (hack SemPress, extend it, or build something myself?)
    Post to app.net, ello? and Pinboard.
    Get teacup running at a separate and private location, and find out how to permanently extend the default options.
    Figure out why quill won’t work, it’s the only tool so far that can’t find the MicroPub endpoint.
    Find out how to let all those tools post into draft, or at least not visible on the blog directly.
    Do something with favourites on twitter (post them to instapaper) and retweets (separate page on the blog, or a separate tag? Although that means I need to make another exception for a certain tag on the main blog).
    Before I forget it, many thanks to Marc for organizing this, to Aaron and Jeremy for presenting this, and to Amy for making notes. Will reference those quite a few times in the near future.
    Also on:Twitter

    Antworten

  31. 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

    Antworten

  33. 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.

    Antworten

  34. 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.
     
     

    Antworten

  37. Today I updated the site theme to Sempress, the great offering by Matthias Pfefferle, to take advantage of the built-in Indieweb features such as Microformat labeling for use in Webmentions. Though the theme itself is updated, for the most part the layout won’t change. However, there have been some improvements to the comments section to make them threaded.
    It was a long past time for the update. This site was using a theme based on the very old Default theme that was created back in 2005 and was custom-coded to a great degree, meaning some newer features were unusable. Though the site styling is mostly finished, a few pages still need to be worked on and will look a little off, and a few other styles need to be tweaked here and there. I’m planning on more updates in the coming weeks and months as I try to turn this into more of a hub for my content of all kinds, not just long-form posts.
    Stay tuned!

    Antworten

Erwähnungen

Schreibe einen Kommentar

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