プログラミング記事一覧
詳細を見る
Webコーディング
【CSSデモあり】横幅に合わせて文字を改行せずに省略して3点リーダーを表示させたい
プログやお知らせ一覧ページに文字を載せる際、文字数が多いと行数が増えてしまい、見た目がおかしくなってしまうことがありますよね。 そんなときは行数を制限すると見栄えが良くなります。 これを→ 2行に収めたい そんなお悩みはCSSで解消できちゃうかもしれません。 CSSでの実装方法 CSSでは横幅から余ってしまう文字を省略し、3点リーダーを表示させることができます。 以前はPHPで文字数制限をかけてい […]
詳細を見る
Webコーディング
TwitterシェアボタンをJavaScriptで実装しよう【Vanilla JS】
現代のWebサイトには欠かせない「SNSシェア」。SNSの中でもTwitterは拡散力が大きく、WebサイトをTwitterにシェアしたい人はたくさんいます。 そこで、ページごとのURLやタイトルをTwitterにシェアするボタンの実装方法を紹介いたします。 TwitterのシェアURLの仕組み 基本的に、Twitterのシェアボタンはリクエストパラメータでツイートの内容を設定できます。 パラメー […]
詳細を見る
Webコーディング
WordPressでサイト内検索フォームを実装しよう
Webサイトでコンテンツが増えてきた時にユーザーが探しているコンテンツを見つけるのに時間がかかるなんてことは多々あります。 そこで、サイト内検索フォームの導入を検討してみてはいかがでしょうか？ サイト内検索フォームを実装することで、サイト回遊率もアップすることでしょう。 テーマフォルダにsearchform.phpとsearch.phpを用意。 「/{ルートディレクトリ}/wp-content/t […]
詳細を見る
Webコーディング
MAMPでWordPressローカル開発環境を作ろう
今回はMAMPでローカル仮想環境を作ってそこにWordPressを設置する方法を紹介いたします。 開発環境 デバイス MacBook Pro 14インチ 2021（M1 Pro） OS Mac OS Monterey（ver 12.6） 必要なアプリケーション MAMP、ターミナル、その他テキストエディター 開発用のディレクトリを作成 まずは開発用のディレクトリを作成しましょう。 私は「/User […]
詳細を見る
Webコーディング
【Mac OS】MAMPでWordPress仮想環境を作成する方法
今回はMAMPでWordPress仮想環境を作成する方法 についてご紹介します。 前提として以下の条件を満たす方に読んでほしい内容となっております。 MAMPがインストールされている MAMPでバーチャルホスト設定が済んでいる エディターやターミナルの利用に慣れている データベースを触ることができる プロジェクトフォルダ作成 自身のPC内にプロジェクトフォルダを作成しましょう。 今回は「wp-de […]
詳細を見る
プログラミング
【Instagram Graph API】Google Apps ScriptでInstagramのフォロワー推移表を作成しよう！
こんにちは！ いつもご覧いただきありがとうございます。 Instagramの親会社のFacebookさんが提供している「Instagram Graph API」というものを発見しました。 なんだ、これでフォロワーの推移グラフ作れるじゃん！ ということで今回はGoogleスプレッドシートとGAS、Instagram Graph APIを使ってフォロワー推移グラフを作成しました。 APIの取得のための […]
