はてなブックマーク

❗ ショートコード「display-posts」で生成したサムネイル画像付き記事リストをタイル状に並べたり、丸くしたりするためには WordPress.com を「プレミアム」プラン等にアップグレードする必要があります。 ちなみにこのサイトは「プレミアム」プランにアップグレードしてあります。(2016-05-10追記) ショートコード「display-posts」でできる主なこと サムネイル画像付きの記事をタイル状に並べることができる。 固定ページや投稿記事にアイキャッチ画像を設定することにより、サムネイル画像付きの記事をタイル状に並べることができます。 カテゴリーやタグを使って、特定の記事だけ表示することができます。 サムネイル画像付きの記事のリストを作成することができる。 抜粋文や日時を追加するなどして、サムネイル画像付きの記事のリストを作成することができます。 サイドバーやフッターに

カテゴリー「貼付け方：枠／ボックス」、「貼付け方：欄（カラム）」、「ボックスの整列・配置・レイアウト」

最終更新日：2016-01-07 WordPress.com で記事を作成していくにあたり、言葉と画像があれば、そこそこのことは表現できますが、たまに動画や音などを差し込んだりしたくなるときがあります。そういったものの中の一つに「フロー図（フローチャート）」があるのですが、私の中ではなかなか「このツールだ！」というものがありませんでした。 そういった中、 iPad のアプリ「Lekh Diagram 」はかなりいい線いっていると思ったので、今回、紹介することにしました。このアプリを使うと、例えば、以下のようなフロー図を作ることができます。 作っているようすは以下のような感じ。 （BGM あり。） ただし、私の中では 2 つの「壁」がありました。１つは「文字入力の壁」、もうひとつは「画像のインポートの壁」です。 なお、フロー図の骨組みだけ作って、そこから先はパソコンの mac や windo

Google カレンダーのレスポンシブ対応についての考察です。 Google カレンダーをレスポンシブ対応させる方法（テーマによっては手直しが必要） 以下のような感じのＣＳＳを追加し、 .calendar-container { position: relative!important; padding-bottom: 90%; padding-top: 30px; height: 0; } .calendar-container iframe, .calendar-container object, .calendar-container embed { position: absolute!important; top: 0; left: 0; width: 100%!important; height: 100%!important; } @media screen and (max

一般にウェブサイトには、新着情報があるものですが、 首相官邸ホームページ WordPress.com の「最近の投稿」ウィジェットを使うと、同じようなものを表示することができます。 例えば、テーマ「Adelle」の場合、こんな感じで表示されます。 「最近の投稿」ウィジェットの管理画面はこんな感じです。 配置やデザインを修正したりしたいときには、CSS スタイルシートエディターを使います。 例えば、テーマ「Twenty Twelve 」の場合、初期状態ではこんな感じですが、 以下のような感じの CSS を CSS スタイルシートエディターの方へ追加することで、 /* 「最新の投稿」ウィジェットの日付を左側にもってくる -twenty twelve- */ .widget_recent_entries .post-date { margin-left: 0; float: left; posi

最終更新日：2015-11-23 Windows を使っている頃は、「irvine 」というのを使って、ファイルのダウンロードを行なっていました。 ここでは、mac でのファイルのダウンロード方法についての覚書をしたいと思います。 使ったものは「SiteSucker 」というものです。 以下の記事で知りました。 ダウンローダー この作業を通じて、あとから知ったのですが、以下の記事のとおりにすると「SiteSucker」を日本語化することができます。 SiteSuckerの日本語化 – akagamimanの日記 実際にファイルをダウンロードする前に、「SiteSucker」において、以下の設定を行いました。 「General」→「Download Option」のところで「HTML 処理」を「なし」に、「取得対象」を「同じディレクトリのすべてのファイル」にします。 また、php ファイルに

WordPress.com のテーマのうち、１カラムであるか、もしくは１カラムにできるテーマについての覚書です。 オーソドックスな１カラムテーマ 何の変哲もない、普通の１カラムのテーマです。

WordPress.comのリンク（ブログロール）をエクスポート／インポートする方法についての覚書です。 こちらのブログに これら２つのリンクを移すことを考えます。 まずはリンクのエクスポート。ブログのURLに「wp-links-opml.php」を追記して、 Webブラウザのページを再読み込みします。 すると、Safariの場合、以下のような感じの表示になります。 「ファイル」→「名前を付けて保存」をクリック。 以下のような表示になるので、 「.webarchive」を削除して、 「保存」をクリックします。 なお、IE９の場合は「Webページ、HTMLのみ（*.htm;*.html）」を選択して保存したらOKでした。 インポートする方のブログに移り、「ツール」→「インポート」をクリック。 「ブログロール」をクリック。 インポートするファイルを選択し、 「OPMLをインポート」をクリック。

このテーマ一覧の使い方について テーマの名称をクリックすると、各テーマのまとめ記事へジャンプします。テーマの画像の上に表示される「demo」をクリックすると、デモサイトへジャンプします。 関連情報について だれでも閲覧できるタイプの WordPress.com 公式のテーマ検索サイトはこちらになります。WordPress.com にログインしている状態の場合には、絞り込み検索項目が日本語で表示されているテーマ検索サイトを使うことができます。レンタルサーバ等にインストールして使うタイプの WordPress でも使える WordPress.com のテーマについては、別途、記事「WordPress.com テーマのうち、レンタルサーバ等でも使えるテーマ」の方にまとめてあります。プレミアム（有料）テーマについては、別途、記事「WordPress.comプレミアムテーマ一覧 」の方にまとめてあり

この記事の情報は古くなっています。WordPress.com の使い方についてのドキュメント・マニュアル・使い方についての説明書「日本語サポート」の、英語オリジナル版からの日本語化がだいぶ進んでいるような感じなので、そちらの方をご参照ください。 日本語サポート – WordPress.com の日本語サポートドキュメンテーションサイトです。

WordPress.com のウィジェットにブログ・サイト全体を他の言語に自動変換することができる Google 翻訳 (Translate) ウィジェットが追加されたので、その覚え書きです。 続きを読む “WordPress.com に「Google 翻訳 (Translate)」ウィジェットが追加された”