wordpress(テーマ:lightnig)で実際にホームページを作成して、困ったことがいくつかあったのでその解決策を紹介していきます。ホームページ作成にお役に立てば幸いです。
1.ヘッダーのロゴとナビゲーションメニューを2段にして表示する。
出来るだけわかりやすいホームページを。ナビゲーションメニューをたくさん設定した結果、
初期設定のままではナビゲーションメニューの一部が表示されなくなってしまいました。
そこで、体裁を整えるための方法を調べていると、ヘッダーのロゴとナビゲーションメニューを2段に
して表示する方法を見つけました。
手順は以下の通りです。
①WordPress管理画面(ダッシュボード)
②画面上部のExUnit(lightning推奨プラグイン)からCSSカスタマイズをクリック
③下記のCSSコードを張り付けて、CSSを保存する(同画面下部)
div#site-header-container {
display: block;
}
2.フォントを変更する。
ホームページがある程度完成に近づくと、フォントも変えたくなりました。
その様な時には、次の方法を試してみて下さい。
①WordPress管理画面(ダッシュボード)
②画面上部のExUnit(lightning推奨プラグイン)からCSSカスタマイズをクリック
③下記のCSSコードを張り付けて、CSSを保存する(同画面下部)
/* フォントを「游ゴシック」に変更 */
body, html { font-family: ‘游ゴシック体’, YuGothic, ‘游ゴシック Medium’, ‘Yu Gothic Medium’, ‘游ゴシック’, ‘Yu Gothic’, ‘ヒラギノ角ゴ ProN’,’Hiragino Kaku Gothic ProN’,’メイリオ’,Meiryo,’MS Pゴシック’,’MS PGothic’,sans-serif; }
ちなみに、ホームページ作成時に人気のフォントはさまざまあります。下記はその一部です。(字体は画像検索で確認してみて下さい。)
①明朝体
②ヒラギノ明朝
③游明朝(ゆうみんちょう)
④リュウミン
⑤ヒラギノ角ゴ
3.ダウンロードボタン(リンク)の背景色を変える
ホームページ内のボタンはキーカラーが反映されます。ですが、施設のパンフレットをアップロード
した際に表示されるダウンロードボタンは、デフォルトでは黒色になっています。
統一感を持たせるために、ダウンロードボタンの色を変えたい。そこで調べたのが、次の方法です。
①WordPress管理画面(ダッシュボード)
②画面上部のExUnit(lightning推奨プラグイン)からCSSカスタマイズをクリック
③下記のCSSコードを張り付けて、CSSを保存する(同画面下部)
.wp-block-file a.wp-block-file__button{ background-color: #5c9799; /*背景色*/ }
*③のCSSコードの2行目 #5c9799 を好きな色に変更してください。
コメント