Making a Wiki for Your Music Program in Craft

Original Post 3 Minutes

I have been singing the praises of Craft lately, a Personal Knowledge Management app made easy.

You can learn about Craft in the video or podcast episodes below.

Craft has replaced software I was previously using for notes, websites, writing, collaboration, and word processing. Making a note sharable with anyone who has the link is only two clicks.

Because Craft is so much easier to use than a learning management platform or a website builder, I have moved a lot of the information and resources I share with my music students to it. I can edit everything in Craft, students can see it all on the web.

At my recent TMEA presentation Digital Organization Tips for Music Teachers, I spoke about this and showed off my “Band Wiki.” A few people who attended the session asked to see how I have these pages set up in Craft. Here are some screenshots of how I set up the Band Wiki.

<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/28df68ad-6722-4b0e-90c8-8663ef0c2b22/CleanShot+2023-02-16+at+13.51.17%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/2b322e8f-0eab-42b6-986b-2f9825a0cad5/CleanShot+2023-02-16+at+13.47.45%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/63080aa7-2dd8-4110-9b52-8630e641f62d/CleanShot+2023-02-16+at+13.47.54%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/e54a484f-0f47-450f-b6fb-cca874fb404b/CleanShot+2023-02-16+at+13.48.03%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/bbfcd8e8-5954-4762-852f-7030a86b5be7/CleanShot+2023-02-16+at+13.48.26%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/97cc91b2-4e92-4df9-81d1-20399f48fe53/CleanShot+2023-02-16+at+13.48.41%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2690px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:70.3345718383789%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/d3388144-361a-49f4-bd06-f12dc26ebefd/CleanShot+2023-02-16+at+13.49.17%402x.png" alt="" width="2690" height="1892" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>
Unknown's avatar

Published by Robby Burns

Published