Blog

  • Template: Sticky

    This is a sticky post.

    There are a few things to verify:

    • The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice.
    • They should show at the very top of the blog index page, even though they could be several posts back chronologically.
    • They should still show up again in their chronologically correct postion in time, but without the sticky indicator.
    • If you have a plugin or widget that lists popular posts or comments, make sure that this sticky post is not always at the top of those lists unless it really is popular.
  • Scheduled

    This post is scheduled to be published in the future.

    It should not be displayed by the theme.

  • Welcome to the Gutenberg Editor

    Welcome to the Gutenberg Editor

    Of Mountains & Printing Presses

    The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around and interact with. Move your cursor around and you’ll notice the different blocks light up with outlines and arrows. Press the arrows to reposition blocks quickly, without fearing about losing things in the process of copying and pasting.

    What you are reading now is a text block, the most basic block of all. The text block has its own controls to be moved freely around the post…

    … like this one, which is right aligned.

    Headings are separate blocks as well, which helps with the outline and organization of your content.

    A Picture is worth a Thousand Words

    Handling images and media with the utmost care is a primary focus of the new editor. Hopefully, you’ll find aspects of adding captions or going full-width with your pictures much easier and robust than before.

    Beautiful landscape
    Give it a try. Press the ”wide” button on the image toolbar.

    Try selecting and removing or editing the caption, now you don’t have to be careful about selecting the image or other text by mistake and ruining the presentation.

    The Inserter Tool

    Imagine everything that WordPress can do is available to you quickly and in the same place on the interface. No need to figure out HTML tags, classes, or remember complicated shortcode syntax. That’s the spirit behind the inserter—the (+) button you’ll see around the editor—which allows you to browse all available content blocks and add them into your post. Plugins and themes are able to register their own, opening up all sort of possibilities for rich editing and publishing.

    Go give it a try, you may discover things WordPress can already add into your posts that you didn’t know about. Here’s a short list of what you can currently find there:

    • Text & Headings
    • Images & Videos
    • Galleries
    • Embeds, like YouTube, Tweets, or other WordPress posts.
    • Layout blocks, like Buttons, Hero Images, Separators, etc.
    • And Lists like this one of course 🙂

    Visual Editing

    A huge benefit of blocks is that you can edit them in place and manipulate your content directly. Instead of having fields for editing things like the source of a quote, or the text of a button, you can directly change the content. Try editing the following quote:

    The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

    Matt Mullenweg, 2017

    The information corresponding to the source of the quote is a separate text field, similar to captions under images, so the structure of the quote is protected even if you select, modify, or remove the source. It’s always easy to add it back.

    Blocks can be anything you need. For instance, you may want to add a subdued quote as part of the composition of your text, or you may prefer to display a giant stylized one. All of these options are available in the inserter.

    You can change the amount of columns in your galleries by dragging a slider in the block inspector in the sidebar.

    Media Rich

    If you combine the new wide and full-wide alignments with galleries, you can create a very media rich layout, very quickly:

    Accessibility is important don't forget image alt attribute

    Sure, the full-wide image can be pretty big. But sometimes the image is worth it.

    The above is a gallery with just two images. It’s an easier way to create visually appealing layouts, without having to deal with floats. You can also easily convert the gallery back to individual images again, by using the block switcher.

    Any block can opt into these alignments. The embed block has them also, and is responsive out of the box:

    You can build any block you like, static or dynamic, decorative or plain. Here’s a pullquote block:

    Code is Poetry

    The WordPress community

    If you want to learn more about how to build additional blocks, or if you are interested in helping with the project, head over to the GitHub repository.


    Thanks for testing Gutenberg!

    👋

  • Galleria

  • Rajkumar Sabanadesanin kolumni: Suomessa ei osata keskustella, ja siitä pitäisi jokaisen olla huolissaan

    Rajkumar Sabanadesanin kolumni: Suomessa ei osata keskustella, ja siitä pitäisi jokaisen olla huolissaan

    Opetetaan lapset jo pieninä puolustamaan kantaansa loogisilla argumenteilla, muita kunnioittavassa hengessä, ehdottaa Rajkumar Sabanadesan

    Monessa maassa on pitkät perinteet debatille. Jo antiikin Kreikassa Aristoteles painotti retoriikan merkitystä. Brittiläisissä yliopistoissa on suosittuja väittelykerhoja, jotka kilpailevat keskenään parhaista argumentointitaidoista. Koko idea kilpailuissa on, että joukkueet eivät voi vaikuttaa aiheeseen, eivätkä edes siihen, kannattavatko vai vastustavatko kyseistä asiaa. Näin varmistetaan, että kilpailu käydään nimenomaan puhtaasti väittelytaitojen perusteella.

    (lisää…)
  • Guthenberg test

    One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.


    Samsa was a travelling salesman

    ”What’s happened to me?” he thought. It wasn’t a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table – Samsa was a travelling salesman – and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer.

    However hard he threw himself onto his right, he always rolled back to where he was.

    Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad. ”How about if I sleep a little bit longer and forget all this nonsense”, he thought, but that was something he was unable to do because he was used to sleeping on his right, and in his present state couldn’t get into that position. However hard he threw himself onto his right, he always rolled back to where he was. He must have tried it a hundred times, shut his eyes so that he wouldn’t have to look at the floundering legs, and only stopped when he began to feel a mild, dull pain there that he had never felt before.

    He slid back into his former position. ”Getting up early all the time”, he thought, ”it makes you stupid. You’ve got to get enough sleep. Other travelling salesmen live a life of luxury. For instance, whenever I go back to the guest house during the morning to copy out the contract,

    ”Oh, God”, he thought, ”what a strenuous career it is that I’ve chosen! Travelling day in and day out. Doing business like this takes much more effort than doing your own business at home, and on top of that there’s the curse of travelling,

    ”Oh, God”, he thought, ”what a strenuous career it is that I’ve chosen! Travelling day in and day out. Doing business like this takes much more effort than doing your own business at home, and on top of that there’s the curse of travelling, worries about making train connections, bad and irregular food, contact with different people all the time so that you can never get to know anyone or become friendly with them. It can all go to Hell!” He felt a slight itch up on his belly; pushed himself slowly up on his back towards the headboard so that he could lift his head better; found where the itch was, and saw that it was covered with lots of little white spots which he didn’t know what to make of; and when he tried to feel the place with one of his legs he drew it quickly back because as soon as he touched it he was overcome by a cold shudder.

    He slid back into his former position.

    ”Getting up early all the time”, he thought, ”it makes you stupid. You’ve got to get enough sleep. Other travelling salesmen live a life of luxury. For instance, whenever I go back to the guest house during the morning to copy out the contract, these gentlemen are always still sitting there eating their breakfasts. I ought to just try that with my boss; I’d get kicked out on the spot. But who knows, maybe that would be the best thing for me. If I didn’t have my parents to think about I’d have given in my notice a long time ago, I’d have gone up to the boss and told him just what I think, tell him everything I would, let him know just what I feel. He’d fall right off his desk! And it’s a funny sort of business to be sitting up there at your desk, talking down at your subordinates from up there, especially when you have to go right up close because the boss is hard of hearing. Well, there’s still some hope; once I’ve got the money together to pay off my parents’ debt to him – another five or six years I suppose – that’s definitely what I’ll do. That’s when I’ll make the big change. First of all though, I’ve got to get up, my train leaves at five.”

    The next train went at seven

    And he looked over at the alarm clock, ticking on the chest of drawers. ”God in Heaven!” he thought. It was half past six and the hands were quietly moving forwards, it was even later than half past, more like quarter to seven. Had the alarm clock not rung? He could see from the bed that it had been set for four o’clock as it should have been; it certainly must have rung. Yes, but was it possible to quietly sleep through that furniture-rattling noise? True, he had not slept peacefully, but probably all the more deeply because of that. What should he do now? The next train went at seven; if he were to catch that he would have to rush like mad and the collection of samples was still not packed, and he did not at all feel particularly fresh and lively. And even if he did catch the train he would not avoid his boss’s anger as the office assistant would have been there to see the five o’clock train go, he would have put in his report about Gregor’s not being there a long time ago. The office assistant was the boss’s man, spineless, and with no understanding. What about if he reported sick? But that would be extremely strained and suspicious as in fifteen years of service Gregor had never once yet been ill. His boss would certainly come round with the doctor from the medical insurance company, accuse his parents of having a lazy son, and accept the doctor’s recommendation not to make any claim as the doctor believed that no-one was ever ill but that many were workshy. And what’s more, would he have been entirely wrong in this case? Gregor did in fact, apart from excessive sleepiness after sleeping for so long, feel completely well and even felt much hungrier than usual.


    Yes, mother, yes, thank-you, I’m getting up now.

    asdf

    He was still hurriedly thinking all this through, unable to decide to get out of the bed, when the clock struck quarter to seven. There was a cautious knock at the door near his head. ”Gregor”, somebody called – it was his mother – ”it’s quarter to seven. Didn’t you want to go somewhere?” That gentle voice! Gregor was shocked when he heard his own voice answering, it could hardly be recognised as the voice he had had before. As if from deep inside him, there was a painful and uncontrollable squeaking mixed in with it, the words could be made out at first but then there was a sort of echo which made them unclear, leaving the hearer unsure whether he had heard properly or not. Gregor had wanted to give a full answer and explain everything, but in the circumstances contented himself with saying: ”Yes, mother, yes, thank-you, I’m getting up now.” The change in Gregor’s voice probably could not be noticed outside through the wooden door, as his mother was satisfied with this explanation and shuffled away. But this short conversation made the other members of the family aware that Gregor, against their expectations was still at home, and soon his father came knocking at one of the side doors, gently, but with his fist. ”Gregor, Gregor”, he called, ”what’s wrong?” And after a short while he called again with a warning deepness in his voice: ”Gregor! Gregor!” At the other side door his sister came plaintively: ”Gregor? Aren’t you well? Do you need anything?” Gregor answered to both sides: ”I’m ready, now”, making an effort to remove all the strangeness from his voice by enunciating very carefully and putting long pauses between each, individual word. His father went back to his breakfast, but his sister whispered: ”Gregor, open the door, I beg of you.” Gregor, however, had no thought of opening the door, and instead congratulated himself for his cautious habit, acquired from his travelling, of locking all doors at night even when he was at home.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
    
    </body>
    </html>

    The first thing he wanted to do was to get up in peace without being disturbed, to get dressed, and most of all to have his breakfast. Only then would he consider what to do next, as he was well aware that he would not bring his thoughts to any sensible conclusions by lying in bed. He remembered that he had often felt a slight pain in bed, perhaps caused by lying awkwardly, but that had always turned out to be pure imagination and he wondered how his imaginings would slowly resolve themselves today. He did not have the slightest doubt that the change in his voice was nothing more than the first sign of a serious cold, which was an occupational hazard for travelling salesmen.

    It was a simple matter to throw off the covers; he only had to blow himself up a little and they fell off by themselves. But it became difficult after that, especially as he was so exceptionally broad. He would have used his arms and his hands to push himself up; but instead of them he only had all those little legs continuously moving in different directions, and which he was moreover unable to control. If he wanted to bend one of them, then that was the first one that would stretch itself out; and if he finally managed to do what he wanted with that leg, all the others seemed to be set free and would move about painfully. ”This is something that can’t be done in bed”, Gregor said to himself, ”so don’t keep trying to do it”.

    The first thing he wanted to do was get the lower part of his body out of the bed, but he had never seen this lower part, and could not imagine what it looked like; it turned out to be too hard to move; it went so slowly; and finally, almost in a frenzy, when he carelessly shoved himself forwards with all the force he could gather, he chose the wrong direction, hit hard against the lower bedpost, and learned from the burning pain he felt that the lower part of his body might well, at present, be the most sensitive.

    But then he said to himself: ”Before it strikes quarter past seven I’ll definitely have to have got properly out of bed.

    So then he tried to get the top part of his body out of the bed first, carefully turning his head to the side. This he managed quite easily, and despite its breadth and its weight, the bulk of his body eventually followed slowly in the direction of the head. But when he had at last got his head out of the bed and into the fresh air it occurred to him that if he let himself fall it would be a miracle if his head were not injured, so he became afraid to carry on pushing himself forward the same way. And he could not knock himself out now at any price; better to stay in bed than lose consciousness.

    It took just as much effort to get back to where he had been earlier, but when he lay there sighing, and was once more watching his legs as they struggled against each other even harder than before, if that was possible, he could think of no way of bringing peace and order to this chaos. He told himself once more that it was not possible for him to stay in bed and that the most sensible thing to do would be to get free of it in whatever way he could at whatever sacrifice. At the same time, though, he did not forget to remind himself that calm consideration was much better than rushing to desperate conclusions. At times like this he would direct his eyes to the window and look out as clearly as he could, but unfortunately, even the other side of the narrow street was enveloped in morning fog and the view had little confidence or cheer to offer him. ”Seven o’clock, already”, he said to himself when the clock struck again, ”seven o’clock, and there’s still a fog like this.” And he lay there quietly a while longer, breathing lightly as if he perhaps expected the total stillness to bring things back to their real and natural state.

    But then he said to himself: ”Before it strikes quarter past seven I’ll definitely have to have got properly out of bed. And by then somebody will have come round from work to ask what’s happened to me as well, as they open up at work before seven o’clock.” And so he set himself to the task of swinging the entire length of his body out of the bed all at the same time. If he succeeded in falling out of bed in this way and kept his head raised as he did so he could probably avoid injuring it. His back seemed to be quite hard, and probably nothing would happen to it falling onto the carpet. His main concern was for the loud noise he was bound to make, and which even through all the doors would probably raise concern if not alarm. But it was something that had to be risked.

  • Moikka maailma!

    Tervetuloa käyttämään WordPress-ohjelmaa. Tämä on ensimmäinen artikkelisi. Muokkaa sitä tai poista se ja aloita bloggaaminen!

  • Markup: HTML Tags and Formatting

    Headings

    Header one

    Header two

    Header three

    Header four

    Header five
    Header six

    Blockquotes

    Single line blockquote:

    Stay hungry. Stay foolish.

    Multi line blockquote with a cite reference:

    People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

    Steve Jobs – Apple Worldwide Developers’ Conference, 1997

    Tables

    Employee Salary
    John Doe $1 Because that’s all Steve Jobs needed for a salary.
    Jane Doe $100K For all the blogging she does.
    Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
    Jane Bloggs $100B With hair like that?! Enough said…

    Definition Lists

    Definition List Title
    Definition list division.
    Startup
    A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
    #dowork
    Coined by Rob Dyrdek and his personal body guard Christopher ”Big Black” Boykins, ”Do Work” works as a self motivator, to motivating your friends.
    Do It Live
    I’ll let Bill O’Reilly will explain this one.

    Unordered Lists (Nested)

    • List item one
      • List item one
        • List item one
        • List item two
        • List item three
        • List item four
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four

    Ordered List (Nested)

    1. List item one
      1. List item one
        1. List item one
        2. List item two
        3. List item three
        4. List item four
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four

    HTML Tags

    These supported tags come from the WordPress.com code FAQ.

    Address Tag

    1 Infinite Loop
    Cupertino, CA 95014
    United States

    Anchor Tag (aka. Link)

    This is an example of a link.

    Abbreviation Tag

    The abbreviation srsly stands for ”seriously”.

    Acronym Tag (deprecated in HTML5)

    The acronym ftw stands for ”for the win”.

    Big Tag (deprecated in HTML5)

    These tests are a big deal, but this tag is no longer supported in HTML5.

    Cite Tag

    ”Code is poetry.” —Automattic

    Code Tag

    You will learn later on in these tests that word-wrap: break-word; will be your best friend.

    Delete Tag

    This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

    Emphasize Tag

    The emphasize tag should italicize text.

    Insert Tag

    This tag should denote inserted text.

    Keyboard Tag

    This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

    Preformatted Tag

    This tag styles large blocks of code.

    .post-title {
    	margin: 0 0 5px;
    	font-weight: bold;
    	font-size: 38px;
    	line-height: 1.2;
    	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
    }

    Quote Tag

    Developers, developers, developers… –Steve Ballmer

    Strike Tag (deprecated in HTML5)

    This tag shows strike-through text

    Strong Tag

    This tag shows bold text.

    Subscript Tag

    Getting our science styling on with H2O, which should push the ”2” down.

    Superscript Tag

    Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

    Teletype Tag (deprecated in HTML5)

    This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

    Variable Tag

    This allows you to denote variables.

  • Markup: Image Alignment

    Markup: Image Alignment

    Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.

    On the topic of alignment, it should be noted that users can choose from the options of NoneLeftRight, and Center. In addition, they also get the options of ThumbnailMediumLarge & Fullsize.

    Image Alignment 580x300

    The image above happens to be centered.

    Image Alignment 150x150The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned

    As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

    And now for a massively large image. It also has no alignment.

    Image Alignment 1200x400

    The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

    Image Alignment 300x200

    And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

    In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

    And just when you thought we were done, we’re going to do them all over again with captions!

    Image Alignment 580x300
    Look at 580×300 getting some caption love.

    The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.

    Image Alignment 150x150
    Itty-bitty caption.

    The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned

    As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

    And now for a massively large image. It also has no alignment.

    Image Alignment 1200x400
    Massive image comment for your eyeballs.

    The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

    Image Alignment 300x200
    Feels good to be right all the time.

    And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

    In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

    And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!

  • Markup: Text Alignment

    Default

    This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.

    Left Align

    This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. It’s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.

    Center Align

    This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.

    Right Align

    This is a paragraph. It is right aligned. It is a bit more conservative in it’s views. It’s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it’s a pretty good shot from at least four or five football fields away. Dead on. So boss.

    Justify Align

    This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it’s place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.

  • Markup: Title With Special Characters

    Putting special characters in the title should have no adverse effect on the layout or functionality.

    Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing the post itself (ie. issues with metaboxes, media upload, etc.).

    Latin Character Tests

    This is a test to see if the fonts used in this theme support basic Latin characters.

    ! # $ % & ( ) *
    + , . / 0 1 2 3 4
    5 6 7 8 9 : ; > = <
    ? @ A B C D E F G H
    I J K L M N O P Q R
    S T U V W X Y Z [ \
    ] ^ _ ` a b c d e f
    g h i j k l m n o p
    q r s t u v w x y z
    { | } ~