Hiromuブログ

最近はこちら(https://zenn.dev/hiromu)が本体

HTML

ブログエディタMarsEditの利用

さて、WordPressのオリジナルテーマが完成したところでエディタについて。 オリジナルのテーマが作れるということはHTML,CSSであれば問題なく使いこなせるという状態ではないでしょうか。 そうであればMacから投稿する場合は、MarsEditの利用をお勧めします…

ナビゲーション(次の記事、前の記事)の実装

今回はページ下によくあるナビゲーション(次の記事、前の記事)について。 どのサイトにもだいたいあるごく普通のものですがWordPressのテーマとして実装するにはそれなりに苦労しました。 実装したものは以下のようになっています。 まず一番上が通常の状…

HTMLのオリジナルテーマ化

今回は作成したHTMLのテーマ化について。 正直今回テーマを作るまで何をしていいのかよくわかっていませんでしたが「はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)」のサイトを参考に順に進めて…

画像を使ったパンくずリストの実装

今回はパンくずリストのHTML化について。 「パンくずリスト」とはよくサイトの上の方にあり、いまどこにいるのかを示すリンクのことです。 こんなやつ 童話「ヘンゼルとグレーテル」で森で迷子にならないように通り道にパンくずを置いていったというのが語源…

オリジナルテーマ化・各記事ページのデザイン検討

今回は各記事のページのデザイン検討について。 トップページのデザインは済んでいるので、だいたいの場合はそれを流用したデザインになると思います。なので今回新たに考える部分は、文章を装飾する各タグを使ったときにどのように見せるかというところがポ…

オリジナルテーマ・HTML化作業

デザインを考えたら、次はHTML化作業です。 WordPressのテーマはPHPを利用して作りますが、PHPを利用しても結局のところ最終的なアウトプットはHTMLになります。(PHPを利用して「こういうHTMLを出力してください」とお願いする感じ) HTML化作業をしてしま…

WordPressオリジナルテーマへの道

WordPressのオリジナルテーマを作る過程を以下にまとめてみました。改めてまとめてみると結構なボリュームになりました。リンクが張ってある部分はその工程の詳細について書いているので興味のある方はご覧ください。 1日目 ブログトップページのデザイン検…

トップページをようやく更新

一番トップのindex.htmlを更新しました。 初めてiPhoneアプリを作った時に間に合わせで適当に作っていたまま放置していましたが、HTMLとCSSを書き直しました。 見た目はほとんど変わっていませんが(^^;) 更新に合わせて最近作成したLabsページへのリンクも追…