• Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact
  Myungja Anna Koh

Tutorial

A good little tip for Weebly: Save space

7/4/2021

0 Comments

 

Using an Accordion element to save your post's space

  Writing on a blog changes the way you think about space. The space that I had passed unintentionally in the past turns into a place I want to fill, and whenever I see a specific article, I realize that I am unwittingly arranging the space. When I started writing a page that was difficult to fill up to 300 characters at first, and as I continued to write and upload, I began to think about saving space so that I could write more. So blogging helps me a lot to organize and express my thoughts and connect with new information. Today I'm going to show you how to save space, that is, simply use the Accordion app to display relevant information about the information you want to describe. 

 As always, it seems difficult before you know it, but once you know it, you find it very easy, especially after you see it. 

​ The result screen is shown below.
Picture
Picture
Picture
 To download this app, you need to go to the site below. 
  Go to the download site ! 
 The cost is free. See that description.
Features
  • Organizes your content so visitors can easily find what they're looking for.
  • Help minimize scrolling on your page, especially on mobile.
  • Completely customizable styles and colors to fit your site design.
 If you download it, and can find the installed app like below. 
Picture
 ​Just drop the element on the page and write a post like the one below. Simple.
Picture

 The second space-saving tip I'll give you is to increase the right sidebar. 

​Let's take a look at the differences in the screen below.
Picture
Before
Picture
After
 Did you notice a difference? Yes. More space on the right. I plan to expand the category space later and write longer category titles, so I plan to expand the space like this.

Weebly has the advantage that even beginners can easily create a beautiful and unique homepage, but bloggers do not like Weebly. The reason is that there are cases where the blog does not have the features it should have. For example, it is to show related articles, free space arrangement, and list of post titles. So, if you want to remain in Weebly despite these shortcomings, you need to research these features and find out one by one to make them your own. 

As the amount of blog posts increased, I was also thinking about whether I should move to a flexible blog builder like WordPress. However, I found out that there are many people on the web trying to solve these difficulties, so instead of a migration, so I decided to study and change them one by one. An example is the site below. Go in once. It helps.

Go to the related site for help. 

Once you click the Theme tab of the Weebly editor, you will see the following "Edit HTML/CSS". Please click it!
Picture
And then you can click the red rectangle area, called main_style.css, and open the code window. 
Picture

Please copy the below code and paste the line, the end of the code. In my case, I pasted it from 1836 like above. 
(refer from the site, very helpful for Weebly users!  : Editor Tricks )

/* Blog sidebar
------------------------------------------------------------*/
.blog-sidebar {
width: 335px;
padding-left:30px
}

.column-blog {
float: right; 
width: 335px; 
margin: 0; 
padding: 0;
}

And then you can make sure your result after click the  save --> publish button. 

In my case, for reference, the code to widen the right sidebar above was helpful when making a navigation card using the space in the right sidebar as shown below.

I hope that everyone will be successful and hope that we can continue to be in Weebly.

Picture
0 Comments



Leave a Reply.

    Myungja Anna Koh

    Artist

    Annakoh search bar

    Categories

    All
    Art & Data Analysis
    Book For Artist
    Coloring Book
    Daily Art
    Digital Art
    Drawing
    EcoArt
    Guinea Pig
    Illustrator
    IT Tip For Artist
    K-Culture
    Marketing For Artwork
    Photoshop
    Weebly

    RSS Feed

    Archives

    May 2022
    April 2022
    March 2022
    February 2022
    January 2022
    December 2021
    November 2021
    October 2021
    September 2021
    August 2021
    July 2021
    June 2021
    May 2021

    ConveyThis
Powered by Create your own unique website with customizable templates.
  • Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact