You've already forked wp-bootstrap
magdev
cb288d6e74
Replace FSE block markup on the frontend with proper Bootstrap 5 HTML rendered through Twig templates. The Site Editor remains functional for admin editing while the public site outputs Bootstrap navbar, cards, pagination, grid layout, and responsive components. New PHP classes: TemplateController, ContextBuilder, NavWalker New Twig templates: 20 files (base, pages, partials, components) Enhanced TwigService with WordPress functions and globals Co-Authored-By: Claude <noreply@anthropic.com>
40 lines
1.5 KiB
Twig
40 lines
1.5 KiB
Twig
<div class="comment d-flex gap-3 mb-4{% if depth > 0 %} ms-5{% endif %}" id="comment-{{ comment.id }}">
|
|
<div class="flex-shrink-0">
|
|
<img src="{{ comment.avatar_url }}" alt="{{ comment.author }}"
|
|
class="rounded-circle" width="40" height="40">
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<div class="d-flex align-items-center gap-2 mb-1">
|
|
<strong class="small">
|
|
{% if comment.author_url %}
|
|
<a href="{{ comment.author_url }}" class="text-decoration-none text-body" rel="nofollow">
|
|
{{ comment.author }}
|
|
</a>
|
|
{% else %}
|
|
{{ comment.author }}
|
|
{% endif %}
|
|
</strong>
|
|
<time class="text-body-secondary small" datetime="{{ comment.date_iso }}">
|
|
{{ comment.date }}
|
|
</time>
|
|
{% if comment.edit_url %}
|
|
<a href="{{ comment.edit_url }}" class="text-body-secondary small">{{ __('Edit') }}</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="comment-content small">
|
|
{{ comment.content|raw }}
|
|
</div>
|
|
{% if comment.reply_url %}
|
|
<div class="mt-1">
|
|
{{ comment.reply_url|raw }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if comment.children|length > 0 %}
|
|
{% for child in comment.children %}
|
|
{% include 'partials/comment-item.html.twig' with {'comment': child, 'depth': depth + 1} only %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|