Edit Templates

Edit Templates
08 /26 2014
You must edit the template's HTML and CSS (style sheet) to change or edit the the font size of the blog, background colour, etc.

You have to change parts of the HTML in the same way as when adding meta tags, or setting up Access analysis or Blog tools. (You can use plug ins if your are using blog parts)
You can edit the HTML and CSS (style sheet) of a FC2 Blog template as much as you want, you can even use JavaScript.

Data such as blog entries and the template are managed separately. You can retrieve your data by loading a different template if the editing was was not done properly and the design is incomplete and images do not show.

-Things to watch out for when editing a template
-The template edit screen

Things to watch out for when editing a template

Template editing is outside of the scope of support.

A basic understanding of HTML and CSS is needed to be able to edit a template.

The running of a basic blog is covered for by the application of an existing template being downloaded. As such, alterations to templates are outside the scope for public support. Questions, inquiries, etc. cannot be answered on an individual basis, therefore users are to be responsible for all edits made by themselves.

Blog variables

Blog templates are constructed so that users can implant FC2 Blog variables(individual tag) to HTML. You cannot create or edit templates with HTML editors and authoring software used to develop webpages.
For more information on variable names and specifications please visit the FC2 Blog manual.

I edited my template, but my blog wont display

The blog screen may become completely blank in cases where the variables used were not suitable (incomplete definition, incorrect block nest order, etc.). If this has happened there will be no damage to your data or blog entries, to retrieve your data either fix the improper parts change the template.

(* If your data does not display regardless of template, there may be an issue within the plug ins)

Editing in Safari is not recommended

The / (backslash) symbol in the source code is replaced with other characters when you edit a template in the Apple Inc. browser Safari. As such, the display may be incomplete or the script may not function properly so we ask that you please do not use Safari when you edit a template.

The template edit screen


Go to Settings and open the Template Settings page. Here you can see all of the downloaded templates and the HTML and source code for CSS (style sheet) is displayed in the text box.

The top part is HTML and the bottom part is CSS.
The source code for the template in use (template with flag icon) will be displayed in the default stage of the opened page.

(*meta tags and access analysis codes, etc. will be added to the HTML section and will not show in CSS even if they are written there)

Of course you can edit templates that are not currently in use as well. If you click on the Edit button listed next to each template in the list, you will be able to edit the source code.

As there is a possibility that the display may be disrupted during editing, it is safer to apply an edited template after previewing and confirming it.

Copy a template

If you download a template, you can use it in its new state as many times as you like. To copy an edited template though please click on Copy.

When you are editing and you want to have a copy of the template before making new changes it is a good idea to make a copy. That way if you fail you can easily reclaim your template.

Preview the template while editing

By clicking on the Preview button below the text box, a new window will open where you can check and confirm the display of the edited HTML and CSS. The preview is only temporary and any changes made will not be set until you click on the Update button.

Also, all of the items may not show so please use this function to conduct a basic check.

FC2 Blog Manual

Welcome to FC2