{"id":6594,"date":"2009-09-15T13:19:58","date_gmt":"2009-09-15T13:19:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/jquery-font-resizer\/"},"modified":"2009-09-15T13:19:58","modified_gmt":"2009-09-15T13:19:58","slug":"jquery-font-resizer","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/jquery-font-resizer\/","author":2196453,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"trunk","tested":"2.7","requires":"2.0.2","requires_php":"","requires_plugins":"","header_name":"jQuery Font Resizer","header_author":"Devolux","header_description":"","assets_banners_color":"","last_updated":"2009-09-15 13:19:58","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/devolux.org\/","header_plugin_uri":"http:\/\/devolux.org\/fontResizer","header_author_uri":"http:\/\/devolux.org\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":3111,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[38536,202],"plugin_category":[],"plugin_contributors":[89597],"plugin_business_model":[],"class_list":["post-6594","plugin","type-plugin","status-closed","hentry","plugin_tags-font-resizing","plugin_tags-jquery","plugin_contributors-devolux","plugin_committers-devolux"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/jquery-font-resizer.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

The plugin offers three links to change the font-size of your blog. They can be inserted anywhere on your website by including a simple php-function (s. \"Installation\"). These links change the font-size value of the most outward html element of the page: the body element. All values of the elements inside the html body must therefore have relative font-size values. Only text that you want not to change its font-size at all must have an absolute value. \nHere is an example for better understanding: The default font-size-value of the body element must be set to \"10px\" (s. \"Installation\"). By clicking the \"A+\"-link this value will be set to \"11px\". All elements with RELATIVE font-size values (like \"p {font-size: 100%;}\") will then be automatically adjusted to the new top-level font-size. In this case the font-size of a \"p\"-element will switch from 10px (100% of 10px = 10px) to 11px (100% of 11px = 11px). Font-size values of other elements will change likewise (a value of 120% will result in a new font-size of 13.2px).\nIMPORTANT: Relative font-size values are calculated from the DIRECT parent element. This means: An element B which has a 100% font-size and which lays inside an element A that has a 120% font-size will have the font-size values of the element A (12px\/13.2px), not the values calculated in proportion to the body element (10px\/11px).<\/p>\n\n

A brief Markdown Example<\/h3>\n\n

\nA <\/a>A+ <\/a>A++<\/a>\n<\/p>\n\n\n

    \n

  1. Upload the plugin to the \"\/wp-content\/plugins\/\" directory.<\/p><\/li>\n

  2. Activate the plugin through the \"Plugins\" menu in WordPress.<\/p><\/li>\n

  3. Place \"\" in one of your templates to provide the resizing links on your website.<\/p><\/li>\n

  4. Go to your style.css file and assign a font-size of 10px to the body element of your website: \"body {font-size: 10px;}\".<\/p><\/li>\n

  5. This is the most IMPORTANT step: All other font-size values in your stylesheets must be RELATIVE values (like \"p {font-size: 100%;}\"). Only elements with text that you want not to change its font-size at all must have an absolute value.<\/p><\/li>\n<\/ol>\n\n\n

    Not yet available.<\/p>\n\n\n

    Version 1.0<\/p>","raw_excerpt":"The plugin is a jQuery supported font resizer script that offers three links to change the font-size of your WordPress weblog.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/6594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=6594"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/devolux"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=6594"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=6594"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=6594"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=6594"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=6594"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=6594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}