WordPress, plugin water mark

画像系のサイトを運営するにあたりすかし画像を手軽に設定できるものはありませんかとのご質問。

WordPressならプラグインで手軽に作成が可能のようです。→まだ試してないので、他のメディア関係のプラグインを入れていると不具合がある可能性があります。

イラストレーターやフォトショップで自動化するよりも手軽に出来るかもしれません。

これは Water mark についての書きかけの記事です。

[ACF]繰り返しフィールド/リピート(repeat)使い方、表示方法。カスタムフィールドで投稿の最後に「出典と引用」を表示する。 Advanced Custom Fields

カスタムフィールドで投稿の最後に「出典と引用」を表示する。

無料のカスタムフィールドを使う場合

<?php if(post_custom('sources-and-citations')): ?>
<div>Sources and Citations:<?php echo post_custom('sources-and-citations'); ?></div>
<?php endif; ?>

the_fieldのがシンプルでした。

状況によって試して見てください。

<?php the_field('title');?>

有料/PRO版のカスタムフィールドを使う場合。繰り返しフィールドで表示する。

ACF Advanced Custom Fields(アドバンスドカスタムフィールド)のPROバージョンを持っているのループ、繰り返しできるフィールドで調整しました。
プラグインのlinkを使ってみましたが、表示がおかしくなるので下記のコードに変更しました。

<div style="padding: 20px 0px 15px 20px;background-color: #f8f8f8;font-size: 14px;line-height: 22px;text-align: left;background-position: center center;background-size: cover;">
  <?php if( have_rows("sources-and-citations") ): ?>
    <h2>出典と引用</h2>
    <p>Sources and Citations</p>
    <ol style="list-style-type: decimal-leading-zero">
      <?php while ( have_rows("sources-and-citations") ) : the_row(); ?>
        <li><a href="<?php the_sub_field('link');?>" target="_blank" rel="noopener noreferrer"><?php the_sub_field('link');?></a></li>
      <?php endwhile; ?>
    <?php endif; ?>
  </ol>
</div>

Mac のMagic keyboard US版を使い始めましたが。
enter(return)が小さいので文字の「確定」をしようとすると¥を押してしまうwww
文字タイプ変化は慣れました。

新しいことにチャレンジするなら→日本語キーボードからUSキーボードに変える!

詳細を入れられるようにしました

<?php if( have_rows("sources-and-citations") ): ?>
  <div style="padding: 20px 0px 15px 20px;background-color: #f8f8f8;font-size: 14px;line-height: 22px;text-align: left;background-position: center center;background-size: cover;">
    <h2>出典と引用</h2>
    <p>Sources and Citations</p>
    <ol style="list-style-type: decimal-leading-zero">
      <?php while ( have_rows("sources-and-citations") ) : the_row(); ?>
        <li><a href="<?php the_sub_field('link');?>" class="external external_icon" target="_blank" rel="noopener noreferrer"><?php the_sub_field('link');?></a> ※<?php the_sub_field('comment');?></li>
      <?php endwhile; ?>
    </ol>
  </div>
<?php endif; ?>

インフルエンサーから学ぶメモ インタラクティブな投稿、疑問形

参考保存用

WWD:SNSにおいて、反応のよい投稿はどのようなものですか?

ダーイー:最もコメントが多いのは、インタラクティブな投稿です。例えば、「とてもかわいい服でしょ!」と投稿しても、かわいくないと思ったファンからは反応がないけれど、「この服どう思う?」と投稿すると反応が返ってくるの。もしくは、「このリップの色が素敵」という言い切りの形の文章と「どの色のリップが好き?」という質問調の文章だと、後者の方がインタラクティブですよね。疑問形にすることで、彼らは私がみんなの投稿を見ているということがわかるし、私も返信できる。ファンはそのやりとりが好きなの。

引用:WWD
https://www.wwdjapan.com/453881

無料で作れるホームページ: Zoho Sitesを使ってみる

無料で作れるホームページ: Zoho Sitesを使ってみる

作成したサンプル:
http://atomon9.zohosites.com/

一言感想;どっかのサービスと似ている操作感です。日本でもバランスなど見た目も良さげです。
編集画面は英語のみ?どこかには言語変更があると思います。
footerのzohoロゴが画像でなくテキストだと最高です。他の無料ホームページの広告よりは控えめでオススメです。

■無料プランでできること


5ページ
500MBのストレージ
3GBの帯域幅/月
2つのフォーム
10MBの最大ファイルサイズ
ファビコン
モバイル最適化=レスポンシブ
自動サイトマップ

■レイアウト見本

■編集画面

■5ページまでは無料

6ページ目を追加しようとするとこのようになります。

その他の無料で作れるサービス一覧:https://atomon9.com/design/homepage-muryo-list-tada-free/

