Hirameki 7のWebサイト機能には、多くのパーツが存在してます。その中には「企業概要」のように一部の文字列が編集できない箇所が含まれているパーツがあり、そのような場所を編集する方法としてHTMLパーツを使った方法をご案内します。

1.編集するパーツを追加する

編集したいパーツを追加し、保存の上で「プレビュー」をクリックします。

2.プレビューでHTMLソースコードをコピーする

プレビューが開いてきたら、右クリックし表示されるメニューより「検証」をクリックします。

開いたデベロッパーツールの左上にあるボタンをクリックし、ソースコードを取得したいパーツが選択された状態にします。右側のソースコードの該当箇所がハイライトされるのを確認できたら、そのコードの上で右リックします。

コードの上で右クリックするとメニューが表示されるので、【copy】>【copy element】を選択します。

3.HTMLパーツを追加し貼り付ける

具体例：表組みパーツをHTMLパーツで追加して、表の幅の割合を変える

HTMLパーツに、表組みパーツのソースコードを貼付け、OKボタンを押下します。

すると、HTMLパーツで表組みパーツが追加されます。
ここでさらに、表の罫線の幅を替えたい場合は、貼り付けたソースコードの
 

<table>
<tbody>
<tr>

と続く、<tbody><tr>の間に

  <colgroup>
    <col style="width:30%">
    <col style="width:70%">
  </colgroup>

を追加し、

<div class="view-table space-0 cell-text-align-left cell-vertical-align-top">
<table>
<tbody>
  <colgroup>
    <col style="width:30%">
    <col style="width:70%">
  </colgroup>
<tr>
<td class="viewTable-data space-0" contenteditable="false">
</td>

とします。
   <col style="width:30%">
   <col style="width:70%">
この30％、70％が幅の比率となりますので、お好みの幅に調整してください。

こちらを調整することで、既存の表組みパーツでは実現できない幅の違う罫線の表が作成可能です。