WEB制作アプリケーション

アプリケーション

アプリケーションに関する記事は、103件あります。

アプリケーションに関する備忘録。

スパムコメントをプラグインなしで除去したい → comment_post

ある朝、メールが何十件も届いていて何かと思ったら、このブログへのスパムコメントだった。管理画面からコメントをスパム判定していく。同日の昼。メール確認したら、今...

WordPress

ショートコード便利だけど、!(html:5)の文字列をカスタマイズ

htmlファイルを新規作成して、「!」や「html:5」を入力して「Enter」すると、自動で基本となるhtmlがマークアップされる。このように、HTMLやC...

VSCode

背景色を黒から白ベースに変更する

どうしても黒ベースが苦手で。玄人感がある気がするのです。エンジニアさんの黒ベースは「おおー」って思うけど、自分の作業画面が黒ベースなだけで何となく難しい印象を...

VSCode

Google Apps Scriptで動的なWebページの情報を取得したい → PhantomJsCloud

Google Apps Script では、JavaScriptで読み込み準備後にコンテンツを生成するような動的なWebページの情報を取得することはできない。...

Google Apps Script

タブは半角スペース2つにしたい

VSCodeをインストールしたときは「タブを入力すると、半角スペースが4つ」となっていた(画面右下に、タブを押したときの振る舞いが表示されている)。ファイル単...

VSCode

get_terms で orderby が効かない場合

ターム一覧を取得するには、get_termsを使う。ターム一覧を投稿記事の多い順に取得しようと「orderby => 'count'」として、get_term...

WordPress

投稿やカスタム投稿のテンプレート分岐処理

カスタム投稿によって、テンプレートを変える方法は2つある。ファイル名を変更するか、もしくはここで紹介する分岐を利用する。 ここでは、カスタム投稿ではない...

WordPress

カスタム投稿でタクソノミーの値(ターム)を変更する方法 → wp_set_object_terms

