Hidden#1 – HOW TO DO STUFF

HIDDEN#1 – HOW DO DO STUFF

How to do the main pic & text stuff

Also see yellow notes from Greg’s tutorial. 220402. At very bottom of this there’s some extra notes about where things are in WordPress.

GETTING THESE LAYOUTS

‘+’ – BOTTOM OF SELECTION BOX (IN BLACK BOX) – ‘BROWSE ALL’ – ‘PATTERNS’ – SCROLL DOWN TO ‘CMLAYOUTS’ – PICK LAYOUT.

ADDING PICTURE – ‘REPLACE’ – GO TO ‘MEDIA LIBRARY’ OR ‘UPLOAD’

ADDING TEXT – START WRITING. PRESETS FOR FONT, BOLD, ETC. GREG HAS SET UP.

CHANGE TEXT BOXESADVANCED TEXT VS. PARAGRAPH – TOP LEFT OF MENU BOX THAT POPS UP WHEN YOU SCROLL IN HERE: CLICK ON ‘|P’ AND SWITCH TO ADVANCED TEXT – OR VICE VERSA. ADVANCED GIVES YOU MORE CONTROLS – FONT TYPE, SIZE, ETC. PARAGRAPH JUST GIVE YOU THE BASICS.

ADVANCED IMAGE – THIS IS THE DEFAULT GREG PUT IN FOR ALL THE LAYOUTS, DON’T USE THE PLAIN ‘IMAGE’ ONE (25/50/75%, ETC.) HAS FEWER CONTROLS.

GENERALLY: LEAVE EVERYTHING AS IT IS HERE, THE WAY GREG SET IT UP.

LEFT THIS HERE CUZ THE ANSWERS ARE IN THE QUESTIONS, SO WILL JOG THE MEMORY.

