プログラミング– category –
-
PHP とは？動的ウェブページの作成に欠かせないツール
「PHPって何？」と聞いたことがあるかもしれませんが、心配はいりません！ PHP（Hypertext Preprocessor）は、WEB開発の世界で使われる重要なツールです。その役割や使い方について、初心者の方でもわかりやすく解説しますね。 PHPとは？ まず、PHPが何か... -
JavaScript (JS) とは？初心者向け完全ガイド
ウェブ開発の世界では、JavaScript（通称JS）は欠かせない存在です。動的なウェブページを作成し、インタラクティブ（双方向）な要素を追加するのに重要な役割を果たすプログラミング言語です。 この記事では、主にワードプレスで300件近い制作実績があり... -
HTMLってどんな言語？初心者向けにシンプル解説
WEBサイトを作成する際に避けては通れない言葉の一つが「HTML」。ごく簡潔に言えば、「WEBサイトの骨組みを作るための言葉のルール」です。 この記事では、主にワードプレスで300件近い制作実績があり、日本最大級のクラウドソーシングサービス「ココナラ... -
CSSとは？基本的な概念と役割の解説
CSS（Cascading Style Sheets）はWEBサイトのスタイル、レイアウト、デザインを定義するための言語であり、HTML（HyperText Markup Language）と組み合わせて美しく整ったウェブコンテンツを作成するためのツールです。 しかし、あくまで手段であって、目... -
「レンダリングを妨げるリソースの除外」とは？簡潔に解説！
サイト分析のためのGoogleサービス「PageSpeed Insights」でページスピードを計測すると、下記のような「レンダリングを妨げるリソースの除外」という言葉が出てきて、「？？？」となる方は多いのではないでしょうか。 「レンダリングを妨げるリソースの除... -
ワードプレスでJavaScriptの読み込みを遅くする方法
近年、ウェブサイトのパフォーマンスは重要なランキング要因となり、ユーザーエクスペリエンスとSEOに大きな影響を与える要素となっています。特に、JavaScriptファイルの読み込みはページのロード速度に大きく影響するため、効果的な遅延読み込み手法をワ... -
初心者向け「Elementer（エレメンター）」の基礎的な使い方
Elementerはワードプレスの高機能プラグインのひとつです。コード不要で直感的にWEBサイトを構築できるので、初心者の方はもちろん、コードの記述を極力、避けたいデザイナーや作業効率を高めたい制作者にとって手放しがたいワードプレスエディターです。 ... -
サーバー、ドメイン、ホームページの関係とワードプレスの導入
「ホームページを持ちたいけど、サーバーとかドメインとか、専門用語が多くてよくわからない」 そんなご相談を本当によくいただきます。ただ、ここ数年で状況はガラッと変わりました。昔は一つずつ手続きが必要だったのが、いまは申し込み1回・約10分で、... -
Youtube動画終了後の関連動画を非表示にする方法
自社サイトにYoutubeを埋め込むと、動画終了後に関連サイトが表示されるようになっています。 たとえば、リフォームがどれだけ低コストで長期的にはメリットがあるのか、長く使えるか、持続可能性があるかを解説した動画が終わったあとで「リフォームのデ... -
ワードプレスサイトにGoogleの口コミを埋め込む方法
Googleマップで表示される口コミをワードプレスサイトに埋め込む方法を、ご紹介します。 店舗型ビジネスの場合は特に、SEO対策と並んで重要視されるようになったMEO対策。 MEO対策と並行して、お考えになると良いですね。 ワードプレス（Wordpress）サイト... -
ワードプレスサイトにインスタグラム（Instagram）を埋め込む方法
インスタグラムは、SNSの中でも視覚で訴求する分野に適しています。 画像や動画を通してコミュニケーションのきっかけにするソーシャルネットワークなので、当然といえば当然ですが、目的と手法を戦略的に活用することでその強みを最大限活かすことができ... -
WordPressを＜hCaptcha＞でセキュリティ強化する
ある日突然、大量のスパムメールが送られてきた経験はありませんか？デジタル世界は日進月歩ですが、迷惑メールなど悪質な仕組みもまた、超スピードで真価しています。 たとえば、WordPress（ワードプレス）の定番問い合わせフォーム『Contact form 7』を... -
【必須】ドメインをSSL設定してサイト保護する重要性について
「ホームページのURLの最初、http と https って何が違うの？」 ドメインを取るときやサイトを作るとき、SSL（エスエスエル）について聞かれることがよくあります。むずかしそうに見えますが、いまはほとんど自動で設定できて、しかも無料です。この記事で... -
ワードプレスでサイト決済機能を追加するシンプルな方法
ワードプレス（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サイトにフローティングバナーを設置する方法
サイトを閲覧中、常に問い合わせボタンが出ているサイトが増えてきました。 行動を促すためですが、あんまり大きいと邪魔ですし、派手だと見る気も失せます。 ただ、問い合わせをしたいときに常にそこにある、というのは親切でもある。 配置については「右... -
ワードプレスとはいったい何なのか？誰でもわかるように説明すると……
世界のホームページの、じつに4割以上がワードプレスで作られています。 名前はよく聞くけれど、「ワードプレスって結局なに？」と聞かれると、意外と答えにくいですよね。ここでは、はじめての方でもイメージできるように、家づくりにたとえて説明します...
