𝐖𝐏 𝐒𝐦𝐩𝐨𝐫𝐭𝐒𝐧𝐠 𝐭𝐨 𝐁𝐒𝐒 7

Bootstrap Studio Help
1

When all Folders/Files and Database are downloaded from WP, can the type of website be imported in Bootstrap?

Maybe this is the first step
Converting a WordPress site to static HTML

2

I’m not entirely familiar with all the files that are downloaded with a WordPress website, but BSS doesn’t support databases or PHP.

BSS can import the HTML and CSS, as well as JavaScript and image files.

3

It is easier to convert BSS design to WP theme than building from downloaded WP pages and database.

4

Thanks, but it not what I am trying to find out.

5

@stealthbusiness You might need to explain more what you are expecting, as the replies seem to answer the question.

6

Converting a WordPress site to static HTML can be done using different methods.

Method 1: Using a WordPress Plugin (Easiest Way)

If you want an easy way to generate static HTML files from your WordPress site, you can use a plugin.

Steps:

  1. Install a Static Site Generator Plugin

    • Login to your WordPress admin panel.
    • Go to Plugins > Add New.
    • Search for one of these plugins:
      • Simply Static
      • WP2Static
      • Staatic
    • Install and activate the plugin.

  2. Configure the Plugin

    • Open the plugin settings.
    • Choose output options:
      • Generate static HTML files.
      • Set the export destination (local ZIP file, FTP server, AWS S3, GitHub Pages, etc.).
    • Click Generate Static Files.

  3. Download & import

    • After generation, download the static files.
    • import the static files into Bootstrap Studio.

Pros:
:white_check_mark: Easy and automated
:white_check_mark: Works well for small-to-medium sites
:white_check_mark: Minimal configuration needed

Cons:
:x: May not work well with dynamic features (contact forms, comments, search)
:x: Requires additional setup for interactive elements

Method 2: Using HTTrack (Offline Site Copier)

If you don’t have WordPress access or prefer a local tool, HTTrack can copy a WordPress site and convert it into static files.

Steps:

  1. Download and install HTTrack (Windows/Linux/macOS).
  2. Open HTTrack and start a New Project.
  3. Enter the WordPress site URL you want to copy.
  4. Choose Download all pages.
  5. Once completed, you’ll have a folder containing all HTML, CSS, JS, and images.
  6. Import the files into Bootstrap Studio.

Pros:
:white_check_mark: Works even if you don’t have WordPress access
:white_check_mark: Copies entire site, including images

Cons:
:x: May download unnecessary files
:x: Some scripts may break (e.g., AJAX content)

Method 3: Using wget (For Developers)

If you’re comfortable with the command line, wget is a great tool to generate static HTML from a dynamic WordPress site.

Command:

wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://example.com

Explanation:

  • --mirror: Mirrors the entire website.
  • --convert-links: Updates internal links to work offline.
  • --adjust-extension: Ensures files have the correct extensions (.html, .css, etc.).
  • --page-requisites: Downloads all necessary assets (CSS, JS, images).
  • --no-parent: Avoids downloading unrelated pages.

After running the command, import the generated files into Bootstrap Studio.

Pros:
:white_check_mark: Fast and efficient
:white_check_mark: Works well for most sites

Cons:
:x: Can download extra unnecessary files

Method 4: Manually Rebuilding the Site

For a long-term solution, consider manually converting your WordPress site into static HTML.

Steps:

  1. Copy your WordPress theme and manually convert PHP files to .html.
  2. Replace WordPress shortcodes with raw HTML/CSS.
  3. Move content into static .html pages.
  4. Use JavaScript or third-party services for:
    • Contact forms β†’ Smartforms, Netlify Forms
    • Comments β†’ Disqus, Hyvor
    • Search β†’ Google Custom Search Engine

This method requires more effort but provides the best performance and security.

Pros:
:white_check_mark: Best performance and security
:white_check_mark: No unnecessary files

Cons:
:x: Time-consuming
:x: Requires HTML/CSS knowledge

Which Method Should You Choose?

Method Best For
Static Plugins (Simply Static, WP2Static) Small-to-medium sites with minimal effort
HTTrack If you don’t have WordPress access
wget Developers who need a quick static copy
Manual Conversion Long-term solution for static websites
2 Likes
7

@kuligaposten thanks for your help.

Where does I use this command line?
wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://example.com

How do I locate where the exported folder?

8

I have download all folders and files. The files are php. I know I can not import php, the the entire WordPress site needs to be HTML.

9

wget is a command-line tool that is included by default in most Linux distributions and macOS, but Windows users may need to install it separately.

Check if wget is installed

Run this command in your terminal or command prompt:

wget --version

If wget is installed, you will see its version number.

Installing wget

On Linux (Debian/Ubuntu)

Most Linux distros come with wget pre-installed. If it’s missing, install it with:

sudo apt update && sudo apt install wget

On macOS (Using Homebrew)

If you don’t have Homebrew installed, install it first:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Then install wget:

brew install wget

On Windows

Windows does not include wget by default, but you can install it in several ways:

  1. Install wget via Chocolatey (Recommended)

    • Open PowerShell as Administrator and run:
      choco install wget
    • If you don’t have Chocolatey, install it first: Chocolatey Installation

  2. Download wget manually

    • Go to the official GNU Wget for Windows site.
    • Download the .exe file.
    • Add wget.exe to your System PATH so you can use it from any terminal.

  3. Use Git Bash (Alternative)

    • If you have Git for Windows, wget comes bundled with Git Bash.

Test wget After Installation

Once installed, check if it’s working:

wget --help

If it prints help options, you’re good to go!

1 Like