FOR PICTURE RIGHT ABOVE : – ‘REPLACE‘ = CHOOSE/CHANGE/ADD NEW – CORRECT? INITIAL PIC SETTING = ADVANCED IMAGE – HOW DO YOU CHANGE THE SIZE? WHY NOT JUST ‘IMAGE’? – IF YOU CHOOSE THAT ONE, YOU SEEM TO GET MORE CONTROL OVER THE SIZE (IE: THE 25/50/75/100% BOXES; THE WIDTH/HEIGHT PIXEL SETTING. WHAT IS THE ‘FIXED RATIO’ TOGGLE? IT’S OFF IN ‘ADVANCED IMAGE’, BUT ON IN ‘IMAGE’? ‘ALT TEXT’. ‘TITLE ATRIBUTE’ – WHAT ARE THEY? DO THEY SHOW UP? OK TO IGNORE? LINK & CAPTION SETTINGS – WHAT FOR? REST OF THE SETTINGS LOOK ‘BELLS AND WHISTLES’ – OK TO IGNORE? ‘40PX‘ – IS THIS LIKE ADDING ‘PADDING’? ‘VERTICAL DIVIDER – 35/65 SPLIT = DEFAULT, BUT OK TO MAKE ONE SIDE BIGGER/SMALLER?

HOW TO MAKE THIS TEXT SIT AT THE TOP/MIDDLE/BOTTOM WHEN PIC IS RIGHT OR LEFT:

CHOOSE THE ‘SECTION BOX’ (ICON =DARK&MEDIUM BLUE PORTRAIT BOXES INSIDE THIN BLUE BOX) TO LEFT OF COMMANDS (BOLD, ETC).. then middle column of choices & pick top one -‘square with thick black bar at top’, that gives you top/c/b, etc.

UNDERSTANDING PARAGRAPHS:

PARAGRAPHS WORK THE SAME AS ALL THE BLOCKS, BUT NOT AS OBVIOUSLY VISIBLE, YOU CAN’T SEE THE ‘BLUE BOX’ AROUND IT WITHOUT FIDDLING:

THIS PARAGRAPH IS IT’S OWN BLOCK, BUT DON’T SEE THE BLUE BOX AROUND IT UNTIL YOU MOVE THE CURSOR TO THE BOX WITH THE ‘BOLD, MOVE UP/DOWN COMMANDS.
YOU CAN CHOOSE THEM (BOLD, ETC.) FOR INDIVIDUAL WORDS HERE – SEE RIGHT BELOW.
EXAMPLE: dfsaafasdfasdfsdfsdfdasfadsfds. cxvbcxbcvb

THE ‘DOWN CHEVRON’ AT THE VERY BOTTOM OF THE MENU BOX THAT SHOWS UP GIVES YOU MORE FONT COMMANDS – ‘HIGHLIGHT’ ETC.

THIS ONE YOU’RE READING = SIMPLE PARAGRAPH – SEE COMMANDS ON RIGHT.

TO GET MORE COMMANDS, SWITCH THIS TO ‘ADVANCED TEXT’ – CHANGE TEXT BOXESADVANCED TEXT VS. PARAGRAPH – TOP LEFT OF MENU BOX THAT POPS UP WHEN YOU SCROLL IN HERE: CLICK ON ‘|P’ AND SWITCH TO ADVANCED TEXT – OR VICE VERSA. ADVANCED GIVES YOU MORE CONTROLS – FONT TYPE, SIZE, ETC. PARAGRAPH JUST GIVE YOU THE BASICS.

IF YOU SWITCH TO ‘ADVANCED TEXT’ FROM ‘PARAGRAPH’ YOU’LL GET THE DEFAULT FORMATTING FOR ADVANCED TEXT SO WILL NEED TO REFORMAT IF YOU ALREADY HAVE TEXT IN THERE IE: IT WILL GO BOLD, ETC. – TO CHANGE THIS: SELECT ALL, USE ‘FONT SIZE SLIDER’ SO FONT=14 – ‘ADVANCED TYPOGRAPHY’ SETTINGS – ‘LINE WEIGHT’ – SWITCH FROM ‘INHERIT’ (DEFAULT) TO ‘NORMAL’ – DON’T NEED TO CHANGE ANYTHING ELSE IT SEEMS.

IMPORTANT!! IF YOU USE ‘PARAGRAPH’ OR ‘ADVANCED TEXT’ BY THEMSELVES (NOT PART OF A CMLAYOUT) YOU CAN’T CHANGE INDIVIDUAL WORDS TO DIFFERENT FONTS, SIZES, ETC. YOU HAVE TO ‘HIGHLIGHT A WORD’ CHOOSE ‘HIGHLIGHT’ FROM ‘CHEVRON MENU’ THEN YOU CAN CHANGE THEM, BUT EVEN HERE, CAN’T CHANGE FONT – IT CHANGES THE WHOLE THING. TRUE OF BOTH ‘ADVANCED TEXT’ AND ‘PARAGRAPH IT SEEMS. THE ‘HIGHLIGHT’ THING IS A HASSLE.

UPLOADING VIDEOS

USE ‘TEXT BELOW BOX’ LAYOUT (GETS IT CENTRED) – ADD IN USUAL WAY – GET ‘+LINE’ BELOW THE PIC BOX – EITHER ‘VIMEO’ WILL BE THERE OR IN SEARCH TYPE ‘VIMEO’ – BOX IS ADDED – DELETE PIC BOX ABOVE – COPY URL FROM VIMEO (ON VIMEO, THEIR ‘EMBED’ COMMAND DOESN’T ALWAYS WORK SO USE ‘ACTUAL URL’.

HOW TO PUT UP & USE ‘ADVANCED GALLERY’

THIS IS THE DEFAULT GALLERY GREG SET UP. DON’T USE THE ‘PLAIN GALLERY’

ADD ‘LAYOUT’ – UNDER ‘IMAGE BOX’ SELECT ‘BLUE. +’ (DON’T DELETE THE IMAGE BOX UNTIL LATER!!!!) – PICK ‘ADVANCED GALLERY’ – THEN DELETE THE ORIGINAL ‘IMAGE BOX’

YOU’LL GET SOMETHING LIKE THE VIMEO LOOK UP ABOVE. YOU WON’T SEE THE GALLERY SETTINGS INITIALLY. – ADD IMAGES – THEN THE GALLERY SETTINGS TURN UP ON THE RIGHT.

NOTES TO USING:
STONE MASON – GOOD FOR LANDSCAPE, MIX OF P & L. FOR ALL VERTS THO, BE CAREFUL: THEY DON’T MATCH EXACTLY – ONE WILL BE SHORTER.

GRID – WORKS WELL, MAYBE USE FOR ‘ALL VERT’ GALLERY – THEY WON’T SHOW AS VERTS UNTIL YOU CLICK ON THEM (THEY LOOK LIKE LANDSCAPES) BUT VERT POPS UP THEM – WORKS OK

SLIDER/CAROUSEL – WORKS WELL, BUT WATCH: THE CHEVRONS SHOW UP ON THE PICS WHEN YOU USE THEM.

!!! FOR SINGLE IMAGE THAT YOU WANT TO BE ABLE TO ‘ENLARGE’ – USE THE ‘PLAIN SLIDER’. CAN ENLARGE THE PIC AND NO ‘BUTTONS’ TURN UP BECAUSE THERE’S ONLY ON PICTURE.

CAN CHANGE ORDER OF PICS BY CLICKING ON THE ONE TO MOVE AND USING ‘BLUE COMMANDS’

CHANGING SIZE OF PIC – ABOVE ONE IS SMALLER

GENERALLY, DON’T DO THIS, SPECIAL USE ONLY. CAN BE DONE IN ADVANCED IMAGE OR BASIC IMAGE

ADD THE PIC, ETC. – SINCE THE PIC WILL BE SMALLER IN THE ‘BLUE BOX’: FIRST: SET LEFT/CENTRE/RIGHT (WON’T WORK IF YOU DO IT LATER) – USE ‘MAX IMAGE WIDTH’ SLIDER TO GET THE SIZE.

IF YOU DON’T SET THE ‘CENTRE’ FIRST, WILL GET A BIT SCREWY – NEED TO CHANGE IMAGE SIZE, TURN OFF ‘RATIO’ THING, WHICH MAKES IT HARDER.

CAN DO IT WITH BASIC IMAGE AS WELL, 25/50/75% COMMANDS IN THERE, BUT THE ONE GREG SET UP IS EASIER.

IF YOU ADD A VERT AND IT COMES OUT LIKE THIS….

ADVANCED IMAGE DEFAULTS TO HORIZONTAL & 16:9 FORMAT SO SWITCH TO PORTRAIT 2:3 AND THEN USE THE ‘MAX IMAGE WIDTH’ SLIDER – MAKE WIDTH SMALLER IF NEED TO, ETC.

WILL COME OUT LIKE PIC BELOW.

THIS IS THE RESULT FOR ABOVE





Can use the ‘plain image’ – the ‘styles/default/round/25%to 100% thing but a bit more fiddly. Works okay, though.

PARAGRAPH & CHANGING SPECIFIC WORDS: BELOW IS THE EXAMPLE.

ASDFSDFSDFSADFSFSDFSFFSF. ASDFSDFDDSFDS. SDF. FGHDG. DFGAFTRG.

YOU CAN USE BOLD, UNDERLINE AND ITALICS. YOU CAN ALSO SELECT THE WORD – ‘DOWN CHEVRON’ IN MENU BOX – HIGHLIGHT (USE THE LETTER ICON NOT THE PEN) AND YOU CAN CHANGE THE COLOUR OF THE FONT – COLOUR BOX COMES UP, CLICK ON THE CHECKERBOARD AND CHOOSE.

YOU CAN’T CHANGE INDIVIDUAL WORD FONT SIZE THOUGH. THE YELLOW TO THE RIGHT IS THE ‘HIGHLIGHT PEN’ OPTION.

SADSDFSDFSDFSDSDFSD – THIS IS THE ‘KEYBOARD INPUT’ OPTION A BIT BELOW HIGHLIGHT. THE GREY DOESN’T SHOW UP ON THE PAGER. THE FONT STAYS AS IS THO, SO MAY BE ABLE TO CHANGE THE FONT YOU’RE USING ON THE PC TO THE ONE YOU WANT HERE ON THE PAGE AND THEN USE THIS OPTION – NOPE, DOESN’T LOOK LIKE IT WORKS, PICKED DIFFERENT FONT IN WORD BUT GOT NO CHANGE. STILL, IT IS ONE OPTION.

IMPORTANT!!! DON’T THINK YOU CAN DO MORE THAN THIS IE: CAN’T DO IT LIKE BELOW WITH ADVANCED TEXT.

ADVANCED TEXT & CHANGING SPECIFIC WORDS: BELOW IS EXAMPLE

THIS BIG BOLD IS THE DEFAULT.
BELOW IS THE EXAMPLE:
L;KJLJLJLJK;LJK. LWEREW. ERETT LKJL;J;LJK;LL; DFG
SO, SELECT WORD – ‘DOWN CHEVRON’ – HIGHLIGHT (LETTER ICON NOT THE PEN) – CHOOSE THE COLOUR (PICK BLACK TO MATCH THE MAIN TEXT UNLESS WANT A DIFFERENT COLOUR) – YOU MUST DO THIS FIRST!! OR REST WON’T WORK. THEN: ON THE RIGHT – ‘HIGHLIGHT SETTINGS’ – PICK FONT SIZE, FONT. WORD WILL CHANGE (ABOVE: COMIC SANS AT 60PX)

IMPORTANT!!! – YOU CAN ONLY HAVE ONE SETUP PER ‘ADVANCED TEXT BLUE BOX’ – THAT’S WHY ‘LWEREW’ & ‘DFG’ ARE THE SAME. THE WHOLE THING IS CLUNKY, BUT COULD GET YOU THROUGH.

ICON LIST – Below is an icon list – see contact page
1. ‘+’ – type ‘icon’ and the ‘icon list’ option will show, select it. ‘checkmark’ below is default
2. Edit icon list – go to icon – on right menu, select ‘individual list items – settings’ (3rd option down)
3. Pick the icon number you want to change (i.e.: #2 below changed to ‘right arrow’) – this is right below the ‘link’ option, show the icon that is currently listed, choose dark grey box with arrow to see other options.
4. Type what it is or add link – in menu above the blue box, two below ‘bold’
***** the one here is for the falling rain Instagram link*******
5. i.e.: ‘add link’ – copy url. It will show up just like below.
6. to get it like the next one down, ‘FRS’, click on the link – box opens with option for text and url. Both will have the URL. Delete the URL in text and put in what you want, i.e.: FallingRainStudio ….. Leave the URL in the ‘URL box’
7. Hit RETURN, then UPDATE