WordPress 【やってみた】WordPressのテーマ自作(15.テーマのアップロード) 旧テーマとの機能の違いから発生する問題(サイトマップ、ブロックパターン等)の対処の仕方とテーマ切り替え後に必要な設定(ピックアップ記事、読んで欲しい記事の設定)について解説します。 2023.10.17 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(14.管理画面にもCSSを反映) WordPressのデフォルトではそのままでは管理画面の投稿のスタイルにstyle.cssは適用されません。この記事ではオリジナルのCSSを管理画面で読み込んでh2やh3のスタイルを管理画面にも反映させ、公開画面と同じスタイルにして見た目で記事を書くことができるようにします。 2023.10.16 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(13.Topへ戻るボタン、プログカードの設置) クリックするだけでページトップへ戻るボタンの設置と、ショートコードで設置する内部ブログカードと外部ブログカードの設置方法について解説します。 2023.10.15 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(12.関連記事の表示) 関連記事は、同じカテゴリーをもった記事をページの最後に表示してユーザーのサイト回遊率(滞在率)を上昇させます。今回は、サムネイル(アイキャッチ)画像つきの関連記事を、プラグインなしで実装する方法をご紹介します。 2023.10.14 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(11.アーカイブページの作成) 同じカテゴリーや同じ月、同じ年に投稿された記事を、一つのページに一覧でまとめて表示するアーカイブページを作成します。サイドバーのカテゴリ一覧の出力(カテゴリーアーカイブ)から、タグアーカイブ、作成者アーカイブ、日付アーカイブを作成します。 2023.10.12 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(10.フッター、サイドバーの作成) フッターは、WordPressの管理画面で設定したメニューを取得して表示します。サイドバーは、検索窓の設置、カテゴリー一覧の表示を行い、ウィジェットでプロフィールやアフィリエイトコードを登録し、サイドバーに表示できる様にします。 2023.10.11 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(09.ページネーション) ページネーション(pagination)とは、内容の多いページを複数のWebページに分割し、各ページへのリンクを並べてアクセスしやすくするために設置するものです。ここでは、「ページ番号付きリンク」のページネーションの作り方をWordPress関数を使う方法と、関数を自作して実装する方法とでご紹介します。 2023.10.10 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(08.ピックアップ記事の設定) トップページの先頭画像を特定のダグを入力することで切り替えられるピックアップ記事として出力できるようにします。トップページの先頭画像は1列ですが3列として、さらにサイドバーにもピックアップ記事を設定できるようにします。 2023.10.09 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(07.メニューの作成) 標準ではサポートされていないメニュー項目をWordPressの管理画面から選択してグローバルメニューやフッターメニューを登録できるようにします。そして子メニューに対応するドロッブダウンメニューの設定方法について解説します。 2023.10.08 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(06.アイキャッチ画像の表示) アイキャッチ画像は、標準ではサポートされませんので、functions.phpにサポートする様に設定することが必要です。アイキャッチ画像をどのように設定して、どのようにして表示するのかを解説します。 2023.10.04 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(05.パーツファイルの作成) WordPressではパーツファイルによってheader部分やfooter部分等、パーツとして分けることができます。Header部分のパーツ化、footer部分のパーツ化、sidebarのパーツ化に加えて、汎用部分のパーツ化について解説します。 2023.10.03 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(04.投稿ページと固定ページの作成) index.phpをコピーして、single.php(投稿ページ)を作成し、single.phpをコピーしてpage.php(固定ページ)を作成します。特定記事の表示となりますので、不要なピックアップ記事を削除し、2列表示を1列表示に変えて作成します。 2023.10.02 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(03.記事一覧の取得) トップページの編集として、ランゲージ属性の設定、文字コード、タイトルタグの設定、ファビコンの設定、ヘッダータイトルの表示、背景画像の挿入、記事一覧の取得(ループ処理)を行います。 2023.10.01 WordPressWordPressのテーマ
Windows 動画から静止画を切り取る方法 撮影した動画の瞬間を1枚の写真として残したい場合やyoutubeのサムネイル画像をその動画の中から切り取りたい場合は、「フォト」を使えば簡単に切り取ることができます。今回は、動画から写真(静止画)を簡単に切り取る方法についてご紹介します。 2023.10.01 Windows
WordPress 【やってみた】WordPressのテーマ自作(02.テーマのアップロードとパスの設定) StartBootstrapよりダウンロードしたテーマ「BlogHome」をローカル環境のWordPressにアップロードして、index.phpとstyle.cssを作成してテーマを有効化、CSSフレームワークであるBootstrapのCDNを導入します。 2023.09.30 WordPressWordPressのテーマ
WordPress 【やってみた】WordPressのテーマ自作(01.開発環境構築) 開発環境構築では、自分のパソコン内部だけでWordPressの開発と動作テストが行えるローカル環境の構築方法と、自作テーマの開発に必要な静的サイトをStartBootstrapからスタータテーマをダウンロードする方法について解説します。 2023.09.30 WordPressWordPressのテーマ
Windows VisualStudioCodeのインストールと使い方 Microsoft社が開発したオープンソースのisual Studio Code(ビジュアルスタジオコード)のインストールとその使い方について解説します。 2023.09.10 Windows
GAS 【完全解説】GASでWebアプリを作る方法(ログイン画面) GAS (Google Apps Script) を使って、認証機能を付けた簡単なログイン画面を作ってみました。入力したemailアドレスとパスワードが、スプレッドシートに記載されたemailアドレスとパスワードに一致するかどうかで、認証しています。 2023.08.05 GASソフトウェア
GAS 【完全解説】GASでWebアプリを作る方法(簡単なWebページ) GoogleAppscript(GAS)はExcelのマクロのような事だけでなく作成したスクリプトをWebアプリケーションとして公開することも可能です。ここでは簡単なWebページを公開しながら、デプロイと公開方法等について詳しく解説します。 2023.07.13 GASソフトウェア
GAS GoogleAppsScriptの始め方(ライブラリーの導入) Google Apps Script(GAS)には作成した関数を、別のプロジェクトでも利用することができる「ライブラリ」と呼ばれる機能があります。ここでは他の人が公開しているライブラリを利用する方法と、自作のスクリプトをライブラリー化して他のプロジェクトで使える様にする方法についてご紹介します。 2023.07.12 GASソフトウェア
GAS GoogleAppsScriptの始め方(Googleドライブの扱い方) GoogleAppsScripptで、Googleドライブのファイルやフォルダを扱う場合のGASでの扱い方について解説をします。今回は、実務で良くあるフォルダやファイルの整理を自動化のスクリプトを作成しながら、Googleドライブに対する操作をご紹介します。 2023.07.12 GASソフトウェア
GAS GoogleAppsScriptの始め方(スクリプトの実行、トリガーの設定) 作成したGoogle Apps Script(GAS)のスクリプトをエディター画面からではなく、スプレッドシート上から実行する3つの方法をご紹介します。「ボタンを押下して実行」「オリジナルメニューで実行」「トリガーを設定して実行」の3つです。 2023.07.04 GASソフトウェア
GAS GoogleAppsScriptの始め方(基本的な使い方) 本記事では、「GASを覚えたいけど、どこから始めたら良いのかわからない」方を対象に、GASを利用するに当たって理解しておくべきポイントや基本的なスプレッドシートの扱い方、スクリプト(プログラム)作成方法をでできるだけ、詳細に紹介しています。 2023.07.01 GASソフトウェア
Windows 【完全解説】googleスプレッドシートの使い方(Excel⇔スプレッドシート) Googleスプレッドシートに切り替えたいが実用に耐えるのか?不安を抱いている方にGoogleスプレッドシート⇔Excelファイルの変換方法や互換性について実際に業務で運用しているExcelシートを変換して、その実際をキャプチャー画像で詳しく解説します。 2023.06.05 Windows