カテゴリーやタグ(カスタム投稿でいうとタクソノミー)の値を管理画面外から更新する場合の備忘録。 wp_set_object_terms($object_...

WordPress

カスタムフィールドの値を変更する方法 → update_post_meta

カスタムフィールドの値を管理画面外から更新する場合の備忘録。 update_post_meta($post_id, $meta_key, $meta_v...

WordPress

記事の投稿IDなどの投稿者(ユーザー)情報を取得する方法 → get_the_author_meta

記事の投稿者(ユーザー)情報を取得するには、これまでは「get_userdata」を使っていたが、IDを取得したいだけなのに、もうちょっとシンプルな方法がある...

WordPress

ローカル環境(MAMP)でgmailからメール送信できるようにする

MAMPにWordPressを入れてテストをしていると、ユーザー作成時やら何かとメール送信が必要になるタイミングがる。何も設定をしていないとローカル環境のWo...

MAMP

商品ごとの最安値を価格コムから参照して、スプレッドシートに記入。毎日、自動更新で。

ふと、カメラレンズの価格が知りたくなった。その数、50本くらい。いや、もっと増えるだろう。価格コムの最安値を参考価格とする。さっそく、Googleスプレッドシ...

Google Apps Script

コメントされたときのみ、コメント最新リストを更新する

最新コメント5件を表示するような共通エリアを、すべてのページに用意するお話しです。 実現したいこと 最新コメント5件を表示するような共通エリアを用意す...

WordPress

Advanced Custom Fields 名前を変更して、データも反映させる

WordPressを自作する上でもはや欠かせないプラグインの一つが、「Advanced Custom Fields」。 名前を変更しようと思って、Word...

WordPress

MAMP を 5.7 から 6.2 にアップデートした

5年以上前と比べると、アップデートが簡単で驚く。とくに記事にするまでもないと思いつつ、一応備忘録。 インストールすると、既存のディレクトリはそのままに別名...

MAMP

Briefly unavailable for scheduled maintenance. Check back in a minute. → . maintenance を削除

プラグインを更新中に、誤って、違うページにアクセスしまいました。すると、管理画面だけでなく、公開中のすべての画面が「briefly unavailable f...

WordPress

投稿を公開したときに指定したページにアクセスする

この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正しま...

WordPress

Custom Post Type UI で 投稿画面にタクソノミー が表示されなくなった場合 → REST API

数ヶ月前、WordPress本体をバージョンアップして、エディタがガラリと変わった。その際、それまでサイドナビに、Custom Post Type UI(CP...

WordPress

favicon.icoをWordPressの管理画面からアップロードできない→ wp-config.php を一時的に修正

いつもは直接アップロードしているので気にしていなかったが、WordPress管理画面のメニュー「メディア」からfavicon.icoをアップロードしようとした...

WordPress

booleanを返却する、便利なWP関数

booleanを返却する、便利なWP関数を備忘録がてらまとめようと思ったら、すでにWikiにまとめらてました。これは便利。条件分岐タグ - WordPress...

WordPress

カスタム投稿のタクソノミーの一覧や選択した値を取得する → get_the_terms(), get_terms()

たとえば、タクソノミースラッグを「genre」、複数形のラベルと単数形のラベルを「ジャンル」として、ジャンル候補として、下記を作った場合。 ...

WordPress

カスタム投稿タイプの投稿ページで投稿タイプのスラッグ/ラベルを取得する → get_post_type()

たとえば、投稿タイプスラッグを「movie」、ラベルを「映画」としたとき、投稿ページ(single-movie.php) の中で、それぞれの値を取得する方法。...

WordPress

サイトのURLを変更して、管理画面が表示されなくなった場合 → functions.phpの一時修正

DBを修正する必要はなかった! WordPressの管理画面で、メニューの「設定」→「一般」にある、WordPress アドレス (URL) を変更するこ...

WordPress

記事ページで、前後リンクは祖先カテゴリーを対象にする

前後記事ページを表示するのは、あらかじめ用意された関数を使うことで簡単に実装できる。ただし、記事のカテゴリーの祖先カテゴリ(*1)を対象にした前後記事ページを...

WordPress

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを...

WordPress

WP_Queryを使って絞り込み検索するのにコレは便利!

めっちゃ参考になるページを見つけた。絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。参考: これは便利!WordP...

WordPress

アーカイブページでカスタムフィールドやタクソノミーで絞り込みした状態でリスト表示する

<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post...

WordPress

Sassファイルを保存するとcssファイルが自動作成されて困る→サイト管理

sassファイルを保存すると、cssファイルが自動生成されるという症状でしばらくの間、ストレスだったがようやく解決。 例えば、var.scssを修正して保存す...

Dreamweaver

WordPressでシングルコーテーションの半角が全角になってて困る

サンプルソースコードをコピペして使おうと思ったら、うまくいかない。アレ?コード間違えたかな、と確認するも間違いがない。だがしかし、書き出されたソースで半角が全角...

WordPress

WordPressでAMP対応して、Googleアナリティクスを設定する → プラグイン「AMP」

【2020年4月11日更新】 プラグイン名が「AMP for WordPress」から「AMP」に変更され、作成者も「AMP Project Contribu...

WordPress

記事のコメントの投稿と表示をテンプレートに直接書いてみる

記事のコメント部分を最低限必要な情報のみ直書きしてみます(WordPress 4.9.2 で実施)。 前提 誰でもコメントできる(管理画面の「設定」→「...

WordPress

イラストレーターでレイヤーごとにPNGで書き出す

【2020年07月13日】 macOS Catalina(10.15.5) / Adobe iLLustrator 2020(24.2.1) にて動作確認済...

Illustorator

_notesとdwsync.xmlを削除する

普段、dreamweaverを使って制作している。 どうやら、dreamweaverをデフォルトの設定で使用していると、dreamweaverの管理下にあるフォ...

Dreamweaver

MAMPでMySQLが起動しなくなった時

もはや自分の制作環境において、なくてはならないツールの一つがMAMP。 それが突然使えなくなってパニクる。具体的には、Apacheは起動するが、MySQLが起動...

MAMP

MTOSをサーバー移行したので備忘録

Movable Type Open Source(MTOS)で運営しているこのWebサイトをサーバー移行をしました。 試行錯誤で色々失敗しましたが、整理すると以...

MovableType

MAMPでMySQL Serverが突然起動しなくなった時 → ログファイル削除

便利なツールを使いすぎて、それが使えなくなった時のテンパり方は半端ない半端ない。 MAMPもそのひとつ。 そんなMAMPを起動しようとしたら、Apache サー...

MAMP

wp_head() で表示される、CSSやJavaScript(JS、jQuery)を削除する

テンプレートをフルカスタマイズで作ろうとしたとき、wp_head() で表示される内容が不要なのでどうにかできないものか。 はじめは、wp_head() メソッ...

WordPress

WordPressで記事の数を取得する → wp_count_posts() か found_posts

記事の数を取得する際の2つのケース。wp_count_posts() と found_posts を使い分ける。 通常 公開済みの投稿数を取得 $co...

WordPress

管理画面のカスタム投稿一覧で並び順を変更する

WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること...

WordPress

アイキャッチ画像のURL情報だけを知りたい → the_post_thumbnail_url()

アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得するメ...

WordPress

Advanced Custom Fields を使った条件分岐(セレクトボックス、チェックボックス、ラジオボタン、真偽)のテンプレート記述方法

前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関...

WordPress

入力フォームを自由にカスタマイズできる「Advanced Custom Fields」

Movable Typeでいうところのカスタムフィールドを使おうとしたら、Wordpressでは「Advanced Custom Fields」というプラグイン...

WordPress

画像保存時に画像サイズを軽量にしてくれる「Compress JPEG & PNG images」

画像ファイルの容量は小さいほうがいい。でも大きい画像でRetina対応もしておきたい。そんな要望に答えてくれるWebサービスが、TinyPNG - Compre...

WordPress

カスタム投稿をつくる最強プラグイン「Custom Post Type UI」

この「Custom Post Type UI」というプラグインのおかげで、WordPressは「ただのブログに特化したCMS」というイメージから「あらゆる利用シ...

WordPress

管理画面にアイキャッチ画像の入力エリアが表示されない場合

投稿画面にアイキャッチ画像の入力エリアが表示されなくて困りました。 もともと用意されているテーマを選択すると、アイキャッチ画像の入力エリアが表示されることが確認...

WordPress

テキスト置換するプラグイン「Search Regex」

Movable Typeの記事をWordPressに移行した際、記事内の画像パスを修正する必要があったのに気づく。 Movable Typeではデフォルトの機能...

WordPress

テンプレートの種類と優先度

ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php sing...

WordPress

完全オリジナルテーマを用意する

事前条件:すでにWordPressがインストールされていること。 この記事はWordPress4.8で実践しながら書いています。 参考までに。 MAMPをインス...

WordPress

アウトラインが取られていない → 原因は2つ

Webではなく印刷物のお話。印刷会社から「アウトラインが取られていません」という指摘を連続でくらってしまったので、反省の意を込めて備忘録。 アウトラインが取ら...

Illustorator

Fireworks → Illustorator パス移動

両アプリケーションを開いて、ドラッグ&ドロップすればできると思ったらできなくて焦ったので備忘録。 Fireworksで開いたファイルを、「別名で保存」 Fi...

Fireworks

mampを使ってマルチドメインのローカル環境をつくる

完全備忘録。 新しいマシンで設定するたびにググってはなかなか該当記事を見つけられずにいたので、備忘録がてら記事にします。結局「mamp バーチャルホスト」でググ...

MAMP

Googleアナリティクス 自宅からのアクセスを除外する

自分自身だけでなく、関係者のPCやスマホ、タブレットからのアクセスも除外したい 新規サイトを制作した際に、Googleアナリティクスを設定して、自宅というか関...

Google analytics

ローカル環境MAMPにWordPressをインストール

ローカル環境はMAMPを使いました。 データベースを作成する MAMPを起動し、「サーバを起動」後、「オープンWebStartの」をクリックします。 「ツ...

MAMP

MAMPの日時(タイムゾーン)を変更する

MAMPを使用していて、日時の情報を制御しようとしたとき、取得している日時が日本時間ではないことに気がついた。時差を計算してPHPでプログラミングしていたが、...

MAMP

http://localhost:8888/ → http://localhost/

http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M...

MAMP

MAMPをインストールしてローカル環境を作る

公式サイトからMAMPをダウンロードする MAMP & MAMP PROへアクセスします。 ヘッダー上部メニューの「DOWNLOAD」をクリック 画面真ん...

MAMP

ファイルへのリンク PART2

以前、「ファイルへのリンク」については触れ、ファイルへのリンクが便利ということを記述したが、今回はファイルへのリンクを利用する際のトラベルシューティング。 ...

MovableType

アーカイブマッピング Part3

アーカイブマッピングでも触れてはいるが、今一度リマインド。 直接テンプレートタグを使用できる! アーカイブマッピングに直接テンプレートタグを使用するこ...

MovableType

MovableTypeでカテゴリ選択効かない!?

MTOSのバージョンアップをしたところ、記事を保存する際、カテゴリ選択が無効になり焦った。 テーマのエクスポートで失敗したのか、とカテゴリは含まずにテーマをエク...

MovableType

元ファイルなしの画像を修正する

Photoshop、ど素人です。Fireworksばかり使ってきたため、FireworksでやってたことをPhotoshopでやろうとするとやり方がわからず、軽...

Photoshop

カテゴリー別に記事一覧を表示する

インデックスアーカイブ、ブログ記事アーカイブにおいて使うのに最適。 ※カテゴリーアーカイブにおいては、コンテキストの関係でうまくいかないので、要注意。 サンプル...

MovableType

カスタムフィールドに値がある最新の10 件のブログ記事表示する方法

MTEntriesのモディファイアの組み合わせで実現することはできませんが、 指定したカスタムフィールドに値がある場合のみカウントして 10 件表示させる方法で...

MovableType

画像の切れ間と背景をなじませる

画像の端と背景の境が分からないように画像を用意する際の手っ取り早い方法の覚書。 Windows XP CS3で実施。 「レイヤ」追加 ツール「選択範囲」を選...

Photoshop

特定の文字で複数にセルを分割する

たとえば、セルに「テスト左:テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ...

Excel

矩形の幅と高さを知る

幅と高さを知りたい矩形を選択。そして矩形情報を表示すれば、幅と高さが分かる気がするのだが(下図参照)・・・。 これだけでは、幅と高さだけなぜか表示されない。幅...

Photoshop

ファイルへのリンク

「Web上ですべてを完結できる」というのは、MTのメリットの一つです。 ただ、実際の制作フローでは、ローカル環境で作業して、それをMTに貼付けるシーンは多いかと...

MovableType

モブログくんを使えば、携帯からMT記事を投稿できる!

携帯から記事を投稿できるようになったら、もはや無料ブログを凌ぐんだろうなぁ、と思ってたらいろいろありました! ちなみに携帯からブログを更新することと「モブログ」...

MovableType

便利ショートカット

「選択できねぇ!」 画面上の要素をクリックしても選択されない。Fireworksではまずそんなことはなかった。Photoshopでは、Fireworksと違って...

Photoshop

format属性

mt:entrydateなどを利用して日付を表示させる場合、その形式はformat属性(モディファイア)を使って編集します。 パラメーター 表示例(補足)...

MovableType

mt-config.cgi

「CGI」という言葉だけで、まだ拒否反応が起きる。 でもどうしても「mt-config.cgi」を修正したくなった。 ただ、config.cgiを修正する際の注...

MovableType

検索関連

検索窓やタグクラウドの最もシンプルな記述 インデックステンプレート、すべてのアーカイブテンプレートで利用できます。 検索窓 <form method="g...

MovableType

カテゴリごとのエントリ一覧 Part2

エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合をもう一度考えます。 <mt:categorylabel setva...

MovableType

カテゴリごとのエントリ一覧

エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合を考えます。 特定カテゴリのエントリ一覧 <MTEntries la...

MovableType

透明GIF画像の書き出し方法

たとえば、白文字が混じった画像を透明GIFにする場合、背景だけでなく白文字までが透明化されてしまう。 ずっと悩んでいたがようやく解決できたので覚え書き。 形...

Fireworks

アーカイブテンプレートの自動変数

アーカイブテンプレートには、各々のテンプレートの種類やテンプレートが出力するアーカイブの種類に合わせて自動的に変数が設定され、値として「1」が代入されます。また...

MovableType

アーカイブマッピング Part2

アーカイブマッピングは、アーカイブテンプレートをどんな種類で、どこに、どんなファイル名で出力するのかを設定する機能。 同じアーカイブテンプレートや、複数のアーカ...

MovableType

テンプレート作成の初歩 Part2

テンプレートは、ブログ単位のテンプレートと全ブログ共通のグローバルテンプレートに大別されます。さらに、ブログ単位のテンプレートは大きく5種類に分類されます。 ...

MovableType

MovableTypeをMac環境で 3/3

手順 2 まずは、Movable Type「MT-4_1-ja」フォルダを「mt4」にリネイムし(ネーミングは任意です)、[(ドライブアイコン)] → [アプリ...

MovableType

テンプレートタグの書式

タグの書式で守らなければならないルールは2つ。 タグの名前を「MT(またはmt)」からはじめる。 区切り文字を挿入できる位置は「MT」と「タグの名前」の間のみ...

MovableType

コメントアウト

テンプレート上の視認性を高め、生成されるファイルには表示されないのが特徴 簡単なコメントを残す場合 <$MTTemplateNote value="ここに...

MovableType

MTInclude関連

MTInclude module="テンプレートモジュール名" テンプレートモジュール名を呼び出すことができる。 MTInclude file="ファイル名" ...

MovableType

条件処理するコンディショナルタグ

If文 <MTIf 条件式A> 条件式Aが真の場合の処理 </MTIf> <MTIf 条件式A> 条件式Aが真の場合の処理 ...

MovableType

変数を設定・参照するテンプレートタグ

MTSetVarファンクションタグとMTVarファンクションタグ MT記述例 <MTSetVar name="thisWebSite" value="0...

MovableType

テンプレートタグとコンテキスト

コンテキスト どのブログか?どのカテゴリか?どの記事(ページ)についてか?どの部分のことなのか?を指定する テンプレートタグ データ内容を抽出・出力する モディ...

MovableType

MT4.1で何が変わったか

  MT3 MT4.0 MT4.1 ブログ記事カテゴリー管理 / アーカイブ作成 エントリー ○ ○ ウェブページフォルダ管理 / ...

MovableType

MovableTypeをMac環境で 2/3

手順 1 まずは、Movable TypeとMAMPをマッチングさせるためにフォルダを整理します。 Movable Typeをインストールした際に生成されたフ...

MovableType

MovableTypeをMac環境で 1/3

Mac OS X に Movable Typeをインストールし、ローカルテスト環境を作りました。実際、ネット検索しながらいろいろ試したのですが、なかなかうまくい...

MovableType

MT4.0から4.1への移行

mt4.1へバージョンアップさせるために、「mt4.0 mt4.1」でググって調べつつ作業しました。残念ながら、すんなり移行することができなかったのですが、それ...

MovableType

テンプレート作成の初歩

MTのすごいところは、そのカスタマイズ性。まっさらな状態から作成できるのがこの上ない魅力である。 必要最低限のソースはたった二つ。html要素タグに属性「id=...

MovableType

アーカイブマッピング

MTを「ブログ」としてではなく、「CMS」として利用する場合、ディレクトリ名とファイル名は自由に設定したい。 ところが、何の設定もしていないデフォルトの状態で新...

MovableType

MovableTypeの基本

MT(MovableType)をカスタマイズするには、まずMTの仕組みを知る必要がある。 公開までの一般的な流れとMTの関係 Webサイトの構成を決める→...

MovableType

MovableTypeが熱い!

MovableTypeを利用し始めて1年経った。とはいえ、基本設計は公開時にやったきりで、その後と言えば、ひたすら更新作業だけだった。しかも更新する箇所のコンテ...

MovableType

文字コード変換

記述方法は間違いないのに、文字化けしてしまう。 xhtmlはutf-8で宣言していたのだが、Javascriptで記述された日本語がブラウザで確認すると文字化け...

Dreamweaver

切り抜いた画像を他のアプリケーションで利用する

せっかくPhotoshopである写真を形取ったのに、その画像をIllustreatorやFireworksにコピペすると、入らぬ背景までくっついてきてしまう。 ...

Photoshop

自由自在にレイアウト変更できるCMS

タイトル ビジネスブログ・テンプレートブック 著者 中村義和 発行日 2006年6月20日 値段 2,800円+税 カスタマイズ性に...

MovableType

ハイバーリンクを抽出

エクセルを使用時、テキストにリンクが設定されている場合、そのURLのみを別のセルに書き出す場合 ALT+F11で標準モジュールを挿入、下記をコピペする。 Pu...

Excel

ファイルをロックする

「ファイル」タブ→「名前をつけて保存」を選択 「ツール」→「全般オプション選択」を選択 「保存オプション」ウィザードが開かれるので、暗証番号などを指定する

Excel

フレーム数

NTSC(日本) 29.97フレーム/秒 PAL 25コマ/秒 映画 24コマ/秒 30フレームで制作することが多いが、60フレームで作成す...

Flash

loadingバーを作る(こだわり編)

パーツを作る 100%読み込まれた状態を作成。 矩形ツールで線と塗りを設定。 塗りの部分だけを選択し、ムービークリップシンボル(ショートカット「F8」、「名...

Flash

loadingバーを作る(続シンプル編)

読み込むバイト数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 pe...

Flash

loadingバーを作る(シンプル編)

読み込むフレーム数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 p...

Flash

ビットレートの目安

ナローバンド(アナログ/ISDN回線)向け 60Kbps ブロードバンド(ADSL/FTTH回線)向け 300Kbps

Flash

Flash Videoを配信する方法

手順 素材用意 FLV形式に変換 配信メカニズム決め swfファイルに埋め込み 数秒のデータを扱うのに有効 プログレッシブダウンロード ここの操作方法を言及...

Flash