Virginia Tech Themed WordPress Templates
Contents
1. Blog Index Remove Template To edit this layout remove the template from this layout Zia blogs lt vt edu scottm1Otest2 2visual caita true amp visual editor mode grid amp ve layout index x layout selector pages container P a RPM d E Pe v ull d 5 7 2014 2 Click OKc on the popup that appears AE Visual Editor Saving x w N EIEI EHE UT DLE TUE A UU UM ED OL EU RI UE DLE DLE SR L MEE Ged e gt GN blogs It vt edu scottm 10test2 visual editor true amp visual ed tomm mem d amp ve layout inde Q y H ABP a 5 zz Grid Design The page at blogs It vt edu says inum IE Are yon sure you want to remove the template from Blog Index To edit this layout remove the template from this layout E P SA LE PEU 3 Congratulations you have now removed the template from your site Remember to Save any changes 17 Page Exporting a Skin 1 Click the Design button at the top left blogs It vt edu scottm10test2 visual editor true amp visual editor mode x Design Blog index Add Fluid Wrapper D Add Fixed Wrapper Instruction Site Hello world Powered by Headway the drag and drop WordPress theme Copyright amp 2014 Instruction Site Width 940px Min Height 7 ceri tese CLT TOA A E O EE UE E TE a LE EB Administration Pane Go To Top 2E Ha OM 5 7 2014 IS Page 2 Expand the bottom pane by pressing the arrow at the bottom left y _ Vi2. Sampie Pape Import Layout ESE DR i o eco e E i MAA TES be Ha es bo TT TOP TT No widgets lle content in this block Add widgets to this sidebar in Widgets panel under Appearan the WordPress Admin Select File amp import sa4ashes nahkeasdanhesdas a 9 pu gt 1 1 the site outside ofthe Export Current Layout Powered by Headway the drag and drop WordPress theme Administration Panel Go To Top Copyright 2014 Instruction Site Y Show all downloads X Headway Layout B json ESI _ A lm amp 7 31 PM EI TO D 5 7 2014 4 Congratulations you now have a layout file that you can give to others or use a backup 23 Page Using a Child Theme on Eclipse To use a child theme on Eclipse follow the steps below 1 Loginto the local Wordpress on your machine The bitnami local servers can be downloaded through https bitnami com y Dashboard adminblog x 1 c LO X eS Q 5 127 0 0 1 wordpress wp admin Y HI Apps CJ Manga 7j novels DJ music CS4104 Data and Al Dashboard lt adminb Q A start to Visual Nov 5 unity www workout calen C Other bookmarks amp adminblog 9 gi New Eclipse 2 Options Howdy mattngoo Screen Options Help Dashboard WordPress 3 9 is available Please update now Home Dashboard This theme recommends the following plugin Responsive Add Ons Begin installing plugin Dismiss this notice Comments Welco
3. Virginia Tech Themed WordPress Templates Project Name VTwordpress Group Members Matthew Ng Scott Magee Ken Pham Client Jennifer Sparrow CS4624 Virginia Tech Table of Contents Executive SUMIMALY 699 SG ARE UEE VOD Dae TERU QU E USE T GO Qaa PERO Ur s Ur GE 3 BE ACIE cr Ge do SE ED EG ee ED Se ee 5 Developer s Manual GE GE GE Ge ad qudd M NE RUDI NM ee Die 29 Lessons ear ed ss ass SS ER SG Re DE SG Ge GR EG N GR S De 30 Acknowledbeemenis ss ED E EE UM wees suet NU De ED UE ED Ge 3l Relereiie sides GE OE ER DIM PEDE a ED OG ER DE EG GED GE OE ED VUE RESCUE URS 32 2 Page Executive summary Virginia Tech has a WordPress instance available for blogging for VT students faculty and staff They have installed several commercial themes that allow for variety of customized blog sites However they do not have any themes that are developed in line with the Virginia Tech Style Guide Specifically the colors and the general layout should be similar to what 1s available 1n the university s current guideline This project would be developing these themes that could be made available for faculty and departments Our project deliverables are three Virginia Tech customized themes with all themes using a drag and drop feature Drag and drop is a feature that allows the user to select a virtual object such as textbox links video etc and drag it into the theme layout This allows for a more intuitive and easier interface for e
4. What s on your mind WordPress 3 8 3 running Child of Eclipse theme 127 0 0 1 wordpress wp admin themes php 3 Click on the Add New button to download the Eclipse theme 24 Page 4 Search for Eclipse and download th y Install Themes adminblc x 5 6 0eenChoecow N B d Q D 127 0 0 1 wordpress wp admin themes php Apps CJ Manga 7j novels 7j music CS4104 Data and Al Dashboard c adminb Q A start to Visual Nov CJ unity E www workout calen adminblog P Dashboard Posts 1 Media Page Comments JM Appearance Themes TER Users Tools Settings 127 0 0 1 wordpress wp admin theme install php p New Eclipse 2 Options WordPress 3 9 is available Please update now Themes This theme recommends the following plugin Responsive Add Ons Begin installing plugin Dismiss this notice Active Child of Eclipse Customize Child of Twenty Twelve Popular Science e Eclipse theme LS Update Available Eclipse Eclipse Twenty Twelve dy o z CJ Other bookmarks Howdy mattngoe Q 3 127 0 0 1 wordpress wp admin theme install php tab search amp s Eclipse amp searc Ww Oz HI Apps CJ Manga J novels 7j music CS4104 Data and Al Dashboard c adminb Q A start to Visual Nov CJ unity E www workout calen CJ Other bookmarks i adminblog gi New Edipse2 Options Howdy mattng09 2 Help f Dashboard
5. WordPress 3 9 is available Please update now Posts ore Install Themes Pages This theme recommends the following plugin Responsive Add Ons Comments Begin installing plugin Dismiss this notice P Appearance Search Search Results Upload Featured Newest Recently Updated Themes Keyword v Eclipse Search iter ore Themes Activate Add Ons Theme Options Eclipse By cyberchimps Update Preview Details Y Once it has finished downloading Click on the themes tab to the left to make sure that the Eclipse theme has been downloaded To create a child theme find where your themes are stored Our themes were stored in C BitNami wordpress 3 8 1 1 apps wordpress htdocs wp content themes Next create a new folder called ChildofEclipse 25 Page n N E X Em a p Libraries wp content themes a Search themes B DI Duri o ll Organize Open Share with Burn New folder Hr Favorites wp content library Arrange by Folder themes Libraries Name Date modified Type Size tall Desktop Documents al Music zs EL li Pictures eclipse 3 20 2014 1 12 PM File folder spang 2014 Ji twentyfourteen 3 1 2014 3 08 PM File folder B Videos di twentythirteen 3 1 2014 3 08 PM File folder al We contin di twentytwelve 3 1 2014 3 08 PM File folder E index php 4 15 2009 3 57 PM PHP File i childofeclipse 4 1 2014 8 55 PM File folder i childoftwentytwelve 3 3 2014 1 59 PM File folder ed Homegroup
6. B Li m di CC LEE Mn II Editable Template a Atthe top of the screen hover over tools Select Grid Wizard from the drop down menu Verual Editer Bleg index x amp blogs Itvtedu mills TANI is P ER ie ai di HOG PM Il5 Page b Ensure you are on the Clone Existing Template page c blogs Itvtedu ortus Instruction Site luct satihec Bogei T See Grid Wizard Heme Somme Pepe Ho widgets e cime nma rmn Ai waigets 9 fos peleta v Powered iy hesd wer n drap ang ame Want ss nets ige nier lace als TO Cong 2614 matructon Sts c Select the template you wish to clone from the drop down list ree press Clone Layout Q blogs Itvtedu ti ja j i ort4 sz Instruction Site Jus anddhar piogaghvT Sus dite Grid Wizard am widgets uta kise Pj Fe wed vy Heimar fbr digg ang dine Este aa ede impnminsip Mey Me Te TES Copymgnt 2914 FREE Em d Congratulations you are now using a template of your choosing EE can m edit it without worry Remember to save your changes 16 Page Removing a template 1 Click Pages at the bottom of the left hand pane Then press the Remove Template button at the top of the pane y jVisualEditor Saving X gt E D blogsltvtedu scottm 4 7 i z HENCE ic P mei 4 AN CM A y Otest2 visual editor true amp visual editor mode qrid amp ve layout index Qs fal m a 1 Blog Index Grid ay Design
7. was able to do and we thank you all for giving us an opportunity to start something that one day will be used 3llPage References Cyberchips 2014 Retrieved March 7 2014 www cyberchimps com Virginia Tech 2014 University Style Guide Retrieved March 7 2014 http www branding unirel vt edu style guide index html Headway 2014 Retrieved March 14 2014 www headwaythemes com 2014 Retrieved March 7 2014 http www lynda com W ordPress training tutorials 330 0 html 32 Page
8. Ll Computer ng E TIL05809WOD C s childofeclipse Date modified 4 1 2014 8 55 PM d File folder 7 Create a new css file we used notepad but anything works as long as the format is a css file called style css c Eks Ww m Libraries wp content themes childofeclipse A Search childofeclipse D p Organize Ei Open Burn New folder t Favorites 5 wp content library Arrange by Folder childofeclipse Libranes Name Date modified Type Size tall Desktop Ed id b images 4 1 2014 8 49 PM File folder d Music style css 4 1 2014 9 08 PM C55 File Pictures sil spring 2014 BE Videos tall wp content ed Homegroup Ll Computer E TI105809WOD C style css Date modified 4 1 2014 9 08 PM Date created 3 20 2014 5 29 PM CSS File Size 700 bytes 8 Open up the css file to edit The first thing that should be done is creating a header up top that states the information about the css file 26 Page File Edit Search View Encoding Language Settings Macro Run Plugins Window H ec amp BARRIE RT x xi S TE B ED E Theme Name Child of Eclipse Description VI child theme Author Matt Scott Ken Veraion 0 0 1 lemplate eclipse CA om OF aum C BA op a H D un length 700 lines 41 Ln 1 Col 1 Sel 0 0 Dos Windows ANSI as UTF 8 9 E 10 Next the actual eclipse style sheet needs to be imported into the current css file
9. UU RE UR HUNE HERE T UAE EE UR UE IUE SEE ESI c blogs it vtedu i test tort Ho sos LET TE bloed Pit aileen est had este seer modes r EUN GU i a AE 7 der X nr P LJ ndi E 4 sipna lOlPage Instruction 5ite Hello world NO WIDGETE ppt 1 After clicking skins ensure that you are on the import section by clicking the button Instruction Site Overwrite S30 1 11 R5 Ka 5 IM J o Sk n Layoui Tempisies lt TT amp 42 PM RER X Me 4 E NI 12 Ensure that both the Overwrite Live CSS with Skin s Live CSS and Include Skin Layout Templates boxes are checked and press the Select File amp Apply Skin button lilPage 13 Navigate to where you stored the file with Headway Skin in the name and select it t d o Tutorial Old Layout Organize v New folder wt Fevontes a Desktop ig Downloads Recent places Headwey Layout Old VT theme json Headwey Skan Old VT Slan son fl OneDrive ej Homegroup m Scott Magee M This PC dim Desktop 4 Document i Downloads wi IN File name Headway Skin Old VT Skin joe D All Files i uc EU aae SM 14 Aftera moment you should see a popup in the upper right hand corner telling you if the skin successfully imported If so press the save button in the upper right corner 15 Refresh the page 16 Congratulations you have successfully imported and are now using a custom sk
10. able inspector Include Live CSS HeadwaySkin Tes json 7 Showalldownloads X jn 7 27 P a Pe WE aul 4 K 5 7 2014 6 Congratulations you have created a new skin file to send to others or use as a backup 21 Page Export a Template 1 Ensure you are on Grid View If not press Grid at the top left Hover over Tools at the top of the screen Select Grid Wizard from the Drop Down Menu fO cente N MNR ND RENE BUNTE RU A EH TA IUE CE ENIM EIE RI D blogs Itvt edu scottm10test2 visual editor true amp visual e e HT Grid x Design Blog Index Blog Index Add Fluid Wrapper E Add Fixed Wrapper El gt 3 gt Add Fluid Wrapper os Add Fixed Wrapper EJ LI ie NEM Z AE 2 Click Import Export on the left side of the popup menu y _ Visual Editor Blog Index x W xX 2 C blogs It vt edu SC xttm1C test2 sual editor true amp visua ed tor mode gr d amp ve ayout index amp ve layout inde l S ye ABP OG HT Mer Pa Blog index Preview Save Blog Index No widgets Add widgets to this sidebar in Widosts panel under Appeara the WordPress Admm Note When you browse Select File amp import Export Current Layout ing the ste outside of the Download Export File i Pages Setup d 22 Page Blog Index Instruction Site Just another Blogs VT S XXIII 1524 2 28 2 2 12 02 tee al eel deed MR di do MEN id 1 tane
11. alkthrough of the process in creating child themes through the eclipse theme and headway theme We showed out clients the three fully made templates together with the instructions on how to import and apply the templates to future websites We hope our project will make a good impact on the Virginia Tech blogging community Currently the university wide blogging platform has over 1600 individual users A high growth rate is expected as faculty adopts the platform for personal Virginia Tech affiliation websites As a result our pre made templates would allow TLOS to market WordPress to a larger university 3 Page audience and ensure that future websites adhere to Virginia Tech Design guidelines to create a uniform look 4 Page Users Manual All screen shots accompany the immediate text above the screen shot Using a Child Theme on Headway To use a child theme on Headway follow the steps below 1 Go to your Virginia Tech WordPress dashboard TG De 2 EG D blogs Itvtedu scottm10 wp admin about php x tei BEA MySites Dashboard Posts 2 Media Links J Pages yg Comments Videos Headway 3 5 10 Appearance Plugins Users Tools Zl Settings BackupBuddy Syndication Zotpress TestSite E New Headway Welcome to WordPress 3 8 3 Thank you for updating to WordPress 3 8 3 the most beautiful WordPress yet What s New Credits Freedoms Maintenance and Secur
12. developer wishes to continue this project not much information on what we did is required Only knowledge of how to create child themes use CSS and use PHP To create themes for Headway most of the required information 1s contained within the user manual 29 Page Lessons Learned We had learned many things through this project We had encountered problems learned about problems tried to fix the problems and gained new experience with Wordpress and the like The first problem we encountered was the canceled meetings These meetings were crucial to us as it allowed our group to show our clients the progress we made This allowed for our clients to critique our work to tell us what changes must be made and what else must be added To word around this our group decided to model our templates as close to the www vt edu website and the http www cs vt edu undergraduate courses website since these two best display the new style of the VT website look and the old style of the VT website look What we learned from this was to stick to schedule on our end and still complete templates as we were supposed to Even if we could not get our clients to look at our progress we compared our theme with the current sites mentioned above to get as much of an accurate theme as we could Another problem we had encountered was learning the Eclipse theme Although the parent theme looked very promising in creating a child theme it was hard for us to find informat
13. diting themes Our client 1s Dr Jennifer Sparrow Sr Director Networked Knowledge Ventures and Emerging Technologies Technology enhanced Learning and Online Strategies TLOS Dr Sparrow also introduced to us Crystal Farris and Brian Broniak who would also be working with us on this project After our first meeting with our client they requested a template similar to the www vt edu website This is to present a more unified look across the university So for our first theme we created a template based on the Eclipse theme in WordPress We changed the layout and color to match the www vt edu website For our second template we decided to use a VT Wordpress provided theme We decided to use the Computer Science courses website to model the template and after looking at the available themes we decide to use Headway to create the child template After much consideration and research we decided to redo our first eclipse child theme in headway For the tools we had at hand we used BitNami a WordPress client together with NotePad and Google Chrome Developer tools For the second template we used the VT WordPress Blog and Headway visual editor The developer languages we used were HTML for the design of the web template PHP for the functionalities such as index posts images etc and CSS for creating the style of the web template After creating the three templates we met with our clients to give a presentation We gave our clients a w
14. in order to start modifying the file Type import url eclipse style css as the first line of code Encoding Language Settings Macro Run Plugins Window ar E M usBisdUum 29 Ch ta l RRI Yv Een Gg F3 ej AAR E Theme Name Child of Eclipse Description VI child theme Author Matt Scott Ken Version 0 0 1 Template eclipse f jH ca Bimport UE Ec paer at yle caan length 700 lines 41 Ln 11 Col 1 Sel 36 0 Dos Windows ANSI as UTF 8 1 Next in order to make modifications look through the actual style css file in the parent Eclipse theme to find what changes you want to be made 27 Page PUTA E d k Libraries wp content themes eclipse Organize New folder wp content library eclipse ir Faworites Libraries tall Desktop Documents al Music i Pictures spring 2014 BE Videos tall wp content Mame H nniagespip Lj index php Lj no results php page php readme txt screenshot png Lj search php __ searchform php rj sidebar php sidebar left php L4 sidebar right php single php _ style css style css Date modified 3 20 2014 5 29 PM C55 File Size 25 3 KB ed Homegroup IL Computer amp TI105809WOD C 12 To make modifications in the child themed template type in the style name that needs to be changed and add in the changes that need to be f e CABitNamiwordpress 3 8 1 File Edit Search View Encoding Language Settings Macro Run Plugi
15. in with the Headway Base theme I2 Page Saving a layout as a template 1 Click templates on the bottom of the left hand pane FO ee val Ee BUE LITT RIEN eed IUE oe eo Rd IRI T T PUERILIS ERI itor mode grid ive layout inde EATE tor truedcGvisual editor mode gridGve layout index gt Q blogs ltvtedu scottm10test2 2visual ed Grid 5 Design Blog Index Blog Index Add Fluid Wrapper 53 Add Fixed Wrapper fei Instruction Site isual editor true amp visual editor mode grid amp ve layout index layout selector templates container 7 01 PM Li E e EI y d LEE 5 7 2014 Click in the Template name box next to the Add Template BURON Type a name for your template Press the Add Template Button y j Visual Editor Blog Index X Won 2 GN blogs It vt edu scottm 1 Otest2 visual editor true amp visual editor mode Blog Index Design Add Fluid Wrapper IS Add Fixed Wrapper Fi nstruction Site est Templatel Templates Setup Grid EH EE Von 3 Congratulations you have successfully saved your layout as a emohi 13IPage Using a Template I Non editable a Go to the templates section at the bottom of the left hand pane nnm Eer a NNI zi 14 Page c Congratulations you are now using a non editable template Remember to save your changes Poe oe ii OE dd ie EU GNE IRI RUE EE RETI UE LE 8 G blogs It yt edu na ssz Se HT e
16. ion about modifying the CSS The first action we took as a group was jumping into the Eclipse template to try to experiment with the CSS file We had trouble correlating what names belonged to which section on the website The makers of this theme cyberchimps com has a website and forums that we looked through and after some time we were able to understand parts of the Eclipse theme layout that we had not before It had also helped that we had access to Lynda We used videos from www Lynda com to learn about Wordpress and how to create child themes and make other modifications as we needed What we learned from this was that we should identify the different file before we make changes and we should write our own comments inside the parent theme file to help us understand what parts of the CSS file did 30lPage Acknowledgements I would like to thank the various people involved with this project Jennifer Sparrow innovation Q vt edu Brian Broniak bbroniak vt edu and Crystal Farris farrisc vt edu for creating this project and giving our group guidance and information that have allowed us to create themes to the best of our abilities in the time allocated to us We would also like to thank Dr Edward Fox fox vt edu for introducing this project to our group in allowing us to create something that we hope will have an impact on the Virginia Tech online community Without any one listed here our group would not have been able to do what it
17. ity Releases Version 3 8 3 addressed 2 bugs For more information see the release notes Version 3 8 2 addressed some security issues and fixed 9 bugs For more information see the release notes Version 3 8 1 addressed 31 bugs For more information see the release notes Introducing a modern new design om c wordpress org wp admir A My WordPress Ste Wi 1 New Howdy Maggie E Dashboard Dashboard WordPress 3 8 running Twenty Fourteen theme At a Glance Quick Draft p 237 Posts N 5Pages ao W 428 Comments Te 1 in moderation Pe tB aul o v 6 19 PM 5 7 2014 SIPage 2 Under D o select Themes dminy fabout php H d a wp e Headway Howdy scottm10 MI Welcome to WordPress 3 8 3 Thank you for updating to WordPress 3 8 3 the most beautiful WordPress yet f MySites TestSite E New Dashboard ee What s New Credits Freedoms Comments Videos Maintenance and Security Releases Headway 3 5 10 Version 3 8 3 addressed 2 bugs For more information see the release notes essed some security issues and fixed 9 bugs For more information see the release notes essed 31 bugs For more information see the release notes Introducing a modern new design BackupBuddy GET wordpress org wp admir Syndication My WordPress Site i Ne Howdy Maggie E Zotpress Dashboard At a Glance Quick Draft p 237 Posts N 5Pages NL 4 Dashb
18. me to WordPress Appearance We ve assembled some links to get you started Me ide Get Started Next Steps More Actions E write your first blog post Manage widgets or menus Customize Your Site Add an About page El Turn comments on or off or change your theme completely E3 view your site f Learn more about getting started At a Glance Quick Draft 1 Post IM 1 Page Title g 1 Comment What s on your mind WordPress 3 8 3 running Child of Eclipse theme g 2 Scroll over the Appearance tab on the left and click on Themes y Dashboard adminblog x 1 ny x Q D 127 0 0 1 wordpress wp admin OS HI Apps CI Manga Q novels CJ music CS4104 Data and Al Dashboard lt adminb Q A start to Visual Nov 77 unity www workout calen CJ Other bookmarks adminblog 9 P New Eclipse 2 Options Howdy mattngoo Screen Options Help d Dashboard WordPress 3 9 is available Please update now Home Dashboard Posts This theme recommends the following plugin Responsive Add Ons 2 Media Begin installing plugin Dismiss this notice Pages Comments Welcome to WordPress Dismiss shox d some links to get you started y Plugins mes Next Steps More Actions EE BE E write your first blog post Manage widgets or menus Tools four Site E e Themes Add an About page El Turn comments on or off Settings e completely E3 view your site f Learn more about getting started Quick Draft N Page Title gi 1 Comment
19. nce Syricication rotpress Ac ER MERE If interested click follow tour to allow the site to teach you about the visual editor If not press the x in the upper right corner of the popup Note If you continue the tour your screen may differ from the following screenshots UE a Ue FC D blogsitvtedu 4 Click Import Export in the Grid Wizard Visual Editor Blog index x c blogs It vt edu test IK fog ndex k be mi aae Dua 5 Choose Select File and Import Ee N TR EG HUNE RE HUE UU LES HILL ET NT OR N Id VEE c blogs It vt edu t t IA Er Gnd Wizard 8BlPage 1 b Tutonal Old Layout Irgarare New folder E Deuasop Ap Downloads gt Recent places __ Headway Layout Old VT themejton Headway Skin Old VT Skin json amp OneDrive wy Homegroup m Scott Magee HE Tha PC File name Headwey Layout Old VT theme tor v All hits Open lw Cancel 9 Page 8 Click the Design button in the upper left corner Visual Editer Blog index 3c blogs Itviedu scott l rue amp visua n id amp cve layout s indi l Ergan kE HT 9 Again you will be given a popup offering to show you around the visual editor If interested click follow tour to allow the site to teach you about the visual editor If not press the x in the upper right corner of the popup Note If you continue the tour your screen may differ from the following screenshots Ee ENE
20. ns Date modified JpEMEEMAT LAE F UI 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 1 12 PM 3 20 2014 5 29 PM Date created 3 20 2014 1 12 PM made Window Search eclipse P Arrange by Folder Type Size PHP File PHP File PHP File Text Document PNG File PHP File PHP File PHP File PHP File PHP File PHP File C55 File DEE Sel BE Cim xm 5 S ED I DR 9 S L9 EJ syiecss EI sies 10 Bimport url eclipse astyle casa3 top header 1 background 730000 border bottom 1px solid 730000 imain header border top 4px solid 730000 border bottom 4px solid fe5b00 background 730000 border bottom slider lite 2px solid fe5b00 border bottom 2px solid fe5bo00 ertet Cascade Style 5 length 700 lines 41 Ln 1 Col Sel 0 0 Das Windows ANSI as UTF 8 28 Page Developer s Manual List of Files and their Uses Description style css CSS document for use with the child of eclipse theme Headway Layout vt edu template json Design for vt edu Headway theme Headway Skin vt edu Skin json Skin for the vt edu Headway theme Headway Layout Old VT theme json Design for the Headway theme based on old layout Headway Skin Old VT Skin json Skin for the Old VT theme json If a future
21. o images to di o Right click highlighted elements to style them Once an element is selected you may nudge it using your arrow keys The faded orange and purple are the margins and padding These colors are only visible when the inspector is active splav Select File amp Apply Skin e n Click Export at the left hand side of the botto x Visual Editor Blog Index m pane D blogsltvtedu Grid Blog index Instruction Site Just another Blogs VT Sites site Hell o world Include Live CSS Blog Index Right click highlighted elements to style them 9 Once an element is selected you may nudge it using your arrow keys The faded orange and purple are the margins and padding These colors are only visible when the inspector is active Download Skin File 7 25PM s ED 20 Page 5 Name your skin Ensure Include Live CSS is checked If desired specify Layout Templates to include Click Download Skin File rue amp visual editor mode design amp ve layout index LU Blog Index Instruction Site Right click highlighted elements to style c them Just another Blogs VT Sites site Once an element is selected you may nudge it using your arrow keys The faded orange and purple are the margins and padding These colors are only visible when the inspector is active There are no images to display Hello world Dis
22. oard 20 qe HE aul O B 428 Comments Te 1 in moderation WordPress 3 8 running Twenty Fourteen theme 6 20 PM 5 7 2014 admin s Blog s Si New Eclipse 2Options Howdy admin J Appearance Themes This theme recommends the following plugin Responsive Add Ons Customize Begin installing plugin Dismiss this notice New theme activated Visit site lt gt Update Available Eclipse Plugins 6 Theme Details Users Ag 1 Active Eclipse Customize Child of Eclipse Live Preview Twenty Fourteen Tools FEATURED IMAGES REALLY Mm Settings Twenty Twelve Popular Science 22 ETE 2 5 7 2014 4 Congratulations you are now using the child theme of your choice Customize it like any other WordPress Theme 6 Page Using Skins with Headway Base 1 2 3 Select the Headway Base theme using the steps listed in the Using a Child Theme Section Press the Ready to jump right in Enter the Visual Editor button ng Starte Teste x Manage There admin x M mad CU EUM EE EE blogs It vt edu TU B My sies fi Tes ine a Ez Hen Heachsun Howdy poum ii E z ror ne nant Getting Started with Headway d Posts E Media proi I ir 2upgepri Torums a Links N Pages E Commens nu can hide this page by changing rhe Defo r Adme agr m He ad My Dors H Videos retting arte J Appeara
23. sual Editor Blog Index x D blogs Itvtedu scottm 10test2 visual editor true amp visual editor mode design amp ve layout index Q Te io Oz HT zz Gnd ax Design Blog Index Blog Index Instruction Site Right click highlighted elements to style 9 Just another Blogs amp VT Sites site acs Once an element is selected you may nudge it using your arrow keys The faded orange and purple are the margins and padding These colors are only visible when the inspector is active tinere are no images to display post Edit or delete it then start blogging Administration Panel Go To Top 2 2014 Instruction Site Pages Editor Disable Inspector Blog Index Blog Index Instruction Site Right click highlighted elements to style Just another Blogs VT Sites site Once an element is selected you may nudge it using your arrow keys The faded orange and purple are the margins and padding These colors are only visible when the inspector is active There are no images to display Pages Editor 7 22 PM 5 7 2014 EED 19 Page 3 J Visual Editor Blog Index x Click Skins at the top left of the bottom pane C eT Blog Index blogs It vt edu scottm 10tes sa Gnd x Design Instruction Site Just another Blogs VT Sites site H o world Overwrite Live CSS with Skin s Live CSS Include Skin Layout Templates v There are n
Download Pdf Manuals
Related Search