最近はプラグインが充実していて簡単にホームページをカスタマイズできる

ホームページ制作を行って17年ほどが経ちました。
HTMLの直打ちから様々なソフト等を駆使しながら作ってきましたが、wordpressの誕生でWeb制作もかなり変化してきました。
そしてホームページの表現の仕方も大きく変わってきました。
最近ではwordpress以外にも色んなCMS(コンテンツ管理システム)が出ています。
当社でも10年ぐらい前からwordpressに頼って制作してきています。
CGIでシステム設計していたのがPHPに変わり、始めた当初は簡単にPHPで制作でき、システム管理やお客様での管理もしやすい程度で使っていましたが、様々なプラグインの充実により、毎回打っていたJAVA等の煩わしさ開放され、制作時間の短縮につながりました。

そんな便利なプラグインがいくつかありますが、比較的簡単にカスタマイズできるものを紹介させていただきます。
第一弾としてページをスクロールした際に出てくる「ページトップに戻るボタン」です。
なかっても問題ないものですが、あると凄く便利ですよね。

ページトップに戻るプラグインは、色々なものが出ていますが、比較的簡単に設定できるもので、当社でも使っているのが
「WPFront Scroll Top」

プラグインを入れて、有効化して、「Enabled」にチェックを入れて、ボタンを選択するだけでOKです。
煩わしかったJavaの設定などは一切なく、プラグインだけで完結します。

基本設定

Enabled・・・チェックを入れるとスクロールボタンの有効化
JavaScript Async・・・チェックを入れるとJavaScriptの非同期化(推奨)
Scroll Offset・・・どのくらいスクロールをするとボタンが表示されるかをpx単位で設定
Button Size・・・ボタンのサイズをpx単位で指定。0にしておくと各ボタンのデフォルトの大きさになる
Button Opacity・・・ボタンの不透明度の初期値を設定
Button Fade Duration・・・ボタンが消えるときにどのくらい時間をかけて消えるかをミリ秒単位で設定。数字を大きくするほどゆっくりと消えていく
Scroll Duration・・・ボタンを押したときにどのくらいの時間をかけてTOPに戻るかをミリ秒単位で指定。数字を大きくすればするほどゆっくり戻る
Auto Hide・・・チェックを入れると自動で非表示
Auto Hide After・・・Auto Hideが有効になっている場合、指定した秒数後に自動で非表示
Hide on Small Devices・・・チェックを入れるとスマホなどの小型デバイス閲覧時に非表示
Small Device Max Width・・・Hide on Small Devicesにチェックを入れた際の最大幅を指定。ここで指定したpxまでは非表示
Hide on Small Window・・・チェックを入れると小さなブラウザウィンドウで閲覧時に非表示
Small Window Max Width・・・Small Device Max Widthにチェックを入れた際の最大幅を指定。ここで指定したpxまでは非表示
Hide on WP-ADMIN・・・チェックを入れると管理画面にも出ているスクロールボタンを非表示
Hide on iframes・・・チェックを入れるとiframe上ではボタンを非表示
Attach on Shutdown・・・シャットダウン時のアタッチ
Button Style・・・ボタンのスタイルをImage, Text, Font Awesomeから選択
Button Action・・・ボタン操作した際の挙動について設定
Location・・・どの位置にボタンを配置するか
Margin X・・・横のマージン量
Margin Y・・・縦のマージン量
Display on Pages・・・どのページに表示させるか
Image Button・・・ボタンの表示を選択できます。下部の「Custom URL」にて任意の画像を表示することができます。

実際細かい設定をする必要もありませんが。一応参考までに。
元々使っているテーマに実装されている場合は使わない方がいいかもしれません。

このように便利なプラグインを随時載せていきたいと思います。

 

EVENT

5月
31
終日 しがのフォトコン!!2021
しがのフォトコン!!2021
5月 31 2021 – 2月 14 2022 終日
しがのフォトコン!!2021
びわこビジターズビューローが開催するフォトコンテストが始まりました。 滋賀ならではの絶景写真や心和む身近な風景写真など、滋賀を好きになる作品のご投稿を送って素敵なものをGETしましょう! テーマは「魅力ある滋賀」 身近な所で見つけたとっておきの風景や紹介したくなる滋賀の四季を収めた写真が随時UPされています。 ぜひ素敵な一枚を送ってみましょう。 募集期間:2021年05月31日~2022年02月14日 応募規約:こちらから確認いただけます 入賞賞品:フォトコンテストには、滋賀県内各地の市町・観光協会が協賛。 入賞者には地元スイーツや観光チケットなど、滋賀県各地からの逸品をプレゼント♪ しがのフォトコン詳細ページ

LOCAL LINK

PROMOTION VIDEO

にほんブログ村 地域生活(街) 関西ブログ 滋賀県情報へ

Access

  • 504,815
PAGE TOP