"Autonomie" is a highly semantic, responsive, accessible and search engine optimized WordPress Theme. It provides HTML5 templates refined with microformats, microformats v2 and microdata (Schema.org). "Autonomie" supports a lot of OpenWeb plugins and is fully IndieWeb compatible.
Home Page: https://notiz.blog/projects/autonomie/
License: MIT License
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Related: indieweb/wordpress-micropub#92
If there is no post content, this theme should display the summary if set.
To be created, a post has to have either a name, content, or an excerpt in WordPress.
The LICENSE file says the license is Expat (MIT) but the README says it's GPLv3. Please fix it. I also suggest to license it under AGPLv3+. It's the best free copyleft license for the theme.
I'm hoping you can help me troubleshoot this issue that appears with Autonomie (and, strangely, the Twenty Twenty theme as well).
I have assigned many of my posts featured images through the post editor. In other themes, these display without issue: the featured images appear in the blog feed with the posts, and on single post pages, the featured image displays as a full-width banner.
But when I switch to Autonomie, these featured images only display as 88x88 thumbnails, and are not featured at all in the header banner:
You can see this live on my blog.
This behavior persists even after I have disabled all plugins. I have no idea where the 88x88 dimensions are coming from; that is not a defined image size in my WordPress installation as far as I can tell.
I'm confused because notiz.blog, which also uses Autonomie, appears to have no problem using featured images.
I'd greatly appreciate any help troubleshooting this. I very much want to start using Autonomie so I can IndieWebify my blog--but this is standing in my way. Thanks!
I have been having issues with adding a feature image lately on Read Write Respond. The system registers the image as it shows up in the social media preview provided by Yoast SEO.
I am assuming that this somehow relates to the theme as I tested out two other themes and they worked fine. I also updated to the latest version of Autonomie and am running WordPress 5.5.3
I'm trying to use different post format types on my Zenpress site. The post formats work as expected in the posts, but they do not have archives. So, If you look at the top of this page:
https://billbennett.co.nz/e-mail/
You'll see the the word ASIDE, it links to a what should be an aside archive page: https://billbennett.co.nz/type/aside/
But that defaults back to my home page.
I notice on this page https://notiz.blog/2016/09/23/indiewordpress-wordcamp-frankfurt/
the VIDEO link does take the user back to a video archive.
I'm using a Zenpress child theme, but to check the problem is not down to the child theme I tried teh same using the parent theme and the aside link still breaks.
It's not an obvious plug-in conflict, I disabled them all to test and the link doesn't work as expected.
Using the latest update of the theme, and I'm not sure whether this is something that I have to go into the PHP files and fix myself, which I can, but if I'm missing something, let me know. Recent posts that do not have titles; notes, theck ins, reads, and so on do not have titles, so Wordpress displays "untitled" on the recents, and probably on the RSS, too, though I haven't looked. If there is a way of fixing this, how? I want just the first few characters of the note itself to show.
If you create a Columns block in the Block Editor, it will not display properly in the published post. Instead of creating horizontal columns as intended, the content of each column is just displayed as a block. Looking at the source, the column container element is rendered as display: block instead of display: flex.
The Columns block renders as a series of columns—the columns are displayed horizontally next to each other when there is sufficient horizontal space. The Columns container <div> is rendered with display: flex.
Regardless of how wide the window is, the content of the columns is simply displayed as block elements, so what would be the first and second columns are instead just displayed vertically in that order. The source indicates the column container element is rendered as display: block.
The SASS file responsive_default.scss is too specific on line 34. It reads (relevant parts only):
.entry-content > *, .entry-content > div {
display: block;
}
This takes priority over the CSS rule that should designate this container <div> as display: flex, from style.min.css:
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
flex-wrap: wrap;
}
The "Powered by" line in the page footer isn't translated. The pot file says line 32 but it's line 31 in the source. How can the translation be kept up to date with code changes?
I have returned to ZenPress with my main blog - readwriterespond.com - and found another span issue, this time associated with 'Related Posts'. I am wondering if it relates to the issue associted Syndicated Posts.
(Sort of cross-posting from Sempress pfefferle/SemPress#89)
Syndication links icons don't show in Safari for Mac, iPadOS and iOS. They do in Firefox for Mac.
I've nailed it down to a CSS issue and have added a quick fix for the time being. But it would be nice if the theme's CSS was updated accordingly.
Example post: https://robertvanbregt.nl/2022/02/02/he-siri-ik-wil-staan/
Custom fix / workaround (copied from syndication links plugin css):
ul.relsyn li svg {
height: 1rem;
width: 1rem;
}Safari for Mac:
I like to set up WordPress themes with a child theme.
This runs into a problem with Autonomie
If I use this for the child css:
/*
Theme Name: Autonomie-child
Description: Indieweb chld theme
Template: Autonomie-master
Version: 1.0.0
*/
and this for the child functions.php
Sorry to ask such a noob question, but I just cannot see how the various -width stylesheets are called upon when needed. Can you point me to something I can read to try and get my head around this. I'm happy with the look of my site now, but there are a couple of difficulties on mobile that I think may be related to those specific stylesheets.
Thanks.
I assume that the two options for the widgets are a case of left and right at the bottom of the page / post. I am finding that it is resorting to a default where it is listing my archive twice etc ... Even when I change this in Customise, it resorts back to this default.
My site is: https://collect.readwriterespond.com/
I'm looking for a (the best) way to provide you with a Dutch translation to be included with the theme. If you explain how/where, I will translate it, I expect it to be in this file:
https://github.com/pfefferle/Autonomie/blob/master/languages/autonomie.pot
I added a header image and then removed it. The theme still displays a blank block.
I think it comes from this declaration:
.page-banner{background-color:#5fa7c5;width:100%;position:relative;height:75vh;max-height:75%;min-height:500px}
If a header image is not set, the height of the banner can be reduced accordingly?
On the large screen sizes, above 900px, the entry-content has left and right margins of 100px. However in the search archive page these margins disappear which makes the text look odd. I've read the CSS and it looks like you intended the entry-summary block to line up the same way, but it doesn't.
I think this is a bug, not a feature, but could be wrong.
This will help the admin UI dashboard look a bit better.
Can I suggest using something like this?
I really like this theme but there's one little problem I can't seem to fix. I use David Shanske's Simple Location plugin to pull in maps but the maps are stuck to the left side of the post page. I can't find the best solution to center them without affecting something else. Is there a good way to do this?
Here's an example: https://stephenpieper.net/7217-2/
Can there be an option (that can be enabled or disabled) to show when the post or page is last updated? We have the published date, it'll be awesome if we have last updated date too.
As per your suggestion I tried to update the theme with the GitHub Updater plugin.
Unfortunately the theme doesn't update. I copied and extracted the ZIP early August, and the commits since do not appear at my site.
For many reasons, especially because I am a german site owner, I' ll never use Jetpack. But for international use, this is certainly a relevant usecase.
Just saw on Spencer's site (https://spencerdub.me/blog/link-roundup-breaking-building-and-imagining/) that you can easily position the Related Posts section properly.
.jp-relatedposts { margin: auto auto; }
PR #12 suggests that the theme should support the Syndication Links plugin, but it doesn't seem to work.
This page: https://robertvanbregt.nl/2020/08/10/gelezen-blokker-huishoudwinkel-in-crisistijd/
should show a link to a Goodreads review: https://www.goodreads.com/review/show/3487376125
I don't see anything in the elements inspector, so it's not rendered.
When I switch to the Twenty Nineteen template, the link is there:
It would be nice to add a text (or html) widget in the footer above or under the WordPress and Autonomie note so people can add a copyright notice there. I'll attach a picture to show what I mean.
Hey.
It would be great if there were a special layout for links, both for IndieWeb postkinds and WordPress post formats. Currently, it shows the title and the note you wrote. It would be great if the title of the post is hyperlinked to the link you insert.
Some previous WordPress themes have this. Even one of the IndieWeb themes have this layout.
If you look at this page: https://billbennett.co.nz/mobile-world-congress-2016-devices/
You'll see the feature image appears on the right hand side next to the first text paragraph.
I think this is an error, but I'm not sure what causes it. Feature images do not appear in the same spot on the not.blog site.
I can hide it from CSS, but I'm curious to know what code causes it to show here.
Example: https://mrkapowski.com/?s=test
Autonomie version: 1.0.0-beta-2 (.zip downloaded 15-May-2019)
Search results with auto-generated excerpts from<?php the_excerpt(); ?> are not wrapped in any HTML tags, so they are not triggering the .entry-summary > * rule from default-width.css, resulting in the excerpt extending the full width of the screen.
Example output:
<div class="entry-summary p-summary entry-title p-name" itemprop="name description articleBody">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora quas, natus quod eaque vel esse debitis inventore culpa ea ullam saepe iure ab nostrum in. Commodi quaerat ullam quidem minima.…</div>If the excerpt was wrapped in anything (p, span, whatever) then the correct max-width would be applied:
<div class="entry-summary p-summary entry-title p-name" itemprop="name description articleBody">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora quas, natus quod eaque vel esse debitis inventore culpa ea ullam saepe iure ab nostrum in. Commodi quaerat ullam quidem minima…</p></div>It would be very good if we could have a special layout for quotes. Something like a big transparent “ ” before and after the quote. Currently, quotes don't have a title shown on the post and it's great but it would be good if we could make it more fancier and different with "aside" post type.
When you post a video and put post-kind and format Video, the published post shows the video twice. You can see an example on https://alirezahayati.com/2020/08/the-university-of-costumed-heroes-a-video-from-the-fsf/.
It's both on index page (blogroll) and specific page for the post (such as the link I provided).
I have been having issues with adding a feature image lately on Read Write Respond. The system registers the image as it shows up in the social media preview provided by Yoast SEO.
I am assuming that this somehow relates to the theme as I tested out two other themes and they worked with featured images. I also updated to the latest version of Autonomie and am running WordPress 5.5.3
For static pages, like https://notiz.blog/contact/ the page date is shown below the header. Since static pages (imho) don't have a publication date, it would be nice if the date could be hidden from the reader.
Do you want to consider this, whether or not as an option?
Hello, I am trying to make a child theme of ZenPress.
If I leave the structure exactly as here, then WP gives an error that it cannot find the ZenPress parent theme.
If I take out the \zenpress folder out and put it under 'themes then everything seems to work fine, but I am worried about losing the 'sass folder.
Any advice?
STR with current ZenPress and the Indieweb plugins:
Result: Post gets published and posted to Twitter. The resulting permalink is added to the syndicated links automatically.
Now, view the post on Twitter. An example can be seen here. The heading and text of the Shariff buttons is being pulled into the post along with the rest of the post itself, if that still fits. In my case, it did.
On line 371, you have esc_html( get_the_author() ), which is producing a span with attributes, the authors name and the element brackets as entities. So instead of the author's name showing up, it shows up the span as the name.
I think you want this:
<span itemprop="name"><span class='p-author h-card'>author</span>
What you're getting is this:
<span itemprop="name"><span class='p-author h-card'>author</span></span>
It would be awesome if the blog admin could be able to force the theme to show dark/light colors. Like an option in "customize" section to choose whether we want dark theme or light or set it automatic like the way it is now.
If you create a button using the Gutenberg Buttons block and do not set a custom color, it displays illegibly, with a white background and white text:
If you select one of the default colors from the Button block's "Color settings" panel, it typically does not display:
If you select a "custom color" from within the same color settings panel, that color does display:
This is inconsistent and frustrating. I would expect that (1) buttons would be visible by default, and (2) if I select a color in the Button block's color settings panel, it would display, regardless of whether it's a default swatch or a custom color.
I swapped the latest version of Autonomie-Master for the late 2019 version using FTP.
It broke my site. I fixed the problem by reinstating the CSS, Font and JS folders in the top level directory, the newer build at Github stores these in the assets directory.
I really like ZenPress, but have been wondering about the inclusion of Syndicated Links. They are presented in the far left. Is this intentional? Is it something in the Syndication Links Plugin?
I use a plugin https://github.com/wecobble/Subtitles to have a subtitle if I want one. At present, the subtitle is displayed everywhere that Autonomie uses the_title or get_the_title. In my view, this looks wrong in the H2 that Autonomie creates as a heading for the comments section.
The Subtitle plugin author says that themes should use the_title_attribute rather than the_title. I did try switching this out at various points in the templates, but it made no difference. As far as I can tell, with the plugin activated, the_title_attribute contains the concatenated title and subtitle. I could not get any of the suggested workarounds to work.
For now, I rewrote the section that creates the H2 Comment title. Changing this:
printf(
_n( 'One thought on %2$s', '%1$s thoughts on %2$s', get_comments_number(), 'autonomie' ), // removed quotation marks
number_format_i18n( get_comments_number() ),
'<span>' . the_title_attribute() . '</span>'
);
?>
to this:
printf(
_n( 'One response to %2$s', '%1$s responses to %2$s', get_comments_number(), 'autonomie' ), // removed quotation marks
number_format_i18n( get_comments_number() ),
'<span>' . 'this fascinating post' . '</span>'
);
That works fine for me, now. I think this is the only place where the concatenated subtitle was giving me a problem, but I need to check very carefully.
I don't need Yoast, so this is not critical, but when testing Yoast SEO I ran into the following error:
Google Search Console warns there is a “Unparsable structured data” on some of my pages. It reports:
Incorrect value type “@id”
If I dig into the error I find this code:
`{"@type":"WebPage","@id":false,"url":false,"name":"0 – Page 3 of 298 – Bill Bennett"}}]}]}</script>
`The page where the error is flagged is: https://billbennett.co.nz/type/standard/page/5/
There's a support thread about this on the Wordpress.org site:
https://wordpress.org/support/topic/incorrect-value-type-id-3/#post-12387557
As I said, this isn't a big deal for me... I intend to kill Yoast soon and don't care about SEO, but it could indicate a problem elsewhere. Or not. Would be interested to hear either way.
Yes, at times link underlines can seem pesky and distracting, but having them even more so than just on hover, is an accessibility feature
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.