プログラミング– category –
-
CSSとは？基本的な概念と役割の解説
CSS（Cascading Style Sheets）はWEBサイトのスタイル、レイアウト、デザインを定義するための言語であり、HTML（HyperText Markup Language）と組み合わせて美しく整ったウェブコンテンツを作成するためのツールです。 しかし、あくまで手段であって、目... -
「レンダリングを妨げるリソースの除外」とは？簡潔に解説！
サイト分析のためのGoogleサービス「PageSpeed Insights」でページスピードを計測すると、下記のような「レンダリングを妨げるリソースの除外」という言葉が出てきて、「？？？」となる方は多いのではないでしょうか。 「レンダリングを妨げるリソースの除... -
ワードプレスでJavaScriptの読み込みを遅くする方法
近年、ウェブサイトのパフォーマンスは重要なランキング要因となり、ユーザーエクスペリエンスとSEOに大きな影響を与える要素となっています。特に、JavaScriptファイルの読み込みはページのロード速度に大きく影響するため、効果的な遅延読み込み手法をワ... -
初心者向け「Elementer（エレメンター）」の基礎的な使い方
Elementerはワードプレスの高機能プラグインのひとつです。コード不要で直感的にWEBサイトを構築できるので、初心者の方はもちろん、コードの記述を極力、避けたいデザイナーや作業効率を高めたい制作者にとって手放しがたいワードプレスエディターです。 ... -
サーバー、ドメイン、ホームページの関係とワードプレスの導入
サーバーとドメイン、ホームページの関係性について、よくご質問を受けますので解説しながら、ワードプレスの導入までまとめていきます。 サーバー、ドメイン、ホームページの関係とは？たとえるなら… 下記の図をご覧ください。 サーバー、ドメイン、ホー... -
Youtube動画終了後の関連動画を非表示にする方法
自社サイトにYoutubeを埋め込むと、動画終了後に関連サイトが表示されるようになっています。 たとえば、リフォームがどれだけ低コストで長期的にはメリットがあるのか、長く使えるか、持続可能性があるかを解説した動画が終わったあとで「リフォームのデ... -
ワードプレスサイトにGoogleの口コミを埋め込む方法
Googleマップで表示される口コミをワードプレスサイトに埋め込む方法を、ご紹介します。 店舗型ビジネスの場合は特に、SEO対策と並んで重要視されるようになったMEO対策。 MEO対策と並行して、お考えになると良いですね。 ワードプレス（Wordpress）サイト... -
ワードプレスサイトにインスタグラム（Instagram）を埋め込む方法
インスタグラムは、SNSの中でも視覚で訴求する分野に適しています。 画像や動画を通してコミュニケーションのきっかけにするソーシャルネットワークなので、当然といえば当然ですが、目的と手法を戦略的に活用することでその強みを最大限活かすことができ... -
WordPressを＜hCaptcha＞でセキュリティ強化する
ある日突然、大量のスパムメールが送られてきた経験はありませんか？デジタル世界は日進月歩ですが、迷惑メールなど悪質な仕組みもまた、超スピードで真価しています。 たとえば、WordPress（ワードプレス）の定番問い合わせフォーム『Contact form 7』を... -
【必須】ドメインをSSL設定してサイト保護する重要性について
ドメインを取得する際、SSL設定について、疑問を持たれる方が多いと思います。 SSLとは何なのか？ どうやって取得するのかなど、簡単にまとめます。 SSLとは SSL（Secure Sockets Layer）とは、Webサイトとそのサイトを閲覧しているユーザとのやり取り（通... -
ワードプレスでサイト決済機能を追加するシンプルな方法
ワードプレス（Wordpress）で決済機能を追加する方法として、以前、STORES（ストアーズ）を利用した設置の仕方をご紹介しました。 https://zoroya.co.jp/add-payment-function-2/ STORESを利用した決済は、シンプルで分かりやすく、コストも最小限に抑えら... -
ワードプレスでプラグインを使わず、決済機能を追加する方法
ワードプレス（Wordpress）で決済機能を追加するには、大きく２つあります。 ワードプレスサイトに組み込む方法 外部カートを設置する方法 どちらを選ぶかは、目的次第。 ホームページは「誰に、何を、どのように伝えるか」がはっきりしていないと、うまく... -
WordPressでスマホ固定フッター（フロートメニュー）をつける方法
こんな感じの固定フッター（フロートメニュー）を設置します。 １．htmlの追加 以下のコードを、footer.php > </body>の直前に追加。 <?php if(wp_is_mobile()) { ?> <ul class="footer_menu"> <li> <a href="#modal-p... -
WordPressでスマホ固定ヘッダーをつける方法
こんな感じのスマホ固定ヘッダーをつける方法です。 【１】function.php に以下を追記 if(wp_is_mobile()){add_filter( 'show_admin_bar','__return_false' );} 【２】プラグインを追加 【３】jsを追記 以下、Javascriptを追加します。 【４】メニューを構... -
WEBサイトのヘッダーメニューにアンダーラインをつける方法
googleのデザインは、よくも悪くもシンプルですよね。 飽きがこない、という点では、appleのMacのようにシンプルで洗練されたデザインといえるかもしれません。 改めて、googleのデザインを見ると、シンプルな中にフォントのバランスだとか、配置が、国内... -
WEBサイトにフローティングバナーを設置する方法
サイトを閲覧中、常に問い合わせボタンが出ているサイトが増えてきました。 行動を促すためですが、あんまり大きいと邪魔ですし、派手だと見る気も失せます。 ただ、問い合わせをしたいときに常にそこにある、というのは親切でもある。 配置については「右... -
ワードプレスとはいったい何なのか？誰でもわかるように説明すると……
ワードプレスは世界中のサイトのうち、１/３がワードプレスによって作られたという優れたホームページ制作ツールです。 汎用性が高く、htmlとcss、そしてプラグインを駆使すれば、プログラムのスキルに多少乏しくても、感動するサイトを構築できます。 た... -
ワードプレスのお問い合わせメールに「サンクスページ」をつける方法
ワードプレス（Wordpress）の問い合わせフォームプラグインと言えば「Contactform7」。 メール送信後、任意のページへ飛ばす方法を模索していたら、色々と方法はあったのですが中にはバージョンの違いからか、動作しないことがありました。 現状（2021年1... -
ワードプレスのブロックエディタの基礎的な使い方（初心者向け）
Wordpress5.0以降は、従来のクラシックエディタからブロックエディタ「Gutenberg（グーテンベルグ）」がデフォルトとなり、バージョンアップするごとに改良されています。 ここでは、基礎的な「Gutenberg（グーテンベルグ）」の使い方を解説します。なお、... -
ワードプレスのグローバルメニューにアイコンをつける方法
ワードプレスサイトでヘッダーメニュー（グローバルメニュー）にアイコンをつける方法をご紹介します。 アイコンがあると、デザイン的な見やすさと、他の一般テンプレートではアイコンなしメニューが多いので、差別化が出来ます。 といっても、設置の仕方...
