Energie solaire: Tebboune ordonne le lancement du projet de réalisation de 1.000 mégawatts    L'agression sur les trains "inadmissible", poursuites judiciaires contre les auteurs    Le Front Polisario appelle l'UA à la mise en œuvre de ses résolutions    L'APLS mène de nouvelles attaques contre les forces d'occupation marocaines    Liga : Le Barça ejecté de la course au titre    Ouverture des frontières : Cinq vols quotidiens à partir du 1er juin    L'UNPA dénonce avec fermeté l'agression de l'occupation sioniste contre le peuple palestinien    Début du retrait des convocations aux examens du BAC et du BEM    Garde à vue « probablement » prolongée pour la journaliste Kenza Khetto, selon Radio M    Arsenal : Vers le come-back de Ramsey    Coronavirus : 117 nouveaux cas, 108 guérisons et 8 décès    Ligue 1: Le programme des rencontres de la 21ème journée    Allez Chabab zoudj !    Distribution de 3 018 logements AADL après 20 ans de retard    La réouverture des frontières au menu    Aïn Hammurabi de Abdellatif Ould Abdellah : évocation innovante de la mémoire de sang perdue    Des Journées du film norvégien à Alger    La Chine pose son rover sur Mars    "Non, ce n'est pas un problème d'hygiène de vie"    "NOUS SOMMES DANS UNE SITUATION DE SECHERESSE ALARMANTE"    Nouvelle opération de déstockage    Un mort et 37 blessés à Béjaïa    Les syndicats menacent de boycotter l'entrevue    Situation stable dans les hôpitaux    Eternels atermoiements    Les Kabyles en conquérants    Le MCA jouera sa saison à Casablanca    Marché du livre : Des mesures d'encadrement présentées au gouvernement    Prix Ali-Maâchi du Président de la République : Appel à candidature    Ahcène Mariche. poète et auteur : «Mes livres sont des supports didactiques»    Législatives: l'ANIE réitère son engagement d'accompagner les candidats    Restaurants fermés après l'Aïd : Service minimum pour la capitale    Le Conseil de la nation prend part à la session du printemps de l'Assemblée parlementaire de l'OTAN    L'extrémisme des états    Gaza brûle...    Israël et l'effet boomerang    Dréan: Déraillement d'un train de transport de minerai    Le casier 2 du centre d'enfouissement en feu depuis une semaine: La population des localités environnantes suffoque    Bilan des différents services des UMC du CHUO: Plus de 57.000 consultations et 10.303 hospitalisations au premier trimestre    Les (mauvaises) manières du «discours»    «L'Algérie a une chance d'engager le changement»    Vers une seconde conférence internationale    Deux millions de Palestiniens affectés par les attaques    Les causes d'une déconfiture    L'Anie sous haute surveillance    Le bouclier juridique    20 millions aux préparatifs de la saison estivale    «Ecrire en langue Tamazight est un devoir»    







Merci d'avoir signalé!
Cette image sera automatiquement bloquée après qu'elle soit signalée par plusieurs personnes.





Headings & Images align post
Publié dans Le Quotidien d'Algérie le 17 - 09 - 2000

OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box, this creates a shortcode which then in turn wraps the whole thing in a div with inline styling! Maybe one day they'll be able to use the figure and figcaption elements for all this. Additionally, images can be wrapped in links which, if you're using anything other than color or text-decoration to style your links can be problematic.
The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You'll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.
Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.
And then… Finally, users can insert a WordPress
, which is kinda ugly and comes with some CSS stuck into the page to style it (which doesn't actually validate, nor does the markup for the gallery). The amount of columns in the gallery is also changable by the user, but the default is three so we'll work with that for our example with an added fouth image to test verticle spacing.
This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link. It is also worth noting in the « kitchen sink » view you can also add underline styling and set text color with pesky inline CSS.
Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
And last, and by no means least, users can also apply the Address tag to text like this:
…so there you have it, all our text elements


Cliquez ici pour lire l'article depuis sa source.