ダウンロードから「新規追加」
順番に①にファイルをドロップ（ドロップできないファイルもあるのでzipにすれば解決）、②で添付されたファイル名が表示される。③でタイトルを入れてリターンキーをクリックするとパーマリンクが出てくるので日本語なら編集で修正が出来る。
最後に下の方にある「公開」でアップロードされるようだ。公開しない場合は「下書き保存」を選択。
次にショートコードを取得するために、ダウンロードに戻り「すべてもファイル」をクリック。
ショートコードをコピー。変更したい場合は「編集」から。
目次
見た目を変更するには
「すべてのファイル」から編集をクリック。一番下に「パッケージ設定」がある。
ダウンロード回数はここで確認できる。
バージョンはどこに入るのか不明だが、リンクラベルは下のようにボタンに表示される。
ページテンプレート
ダウンロードのタイトルをクリックするとページに移動
デフォルトでは、ダウンロードリンクをクリックすると直接ダウンロードは始まらずにダウンロードページへと移動します。移動させずにダウンロードさせたい場合、うまくいかない。
以下をクリックするとリンクになっていて「Download Manager」で作成したページに移動する。
ショートコードが取得できない
よく意味が分からない現象だがショートコードが空の状態になる。
解決策としては以下のようにする。表示オプションをクリック。
カラムの表示を減らすと何故か表示されるようになる。ここでは１つでは駄目だったので、最後の２つのチェックを外した。そしたらショートコードが出現した。不思議な現象。
これで見えるようになった。
広告が重なってしまう現象
デフォルトの状態でいくと広告が重なる現象が出た。yStandardテーマの問題かもしれないが、ページとしてカテゴリーを選んでいるのが原因だと思う。カテゴリーはそのカテゴリーに属するページのトップに表示されページの紹介一覧が表示されるので頭から入る。広告を設定しているとその中にも広告が入るので、重なって表示されてしまうことになる。」
広告がまだ入っていない状態はスポンサーリンクが表示され、いずれは広告が入ってくる。
多分これはyStabdardの問題だと思うので、このページの投稿設定を以下のように２つのチェックが入るように変更する。これでも解決するが、表示してうまくいく方法をこの後解説。
上の設定では、以下のように「広告を非表示にする」と「シェアボタンを非表示にする」ファイスブック等のSNSアイコンを非表示に設定すると綺麗に表示されなくなるので重なりが解決する。
しかしタイトルが２つも要らない問題が残っている。
２つのh1タイトルが表示される問題の解決
カスタムCSS & JS & HTMLプラグインで記述したCSSがまったく効かない問題が解決した。
Add Custom CSSプラグインで解決した。
この問題はyStandardテーマに関係しているようで、利用できる投稿タイプなるものがあったので、これにチェックをいれCSSを作成したら、見事タイトルを消すことができた。以下の通りである。
タイトルをそのまま入れる場合はフォントを少し小さくして入れるとバランスが良くなる。
上の右上に入るCSSスクリプト。タイトルを入れるならフォントの大きさでも指定できる。
.w3eden h1 {
display: none;
}
上の設定はタイトルだけが解決しなかったので、テストでここには1つだけ入っているが、実際には「Download Manager」に関する、全てのレイアウト変更のための他のCSSもまとめてここに入れることもできる。私自身は実際にまとめて入れている。
以下がそのレイアウト結果である。広告もシェアアイコンも問題なく表示されている。
レイアウトをもっとシンプルにカスタマイズする
上のレイアウトは変更された後になる。実際は左側のダウンロード以下の幅ががもっと広いがここでは狭めていて、文字も小さくしてる。その分、右側の文章スペースが自動的に広がる。
以下がそのCSSスクリプトになる。
.w3eden h1 {
display: none;
}
.w3eden .btn-primary {
background-color: #CCCC00;
border-color: #CCCC00;
}
.w3eden .btn-primary:hover {
background-color: #99CC00;
border-color: #99CC00;
}
.w3eden .card h3 {
margin: 0;
padding: 0;
font-size: 11pt;
font-weight: 500;
}
.w3eden .list-group-item {
position: relative;
display: block;
padding: .0rem 1.25rem;
font-size: 10pt;
margin-bottom: -1px;
background-color: #fff;
border:1px solid rgba(0, 0, 0, .125)*
}
.w3eden .col-md-5 {
-ms-flex: 0 0 33.666667%;
flex: 0 0 33.666667%;
max-width:33.666667%
}
各ページに入れるショートコードはデフォルトでは横幅いっぱいに入るのだが、下の画像ではページごとに横幅を指定して入れるようにしている。
これは入れるタイトルによっては広げなくてはいけいない場合があるので、各ページにCSSを入れてページごとに幅を変えるようにする。面倒だが見栄えを良くするには、必要かな？
勉強不足だがタイトルの幅で自動的に広がる方法が見つかったら又ここに記述します。
以下が右側に入るCSSスクリプト。以下のコードをスタイルシートに設定する。
.w3eden {
width: 450px;
height: 35px;
margin: 5px;
}
実際にページの右側に入れたCSSの結果が以下のように表示される。
