検索対象:

日本語でつけた画像名が文字化けする


サクサクわかるWordPress
サクサクわかるWordPress

対象箇所:238、241ページ(日本語でつけた画像名が文字化けする)

日本語で名前を付けた画像をアップロードしたときに、日本語が文字化けする現象が発生しています。

WordPress4.6.1をお使いの場合には、日本語タイトルが日本語に戻らず、「%E7%94%BB%E5%83%8F%E3……」のような状態でそのまま表示される不具合があります。

WordPress側でも認識されている不具合で、4.6.2にて修正される予定となっています。

緊急に修正する場合は、ソースコードを修正する必要があります。
内部構造を書き換えるので、必ずバックアップを行ってください。

詳細情報は、以下のWordPress.orgのサポートページで確認できます。

画像アップロード時のタイトルの文字化けについて


対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の正誤表
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


↓ シェア:

ナビゲーションメニューを設定する


サクサクわかるWordPress
サクサクわかるWordPress

対象箇所:203ページ(ナビゲーションメニューを設定する

Kichu右上のナビゲーションメニューでそれぞれの「投稿」を選択できるようにするには、「メニューの設定」が必要です。

以下の方法で、追加設定をお願いいたします。

  1. [外観]→[メニュー]を選択
  2. [メニュー]画面が表示される
  3. 「メニュー名」に名前を入力し、[メニューを作成]ボタンをクリック
    (ご自身のわかりやすい名前でOK)
  4. 左側の「投稿」欄で、メニューに表示したい「投稿」を選択し、
    [メニューに追加]ボタンをクリック
    ※メニュー一覧に表示されないときは、[すべて表示]タブをクリック
  5. 右側の「メニュー構造」で、メニューに表示したい順序を設定
    ※「メニュー構造」の上側に表示された「投稿」が、メニューでも上側に表示される
  6. トップページにしたい「投稿」の▼をクリックし、詳細設定画面を表示
  7. 「ナビゲーションラベル」に「HOME」と入力
  8. 「メニュー設定」で「Primary Menu」をチェック
  9. [メニューを保存]ボタンをクリック

対応バージョン&OS

WordPress 4.X
☆画面ショットは、WordPress4.6.1で行っています

『はじめの一歩! サクサクわかるWordPress 4.x対応』の概要
『はじめの一歩! サクサクわかるWordPress 4.x対応』の目次
『はじめの一歩! サクサクわかるWordPress 4.x対応』の正誤表
『はじめの一歩! サクサクわかるWordPress 4.x対応』に関する問い合わせ
『はじめの一歩! サクサクわかるWordPress 4.x対応』を購入


はじめの一歩! サクサクわかるWordPress 4.x対応:情報

書籍名:はじめの一歩! サクサクわかるWordPress 4.x対応
著 者:茂木葉子、天野裕子、遠藤岳史
出版社:マイナビ
ISBN978-4-8399-5987-6
256ページ
1,814 円
2016年11月25日発売


↓ シェア:

『DreamweaverCC2014スーパーリファレンス』:目次


Dreamweaver CC2014
DreamweaverCC 2014 スーパーリファレンス

Part1 Dreamweaver基本操作

  • Dreamweaver の画面構成
  • [ライブ]ビューの操作
  • 設定の同期 など

Part2 テキストの入力とマークアップ

  • テキストの入力と編集
  • テキストのマークアップ
  • テキストの装飾 など

Part3 HTMLコードの編集

  • HTMLコードの編集
  • クイックタグ編集(Quick Tag Editor)
  • HTMLコードの問題点の修正 など

Part4 リンクの設定と編集

  • リンクの設定
  • リンクの編集  など

Part5 イメージやメディアの挿入と編集

  • イメージの編集
  • Photoshop画像の挿入と編集
  • HTML5ビデオとオーディオの挿入 など

Part6 CSS(スタイルシート)の作成と編集

  • CSSスタイルの無効化、削除
  • CSSの移動、変換
  • CSSスタイルのプロパティと値 など

Part7 CSSによるデザイン制作

  • ボックスモデルをデザインする
  • デバイスごとにデザインを切り替える
  • 可変グリッドレイアウトを作成する など

Part8 Webデザインに便利な機能

  • ライブラリの活用
  • PSDカンプの活用
  • スターターテンプレートの活用 など

Part9 テーブルとフォームの作成・編集

  • テーブルの作成
  • フォームの作成
  • フォームの[プロパティインスペクター] など

Part10 モバイル専用ページの作成

  • jQuery Mobileの挿入
  • Query Mobileのカラーテーマの編集 など

Part11 サイトの管理と更新

  • サイトの新規作成と編集
  • サイトのチェックと同期 など

対応バージョン&OS

Dreamweaver CC 2014(Windows版、Mac版)
☆画面ショットは、CC 2014のWindows版で行っています

『DreamweaverCC 2014スーパーリファレンス』:目次
『DreamweaverCC 2014スーパーリファレンス』に関する問い合わせ
『DreamweaverCC 2014スーパーリファレンス』を購入


Dreamweaver CC 2014 スーパー リファレンス:情報

書籍名:Dreamweaver CC 2014 スーパー リファレンス
著 者:茂木葉子
出版社:ソーテック社
ISBN978-4-8007-1073-4
256ページ
2,894円

↓ シェア:

『DreamweaverCC2014スーパーリファレンス』:概要


Dreamweaver CC2014
DreamweaverCC 2014 スーパーリファレンス

Dreamweaverの主要機能を網羅

Dreamweaverはバージョンが上がるごとに便利な機能が追加されていき、2014年6月に発表された「Dreamweaver CC 2014」では、HTMLの構造を可視化する機能に磨きがかかりました。その4か月後、10月には早くもDreamweaver CC 2014.1が登場し、PhotoshopのPSDカンプをDreamweaverのWebページでフルに活用できるようになりました。

Chromeのエンジンを採り入れた[ライブ]ビューもますますパワーアップし、Dreamweaver CC 2014では、[ライブ]ビュー上で要素の挿入、テキストやイメージの編集も行えるようになっています。

しかし一方で、「機能がありすぎて難しく感じる」、そんな印象をいだいて途中で諦めてしまうユーザーも多いようです。
確かに、これだけさまざまな機能が搭載されていると、敷居の高さを感じて引いてしまうのは仕方のないことなのかもしれません。

そこで本書は、Dreamweaverの要の機能を、手順を追ってきちんと解説することに努めました。
新たに搭載された機能については、特にページを割いて解説しています。 また、ただの機能解説に終わらせず、「何故この機能がWeb制作に必要なのか」といったヒントや、「どのように使うことでWeb制作を効率化できるのか」といったTIPSも、随所に盛り込んでいます。
手順を追って操作しつつ、Dreamweaverの優れた操作性やWeb制作の効率化の方法、さらに、Web制作の面白さをも感じていただければ幸いです。


対応バージョン&OS

Dreamweaver CC 2014(Windows版、Mac版)
☆画面ショットは、CC 2014のWindows版で行っています

『DreamweaverCC 2014スーパーリファレンス』:目次
『DreamweaverCC 2014スーパーリファレンス』に関する問い合わせ
『DreamweaverCC 2014スーパーリファレンス』を購入


Dreamweaver CC 2014 スーパー リファレンス:情報

書籍名:Dreamweaver CC 2014 スーパー リファレンス
著 者:茂木葉子
出版社:ソーテック社
ISBN978-4-8007-1073-4
256ページ
2,894円

↓ シェア:

お礼参りの日々


書籍制作に集中した数ヵ月が抜けて、なんだか緩んでしまいました。
実際は、次の書籍をスタートせねば……の状態なのですが、今週はゆったりとお礼参りと積読書の読破に費やしています。

明治神宮
明治神宮

明治神宮の北参道門へ着いたのは、午後4時5分。すでに門の半分は閉じられています。
閉門は4時10分なのだそうな。知らなかった…。なんとか5分前に滑り込むことができました。

中に入ってからも「閉門は4時10分です」とアナウンスが流れていたので、お礼参りは無理かなあと思っていました。
それでも、本殿の扉の前まで行ってご挨拶だけ……と思って、歩みを進めます。

本殿前に到着。なんのなんの。皆様、ゆったりとまだまだ参拝中です(苦笑)。
海外の方々が溢れていたので、アナウンスの日本語&英語では意味がなかったのかもしれません。あるいはお国柄もあるのでしょうか。

参拝者が全員退出しないと本殿を閉じることはできないわけで、この喧騒はたぶん5時近くまで続くことでしょう。
取り急ぎ、さささっとお礼のお参りを行わせていただきました。

明治神宮
明治神宮、閉門間近

明治神宮はやっぱり、鎮守の杜の雰囲気がひじょうに好きです。巨木が折り重なり、その上から見える空が格段に美しい。参拝した日は天氣は今ひとつでしたが、それでも美しいと感じます。
上を見上げて、「ああ、いいなあ、まだ生きていてよかった」、なんだかそんな氣持ちになります。
感動し過ぎて、写真を撮るのをスコンと忘れましたけれど。

日本全国あちこちの神社を回っていますが、明治神宮はほっこり癒されます。自分とは相性が良い神社なのかなと思われる一社です。

明治神宮
明治神宮、参道

灯篭に巨大な蜘蛛が張り付いていました。街中で見る小さな蜘蛛ではなく、手足の長い蜘蛛です。
寒かったのかな。灯篭の明かりは少しは温まるのだろうか。

写真を撮っていたら、黒人のカップルが寄ってきて、「Spider、Spider」と言いつつ、同じように写真に収めていました。
この灯篭も蜘蛛君も、日本の風景になったかな。

明治神宮
行燈に蜘蛛

表参道を抜けていくと、そこはもう「原宿」駅です。門を出ると、若いお嬢さんたちが溢れていて、海外の方々も大勢で、いつもの日本の風景でした。

週末もお礼参りが続きます……

↓ シェア:

特典があります!


『はじめの一歩!サクサクわかるWordPress』の書籍に、特典が追加されました!!
(出版社:マイナビ、発売:11月25日)

サクサクわかるWordPress
サクサクわかるWordPress

特典1:サイトマップデータ
特典2:フォローアップ・カフェ参加権
特典3:カスタマイズ・マニュアル

今、この特典3を制作しているのですが、書き始めたらどんどん書きたいことが溢れてきてしまい、止まらなくなっています(爆)
最終的には、約30ページの冊子になる予定です。

本書で制作した3つのテーマ以外でも、「テーマを自分流にカスタマイズするコツ」が掲載されています。ぜひご参考になさってください。

特典の詳細は、以下のページにて。
https://book.mynavi.jp/pcbook/blog/detail/id=63222

12月11日までの期間限定です。お早めに。
はじめの一歩!サクサクわかるWordPress】を購入する

↓ シェア:

InDesign2017、最初の感想


Adobe CCが2017にバージョンアップされました。

まだすべてのソフトを試すことはできていませんが、まずは、最も頻繁に使っているInDesign2017の第一印象と使い心地についてご報告します。

ツールバーのフォントが1回り大きくなった♪

これは、すごく嬉しい改善点です。

どこででも作業ができるように、現在、デスクトップでのInDesign使用を止めて、小さなラップトップでInDesignを使っています。そうすると、ツールバーの数値や単位がよく見えなくて、後頭部に焦点を合わせる感じで文字を読んでいました。

InDesignのスタートは1999年からですが、その前、PageMakerから、それもAdobe製品ではなく、Aldus製品だった頃から使っていた方々は、(自分も含めて)、すでにそういうお年頃なわけで……(笑)
そういう私たちに、あの小さな文字は本当に見えなかったのです。そのために、わざわざメガネをかけるのって、なんだかシャクですしね。

今回のバージョンアップでは、後頭部に焦点を合わせなくても、普通に文字を読めるようになりました。
ありがたいです。

オリジナルワークスペースが消滅……

作業効率を高めるため、よく使うパレットは自分でカスタマイズして、オリジナルのワークスペースを登録していました。複数登録してあったのですが、全部、消えていました……。

すでにオリジナルワークスペースに脳内回路がならされているので、もう一度、登録するのにも面倒なことになりました。Ver.2015のデータを探したら出てくるのかもしれないけれど、引き継いで欲しかったです。
まあ、これは1回だけ登録すればいいだけなので、許します。はい。

先頭の文字を取りこぼす!

これが現在、一番困ったちゃんの状態です。文字を入力しようとすると、先頭の1キーを取りこぼします。9割の確率で取りこぼします!

「変換」と入力したいのに、「鉛管」と入力されるし……!
「操作」と入力したいのに、「追うさ」と入力されるし……!

しかも、その取りこぼしたキーが別のタイミングで一斉に入力されるのです。「h」とか「s」とかがゾンビのように現れる。
これは、バグでしょうか、仕様でしょうか、自分の使っているキーボードとの相性でしょうか。
今までのバージョンではそういうことがなかったので、これはやっぱりVer.2017が理由かなと思います。改善を求めます(涙)

重い……

InDesignは、中に貼り付けた画像のアプリケーション(Photoshop)を、InDesign上から呼び出して編集できます。連携機能としてとても便利な機能で、愛用していました。

ところが、この愛用がほとんど無理になりました。
InDesignからPhotoshopを呼び出そうとすると、どちらもデブになったようで、互いにメモリの取り合いを始めます。

P「俺のメモリだ、勝手に使うなっ!」
I「何言ってんのよ、私が先に使ってたじゃないっ!
あんたこそ控えなさいよっ!」

とか、やってるのかなと思うくらい、互いにメモリを取り合いしています。
先に起動していたInDesignは挙動不審で固まったような動きになるし、後から起動しようとするPhotoshopは、なかなか起ち上がりません。

もちろん、メモリを追加すれば済むj話なのですが、今まではちゃんと使えていた便利な機能なので、なんとも釈然としないです。君たちが勝手にデブになった代償を、こちらで払うのは変ではないかい?

何度か試しましたが、その都度、メモリの取り合いで喧嘩が始まります。
諦めて、InDesign単体、Photoshop単体で、それぞれ喧嘩させずに使うことにしました。
ところが……。

[終了]が遅くなった……

[終了]を選択しても、なかなかファイルが閉じてくれません。
その大きな原因を作っているのが、新機能の「ワークスペース」のようです。

この機能、必要なのでしょうか???? スマートフォンやタブレットだったら便利な機能なのかもしれませんが。
この機能のおかげで、他の操作に影響が出たり、メモリをばんばん食らうくらいだったら、「余計なお世話」のような氣がします。

不要な機能は全部OFFに!

とりあえず、環境設定の項目を確認して、不要そうな機能をOFFにしていきました。

「開いているドキュメントがない場合、「スタート」ワークスペースを表示」→ OFF!
「ファイルを開くときに「最近使用したファイル」ワークスペースを表示」→ OFF!
他にも、けっこう「要らないなあ」という機能があって、全部OFFにしました。

一番、メモリ食いは、その「ワークスペース」なんちゃらの機能のようです。
これをOFFにしたら、少しは高速で動くようになりました。ほっ。

他にも、「おかしいぞ」という挙動不審な箇所を発見していますが、きっと近いうちに、こっそりとバグフィックス版が出てくると思います。そうなりますことを期待しています。

いろいろ書き連ねてしまいましたが、それでも、InDesignが便利で使いやすいソフトであることに変わりはないです。
このソフトのおかげで、書籍制作の効率が飛躍的にアップしているのですから、InDesign君はやっぱり頼れる愛棒です。

InDesign Ver.2017。さらに使い込んで、今度は良いところをもっと発見したいと思います。

↓ シェア:

書籍、入稿しました


『はじめの一歩!サクサクわかるWordPress』、入稿しました。
執筆、統括編集、ページレイアウトを担当させて頂きました。
発売は11/25。予約可能です(出版社:マイナビ)

400ページ近くをレイアウトしました。
「こう書いたほうがわかりやすい」
「このレイアウトのほうがもっと見やすい」

どんどんアイデアが出てきて、作っては壊す!を繰り返してしまいました。

健氣なInDesign君は、何度成仏しても、必死に復元してくれました。
InDesignと友だちで、本当によかったです。

特典をご用意しました

なんとか凝縮してページ内に収めたものの、それでも泣く泣く削らざるを得なかった内容もあります。
その部分を、今回、特典としてご用意しました。

現在、このファイルを制作しているのですが、作り出したらどんどん書きたくなって止まらなくなって……(爆)。30ページ強の小冊子になりそうです。

特典は期間限定ですのでお早めに。

企画のきっかけ

本書の企画の発端は、とあるセミナーでした。
初めて見るWordPressを前に硬直している皆さん、「教えてもらったところ以外は触っていない」と語る皆さんを拝見していたら、WordPressのはじめの一歩!の書籍をどうしても作りたくなりました。

本書を読んでいただければ、硬直する必要もなくなりますし、毎回質問する必要もなくなります。自信を持ってご自身で操作できるようになります。

3つのテーマを作れます!

3つのテーマ(Webデザインのテンプレート)をご用意しています。「基本に忠実」、「色が素敵」、「写真が素敵」。お好きなタイプを制作なさってください。手順を踏んでいくだけで、まるまる1つ、Webサイトが完成します。

はじめの一歩!サクサクわかるWordPress
はじめの一歩!サクサクわかるWordPress サンプル

2016年前半は、打ち合わせのたびに詰問される状態が続いて自信喪失ぎみでした。長年、自分がやってきた技術を軽んじられ、魂を吸い取られている感じがしていました。

本書に関わらせて頂く中で完全復活。仕事で失った自信は、仕事で取り戻すに限ります。
今は、キラキラbizの強い味方もついていますし♪

さらに前へ進みます。

はじめの一歩!サクサクわかるWordPress
はじめの一歩!サクサクわかるWordPress サンプル

それにしても、書籍制作は本当に楽しいです。
やっぱり面白い。何度経験しても心底ワクワクします。
そして、とても奥が深い。まだまだ究め方が足らない、反省する箇所が多々ありました。

本書を通して、一番学んだのは自分自身です。

関わってくださった皆様に、厚くお礼申し上げます。
本当にありがとうございました。


書籍のサンプルページは以下にあります
https://www.facebook.com/Mynavibooks.Creative/photos/?tab=album&album_id=1378830538804392

↓ シェア: