My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

ファイルの更新状況を管理したい時に役立つサンプルマクロ

ファイルの更新状況を管理したい時に役立つExcel用マクロ 日々ファイルを作成・更新していると、フォルダ内のファイル更新日時を一覧化したいって思うことが度々あります。が、Windowsのエクスプローラー標準機能には、残念ながらそのような機能はありません…

【WordPress】サイト移設時の最強助っ人ツール!「All-in-One WP Migration」

サイトのお引っ越しが簡単・楽々になるプラグイン 「All-in-One WP Migration」 WordPressのサイト移行って、前はとっても面倒だった記憶があるけど、 今はこんな便利なツールがあるんですね。「All-in-One WP Migration」を使えば、面倒な手間は一切なし。 …

Google AnalyticsをWordPressサイトに設置する ~All in One SEO (プラグイン)編~

All in One SEO (プラグイン) で設置する場合 [準備] 1. All in One SEOがインストールされていない場合には、まずインストール、有効化します。All in One SEO Pack — WordPress プラグイン : https://ja.wordpress.org/plugins/all-in-one-seo-packja.word…

【WordPress】投稿記事編集画面で標準エディタ(本文)を非表示にする方法

投稿記事編集画面で標準エディタ(本文)を非表示にする方法 2種 今日は、WordPress管理画面(投稿記事 編集画面)から標準エディタを表示させないようにするための実現方法を検討してみました。 確認した以下2通りの方法について、お伝えします。1) ユーザー権…

Gmail でリマインド(同報)メールを送信する

5月13日 以下記事の続編です。 times-diary.hatenablog.com Yet Another Mail Merge(Chrome 拡張)で、リマインドメール送信 Google Chrome 拡張機能の「Yet Another Mail Merge」を利用すると、Googleメールから一斉同報メールを簡単に送信することができま…

無料でここまでできる! Googleフォームで作るセミナー受付システム

1. 本システムの機能 ================================= 1). セミナー申し込みフォーム 2). 参加者リスト自動生成 3). 受講票兼自動返信メール作成・送信 4). 関係者宛 受付通知メール送信 5). リマインドメール送信 2. システムの流れ ===================…

プラグインなし WordPressにカスタム投稿タイプを作成する

カスタム投稿タイプ作成方法 WordPressのカスタム投稿タイプという機能を活用すると、 通常の投稿タイプとは区別して記事を作成・掲載していきたい場合に便利です。 、 カスタム投稿タイプの作成には、以下、「Custom Post Type UI」といった有名で非常に便…

パスワード認証による閲覧制限 2つの方法

<目次> パスワード認証によるページ閲覧制限方法 1).基本認証による方法 2)、JavaScriptによる方法 パスワード認証によるページ閲覧制限方法 1) 基本認証による方法 2) JavaScriptによる方法 1).基本認証による方法 1).基本認証による方法は、4/7の内容を…

「.htaccess」ファイルを設置する(基本認証編)

サイトに「.htaccess」ファイルを設置しました。 「.htaccess」とは Webサーバーに設置すると、設置したディレクトリ以下に対して制御することができます。 ※Webサーバーに「Apache」を使用していることが前提「.htaccess」ファイルでできること 主な用途と…

【WordPress】カスタムフィールド活用術:記事ごとにCSSを設定する

個別の記事にCSSを設定する カスタムフィールドを活用すると、作成中の記事に独自のスタイルを設定することができます。 WordPressの記事単体に独自のスタイルを設定したい場合、 エディタ内でCSSを書いてもスタイルを設定することはできますが、 これは推奨…

【CSS3】 アニメーションボタン

CSS3によるアニメーションボタン No.2 拡大・縮小するアニメーションボタンを作成しました。 Demo css3 アニメーションボタン(拡大・縮小) | WebStock 以下、ソースを記載します。[ソース] html <a href="#"><img class="area-main-topbtnr" src="http://サイト/パス/画像ファイル名" width="100%"></a> ※上記、サイト名、パス、画像ファイル名は適宜変更してくださ…

グローバルナビのテキストをhoverで切り替える方法

グローバルナビのテキストをhoverで切り替える方法 グローバルナビにマウスを重ねた時、文字を変更する方法を確認、実装してみました。ここでは、下図のように、 ↓ 標準時英語表記のグローバルナビメニュー ↓ (マウスホバー) ↓ 日本語表記するという動作を実…

Sass の編集にはこれがオススメ「Koala」

今日は、Sass編集時に役立つ、こちらのツールをご紹介させていただきます。 ダウンロード先: http://koala-app.com/ Sass (サス) とは Syntactically Awesome Stylesheets の略だそうです。 一言で言うと、拡張版CSSといったところでしょうか。 CSSが入れ子…

Bootstrap テンプレート 「UNION」でコーポレートサイトを作りました

今日は、Bootstrapテンプレートでコーポレートサイト(デモサイト)を作成しました。 使用したのは以下のUNIONというFreeのテンプレートです。 で、作成したデモサイトがこちらです。↓ SAMPLE PRESSこういったテンプレートを利用すると、 シングルページのスタ…

【現場テク】カンバスサイズから画像を指定サイズに加工(縮小)する方法

カンバスサイズから画像を指定サイズに加工(縮小) Photoshopの「イメージ」-「カンバスサイズ」から、画像を指定サイズに変更(縮小)する方法です。 【手順】準備: ※この作業時、「選択したレイヤーのバウンディングボックスを表示」はチェックしておいてく…