How to Use the WordPress theme editing tool Stiqr

Helper House (Bkjia.com) WordPress tutorial,In the previous article, we briefly introduced Stiqr. This article will introduce its usage in detail.

The simplest blank page is used as an example to describe how to use Stiqr.

Preparation page

First, we need to prepare a blank page (skip this step if you just want to use Stiqr to modify the WordPress page appearance ).

Creating a blank page is not as simple as creating a text document-Of course it is not very difficult. The blank page should contain some verification code to tell the browser that the current file is indeed a webpage.

First, create a blank text document and insert the verification code. Of course, you do not need to write the verification code yourself. You can find a piece of code from the many available documents on the network and copy it to the text document. Here we provide one.

　　

Then, from Stiqr, insert this code in the Start "body" tag and end "body" tag. You can also change the page title. The text between "title" tags is the page title.

　　

Save the file by using the file name "“index.html.

　　

The program you use to create a document will ask you to save the file with the extension "html" or "txt" and select "".html ".

　　

Use ftpto upload the “index.html file to your website. Remember not to upload to the root directory unless your website is a completely new site. You can create a new folder and then upload index.html to the new folder.

　　

Open the folder in the browser. The URL address is similar to "http: // your_site_address/the_folder_name/". Even if you do not add/index.html to the end, the browser will automatically open this blank page.

Press Shift + F2 to register a Stiqr account. Even if you have already registered an account for another website, you still need to register another account if you want to edit a page. Fortunately, registration is quite convenient.

After the page is refreshed, press Shift + F2 again to log on to Stiqr. Make sure that you do need to modify the page, and all necessary images and text are stored in the hard disk.

Figure 1 against qianyan

Click the "Snap grid" option box below to select the grid size.

　　

Each time you change the mesh settings, a confirmation message is displayed in the upper right corner of the browser.

　　

Next, set the page background. Click the "background" icon in the circle to show the background options.

　　

You can use network images, pictures on your computer, and even common colors as the page background. If you select an image as the background, you can further decide whether to repeat the image or set a fixed size for the image, and determine the specific position of the image.

If you select a Color as the background, first find the Color you need, find the six-digit Color code corresponding to the Color in the "#" box, and copy the number to "Color.

　　

Click "Stick it" on the right to save the settings. After each page element is changed, you need to click this button to save the changes.

　　

Next let's take a look at the "shapes" tool, but currently there is only one available shape-rectangle. In addition, you can choose whether to display the rounded corner of the rectangle.

　　

Select a color pattern, save it, drag and drop it to the position you want to display on the page, and finally cut the pattern to a proper size. You can also apply images to the page. Images can come from your own computer, and Stiqr provides a picture library.

　　

As for the text, write down the required content in the Stiqr text box, select the font, font size, and font color, and finally "Stick it ".

　　

Right-click the elements on the page and you will see more options, including "edit", "copy", and "delete.

　　

Stiqr also provides the HTML/CSS Code adding function.

　　

To quickly edit or delete multiple elements, use the "manage my stickers" button. Click "Sava Changes" next to "manage my stickers" and click "Sava Changes" to save all the modifications.

　　

How far can Stiqr go

The potential of Stiqr needs to be explored by yourself. There is a presentation page on the Stiqr official website for your reference. You can also click here for testing.

VIA: original