{"id":184,"date":"2006-10-26T11:44:35","date_gmt":"2006-10-26T09:44:35","guid":{"rendered":"http:\/\/www.notizblog.org\/2006\/10\/26\/simple-linklog-using-the-k2-theme\/"},"modified":"2021-06-28T09:39:06","modified_gmt":"2021-06-28T07:39:06","slug":"simple-linklog-using-the-k2-theme","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2006\/10\/26\/simple-linklog-using-the-k2-theme\/","title":{"rendered":"Simple linklog using the K2 theme"},"content":{"rendered":"\n<p>HowTo get a linklog like <a href=\"https:\/\/kottke.org\/\">Kottkes<\/a> <a href=\"https:\/\/web.archive.org\/web\/20050204045428\/http:\/\/www.kottke.org\/remainder\/\">remaindered links<\/a> or something like the asides hack from <a href=\"https:\/\/ma.tt\/2004\/05\/asides\/\">Matt<\/a> using <a href=\"https:\/\/wordpress.org\">wordpress<\/a>, the <a href=\"https:\/\/web.archive.org\/web\/20070202023213\/http:\/\/getk2.com\/\">K2 theme<\/a> and some CSS.<\/p>\n\n\n\n<p>First of all you have to create a category you want to use, for example <em>&#8222;linkdump&#8220;<\/em>, then create your own <a href=\"https:\/\/web.archive.org\/web\/20120108023729\/http:\/\/www.johntp.com:80\/2006\/06\/09\/how-to-create-a-custom-k2-scheme-part-1\/\">custom style<\/a> (<a href=\"https:\/\/web.archive.org\/web\/20080430150028\/http:\/\/k2.stikipad.com:80\/docs\/show\/Page+Structure\">K2 page structure<\/a>).<\/p>\n\n\n\n<p>Add the following code to your custom css&#8230;<\/p>\n\n\n\n<p>CSS code to hide the title (header), the noteworthy-link and the entry meta:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.category-linkdump<\/span> <span class=\"hljs-selector-class\">.entry-title<\/span>, <span class=\"hljs-selector-class\">.category-linkdump<\/span> <span class=\"hljs-selector-class\">.noteworthyLink<\/span>, <span class=\"hljs-selector-class\">.category-linkdump<\/span> <span class=\"hljs-selector-class\">.entry-meta<\/span> {\n    <span class=\"hljs-attribute\">display<\/span>: none;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Example code to format the new linkdump category:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.category-linkdump<\/span> <span class=\"hljs-selector-class\">.entry-content<\/span> <span class=\"hljs-selector-tag\">a<\/span>, <span class=\"hljs-selector-class\">.category-linkdump<\/span> <span class=\"hljs-selector-class\">.entry-content<\/span> <span class=\"hljs-selector-tag\">a<\/span><span class=\"hljs-selector-pseudo\">:hover<\/span> {\n    <span class=\"hljs-attribute\">border-bottom<\/span>: <span class=\"hljs-number\">1px<\/span> dotted <span class=\"hljs-number\">#CCC<\/span>; <span class=\"hljs-attribute\">text-decoration<\/span>: none <span class=\"hljs-meta\">!important<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.category-linkdump<\/span> <span class=\"hljs-selector-class\">.entry-content<\/span> {\n    <span class=\"hljs-comment\">\/*background-color: #F8F8F8;*\/<\/span>\n    <span class=\"hljs-attribute\">border-top<\/span>: <span class=\"hljs-number\">1px<\/span> dotted <span class=\"hljs-number\">#CCC<\/span>;\n    <span class=\"hljs-attribute\">border-bottom<\/span>: <span class=\"hljs-number\">1px<\/span> dotted <span class=\"hljs-number\">#CCC<\/span>;\n    <span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">15px<\/span>; <span class=\"hljs-attribute\">font-size<\/span>: <span class=\"hljs-number\">10px<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Demo: <a href=\"https:\/\/notiz.blog\/category\/links\/\">https:\/\/notiz.blog\/category\/links\/<\/a><\/p>\n\n\n\n<p>If you want to use your del.icio.us account for the linkdump\/linklog try &#8222;<a href=\"https:\/\/web.archive.org\/web\/20070713041307\/http:\/\/nozell.com\/blog\/2005\/01\/30\/updated-yet-another-daily-delicious-hack\/\">Yet Another Weekly del.icio.us<\/a>&#8222;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HowTo get a linklog like Kottkes remaindered links or something like the asides hack from Matt using wordpress, the K2 theme and some CSS. First of all you have to create a category you want to use, for example &#8222;linkdump&#8220;, then create your own custom style (K2 page structure). Add the following code to your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[2],"tags":[126,5171,125,129,127,128,1022,57],"class_list":{"0":"post-184","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-css","8":"tag-fediblog","9":"tag-k2","10":"tag-kottke","11":"tag-linkblog","12":"tag-linkdump","13":"tag-asides","14":"tag-wordpress","15":"h-entry","16":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=184"}],"version-history":[{"count":5,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":21508,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/184\/revisions\/21508"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}