Asobino yashiro

A comprehensive summary site on play

メニュー

DigiPress:ショートコード【スクリーンショットの使い方】

32 views
約 4 分

まず初めに!今回はDigiPressのショートコードにある【スクリーンショット】の使い方を分かりやすくご紹介します。スクリーンショットは掲載したいWebサイトなどのアドレスを入れるだけで簡単にオシャレなリンクバナーが作れてしまう優れものです。勿論自分のサイトのアドレスも使えるので、新規に制作したページの紹介記事を書いた際にこのスクリーンショット機能を使えば簡単に見てもらいたいページのリンク先バナーを作ることが可能です。

【スクリーンショットの使い方】

まず初めに、記載しているブログのスクリーンショットを入れたい場所を指定します。指定したら左上の(+)ボタンを押し、【Digipressショートコード】を選択します。

【Digipressショートコード】を選択するとポップアップが開き、Digipressショートコードの一覧が表示されます。一番左上にある【スクリーンショット】をクリックします。

【スクリーンショット】を選択すると上記の様な入力フォームが出てきますので、上から順番に項目を埋めていきます。

  1. スクリーンショットで表示させたい場所のURLを入力します。
  2. 選択すると自分の好きな表示幅を入れます。(初期設定のままでも良いです。)
  3. alt属性値を入れます。(特に入れなくても大丈夫です。)
  4. rei属性値を入れます。(特に入れなくても大丈夫です。)
  5. タブで新規に開かせたい場合はスイッチをONにします。

  1. スクリーンショットに表示させたいタイトルを入力します。
  2. キャプションを入力します。(開きたくなる様なタイトルに対しての補足の文章を考えて入力します。)
  3. スイッチをONにすると、はてなブックマークのアイコンを表示できます。
  4. スイッチをONにすると、ツイッターのアイコンを表示できます。
  5. スイッチをONにすると、フェイスブックのアイコンを表示できます。

  1. 追加でCSSを入れたい場合はクラス名を入力します。
  2. 最後にプレビューボタンを押し、どの様なビジョンになったか?を必ず確認します。
  3. 【ショートコードをコピー】を押しブログページに戻ります。生成したコードをブログ上に貼り付け完成です。
  4. プリセットを押すと作成したスクリーンショットを保存しておく事が可能ですので、何度もこのスクリーンショットは使用するだろうと思ったら登録しておきましょう。次回からワンタッチでブログにスクリーンショットが貼れるのでとても楽です。

【スクリーンショットの完成】

Screenshot

遊びの社 Asobinoyashiro

遊びの社へようこそ。「いつか誰かの為になる。」「いつか誰かの役に立つ。」「いつか誰かが笑う。」そんな思いを抱きサイトを立ち上げました。

この様な感じで先程作成したスクリーンショットは表示されます。とてもミニマルなデザインで洗練されたスクリーンショットが簡単に作成できてします。プリセットで保存しておけば次回からは、ものの5秒くらいでスクリーンショットをブログ内に貼れますのでとても便利です。

まとめ

Digipressショートコードを使用した【スクリーンショット】は、自分のお気に入りのサイトを紹介したい時など、そのWebサイトのスクリーンショットを簡単に作れてしまいます。使い方は自由で、URLが存在するページなら何でもこの様なオシャレなスクリーンショットにできてしまいます。工夫次第ではブログの最後に自分の読んで欲しい記事などのスクリーンショットを貼っておいたり、商品宣伝のスクリーンショットを作成したりできますので、使い方は無限大なのでぜひ使ってみてください。

スポンサーリンク

コメントはこちら

*
*
* (公開されません)

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Evernote
Feedly
Send to LINE