トップページの上部にPromoboxを表示する

トップページの上部にPromoboxを表示する

「Promobox」の機能確認

ちょっと小洒落たレイアウト「Promobox」を試してみる。

1列バージョン

これはできないようだ。

2列バージョン

Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.

3列バージョン

Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.

4列バージョン

Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.

5列バージョン

これは表示が崩れるようだ。

Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.
Promo Title
Promotion Text Here.

カラフルにするには

さらに、もっとカラフルなイメージを使う場合は、以下のページが参考になった。

「プロモボックスショートコード拡張&ショートコード自動挿入機能追加しました! | WordPressテーマ/DigiPress」

プロモボックスショートコード拡張&ショートコード自動挿入機能追加しました!

「利用可能なショートコード一覧 | WordPressテーマ/DigiPress」
https://digipress.digi-state.com/manual/shortcode-list/13/

トップページにだけ「Promobox」を掲示するには

プラグイン「display-widgets(ウィジェット設定)」をインストールする。
その後、「エリアコンテンツ上部」に「DP-カスタムテキスト」を配置して、Frontページのみチェックを入れて、保存。

トップページに掲示する「Promobox」のサンプル

〜準備中〜
タイトル「注目している情報教育テーマ」

注目キーワード
3DCG
プログラミング
アルゴリズム
Webデザイン
注目ソフト/ハード
MMD
processing
iMovie
iDVD
chromebook
ラズベリーパイ
iPad/MacBook Air
情報モラル
情報の信頼性
ネットビジネス
SNS
セキュリティ
著作権
パスワード管理
その他
検定試験(ITパスポート/P検/日本情報処理検定)/ひとり情シス
Return Top