フッターのZohoロゴ

無料で作れるホームページ: crayonの使い方をまとめてみる

無料で作れるホームページ: crayonを使ってみる

作成したサンプル:https://atomon9.crayonsite.net/

一言感想;スマホで更新ができるようですがパソコンで作業しました。スマホは後ほど
パソコンでの使用感は左サイドにあるメニューがわかりづらいですがプレビュー画面を見ながらの編集なので簡単に更新作成ができます。
プレビューしながらだともっさりとした、重い動きが気になると思われますが、以外に早い動作で簡単に作れました。
テンプレートのまま作ると若干古臭い印象ですが、情報を伝えることが重要なので見た目にそれほど気にしないのであれば簡単なのでオススメです。

■レイアウト見本

■編集画面

■ページは3ページまで無料

その他の無料で作れるサービス一覧:https://atomon9.com/design/homepage-muryo-list-tada-free/

Apple magic keyboard US版を使ってみた

ついにマジックキーボードを購入しました!
一番の購入のポイントは、サポート先の制作会社で使用した時にすごく使いやすくて

手首が疲れにくく快適だったからです!

初日なので、やっぱりショートカットで手が止まります。

MLA22LL/A

View this post on Instagram

Apple Magic Keyboard MLA22LL/A #apple #mla22LL/A

A post shared by buona pace (@buona_pace) on

無料で作れるホームページ: Webnodeの使い方をまとめてみる

無料で作れるホームページ: Webnodeの使い方をまとめてみる

作成したサンプル:https://atomon9-web.webnode.jp/

その他の無料で作れるサービス一覧:https://atomon9.com/design/homepage-muryo-list-tada-free/

URLにアクセスしたら「さあ、はじめよう」をクリックしましょう。

はじめに下記の設定をおこないます。

■サイト名
■メールアドレス
■パスワード

入力が完了したら「登録&作成」を選択しましょう。

登録が完了するとホームページかEショップかを選択する画面になります。


ここではホームページを選択します。

テンプレートの選択


Webnodeでは様々なテンプレートが選べます。テンプレートがあればあらかじめ、デザインが設定されているので簡単にページを作ることができます。
0から作るとなると、CSSやhtmlなど勉強がひつようになりますので、こういったテンプレテートは嬉しいですね。

読み込みが若干遅い時がある。読み込み中のまま、しばらくくるくるしています。

やらなきゃいけないことが多いクリエイターこそ、仕事の時間を削って外に出る。ADOBE MAX JAPAN 2018 2018.11.20 火 in パシフィコ横浜

adobe製品にずっとお世話になっているけどadobe関連のイベントに参加したことが有りませんでした。

Wordcampに参加した時はだいぶ参考になりました。自分の知識はどのラインで、これから始める/始めたばかりの人はどの程度のWordPressを理解しているかを感じ取れました。

今回ADOBE MAX JAPAN 2018に行こうと思ったきっかけは、photoshop/illustratorをメインで使っていますが作業するツールや加工の工程が定番化しているので新しい使い方の発見があるかなと期待しているのと、気になっていたAdobe XDに触れようと思ったことです。

https://maxjapan.adobe.com/

ちなみに私が申し込んだのはこちらです。(あとでじっくり見て変更すると思います)

開催日時 セッション名

2018/11/20 13:45~14:35 Dreamweaverで学ぶ、”いい感じ”にするための実践CSSテクニック
2018/11/20 15:05~15:55 Dreamweaverで学ぶBootstrap 4!Adobe XDカンプからレスポンシブWebページを世界最速コーディング
2018/11/20 16:25~17:15 デザイナー・イラストレーター必見!世界的コンセプトアーティストがライブペイントで魅せる脅威のPhotoshopマル秘テク2018
2018/11/20 17:45~18:35 クライアントをも変えるAdobe XDを使ったディレクション

クリエイターが主役になる1日 普段、縁の下の力持ち的に様々なアウトプットを創出しているクリエイター。そんな皆さんが主役となる日本最大のイベントです。

■日時
11月20日 (火) 9:30 – 21:00(受付開始 9:30予定)
11月19日 (月) 13:00 – 19:00 (Day 0)
■会場 パシフィコ横浜  展示ホールB/C、アネックスホール
■参加登録 要事前登録(無料)
* 一部有料セッション有
■対象 グラフィックデザイン、写真、Web製作、映像製作に携わるクリエイターの方、およびそれらを目指す方
■ハッシュタグ #AdobeMAXJapan

* 記載の内容は予告なく変更する場合があります。予めご了承ください。
* 本イベントはスマートフォンやタブレット等の端末にて受講パスの提示やアンケート記入を行っていただきます。端末をお持ちでないと一部アクティビティへの参加やノベルティのお渡しができない場合があります。予めご了承ください